.cs-slider{max-width:1200px;margin:0 auto;font-family:'Poppins',sans-serif;width:100%;}
.cs-slider *{font-family:'Poppins',sans-serif;box-sizing:border-box;}
.cs-slider button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;margin:0;}
.cs-viewport{overflow:hidden;border-radius:24px;}
.cs-track{display:flex;transition:transform .6s cubic-bezier(.65,0,.35,1);will-change:transform;}
.cs-slide{flex:0 0 100%;max-width:100%;padding:2px;}
.cs-card{display:flex;gap:32px;background:#F5F6F1;border-radius:24px;padding:24px;flex-wrap:wrap;}
.cs-media{position:relative;flex:1 1 380px;min-height:420px;border-radius:18px;border:1px solid #30ad1c45;background:#f6dcea;background-size:cover;background-position:top center;padding:16px;display:flex;flex-direction:column;justify-content:space-between;}
.cs-media-lightbox{position:absolute;inset:0;z-index:1;cursor:zoom-in;}
.cs-media-badge{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;background:#fff;padding:8px 14px;border-radius:999px;align-self:flex-start;box-shadow:0 4px 10px rgba(0,0,0,.08);}
.cs-media-badge-icon{color:#3f8f3f;background:#eaf7ea;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex:none;}
.cs-media-badge strong{display:block;font-size:13px;line-height:1.3;}
.cs-media-badge small{display:block;font-size:11px;color:#777;}
.cs-media-stats{display:flex;gap:12px;background:#fff;border-radius:16px;padding:14px;flex-wrap:wrap;}
.cs-stat-pill{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;}
.cs-stat-pill strong,.cs-result-box strong{display:block;font-size:16px;color:#1a1a1a;}
.cs-stat-pill small,.cs-result-box small{display:block;font-size:12px;color:#777;}
.cs-icon-circle{width:34px;height:34px;border-radius:50%;background:#3f8f3f;display:flex;align-items:center;justify-content:center;flex:none;color:#fff;font-size:14px;}
.cs-content{flex:1 1 420px;min-width:0;}
.cs-content-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.cs-trophy{width:44px;height:44px;border-radius:50%;background:#eaf7ea;color:#3f8f3f;display:flex;align-items:center;justify-content:center;flex:none;font-size:18px;}
.cs-content-head h3{margin:0;font-size:24px;color:#1a1a1a;word-break:break-word;}
.cs-desc{color:#555;line-height:1.6;margin:0 0 18px;}
.cs-content h4{margin:0 0 10px;font-size:15px;color:#1a1a1a;}
.cs-strategies{list-style:none;margin:0 0 20px;padding:0;}
.cs-strategies li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee;color:#444;font-size:14px;}
.cs-check{color:#3f8f3f;font-weight:700;flex:none;}
.cs-results{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;}
.cs-result-box{flex:1 1 180px;display:flex;align-items:center;gap:10px;background:#eaf7ea;border-radius:14px;padding:14px 16px;min-width:0;}
.cs-btn{display:inline-flex;align-items:center;gap:8px;background:#3f8f3f;color:#fff !important;text-decoration:none;font-weight:600;padding:12px 22px;border-radius:999px;transition:background .2s;}
.cs-btn:hover{background:#347634;color:#fff !important;}
.cs-btn span{background:rgba(255,255,255,.25);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:12px;flex:none;}
.cs-nav{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:28px;}
.cs-arrow{width:48px;height:48px;min-width:48px;border-radius:50%;border:1.5px solid #3f8f3f;background:#fff;color:#3f8f3f;font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;}
.cs-arrow.filled{background:#3f8f3f;color:#fff;border-color:#3f8f3f;}
.cs-arrow:hover{background:#3f8f3f;color:#fff;}
.cs-dots{display:flex;align-items:center;gap:8px;}
.cs-dot{width:10px;height:10px;min-width:10px;border-radius:50%;background:#cfe8cf;cursor:pointer;border:none;padding:0;transition:all .25s;}
.cs-dot.active{background:#3f8f3f;width:28px;border-radius:6px;}

/* ---- Responsive ---- */
@media(max-width:1024px){
	.cs-card{gap:22px;padding:20px;}
	.cs-media{min-height:360px;flex-basis:320px;}
	.cs-content{flex-basis:320px;}
}
@media(max-width:768px){
	.cs-card{flex-direction:column;padding:18px;border-radius:20px;}
	.cs-media{min-height:280px;flex-basis:auto;width:100%;}
	.cs-content{flex-basis:auto;width:100%;}
	.cs-content-head h3{font-size:21px;}
	.cs-media-stats{padding:10px;}
	.cs-nav{margin-top:20px;gap:16px;}
	.cs-arrow{width:40px;height:40px;min-width:40px;font-size:15px;}
}
@media(max-width:480px){
	.cs-viewport{border-radius:18px;}
	.cs-card{padding:14px;gap:16px;border-radius:16px;}
	.cs-media{min-height:220px;padding:12px;border-radius:14px;}
	.cs-media-badge{padding:6px 10px;gap:6px;}
	.cs-media-badge strong{font-size:12px;}
	.cs-media-badge small{font-size:10px;}
	.cs-media-stats{flex-direction:column;gap:8px;padding:10px;}
	.cs-icon-circle{width:28px;height:28px;font-size:12px;}
	.cs-content-head h3{font-size:18px;}
	.cs-trophy{width:36px;height:36px;font-size:15px;}
	.cs-desc{font-size:13px;margin-bottom:14px;}
	.cs-content h4{font-size:14px;}
	.cs-strategies li{font-size:13px;padding:8px 0;}
	.cs-results{flex-direction:column;gap:8px;}
	.cs-result-box{padding:12px 14px;}
	.cs-btn{padding:10px 18px;font-size:14px;}
	.cs-nav{gap:12px;margin-top:16px;}
	.cs-arrow{width:36px;height:36px;min-width:36px;font-size:14px;}
	.cs-dot.active{width:22px;}
}