/* extracted from /public/index.php */

.sk-blog-home{padding:46px 0 50px;background:#f8fafc}
.sk-blog-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sk-blog-home-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:.25s}
.sk-blog-home-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(15,61,31,.12);border-color:rgba(47,177,77,.4)}
.sk-blog-home-cover{aspect-ratio:16/9;background:linear-gradient(135deg,#0f3d1f,#2FB14D);display:flex;align-items:center;justify-content:center;font-size:40px;overflow:hidden}
.sk-blog-home-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sk-blog-home-card:hover .sk-blog-home-cover img{transform:scale(1.05)}
.sk-blog-home-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.sk-blog-home-date{font-size:11.5px;color:#94a3b8;margin-bottom:8px}
.sk-blog-home-date i{color:var(--green);margin-right:4px}
.sk-blog-home-body h3{font-size:16px;font-weight:700;color:#1e293b;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sk-blog-home-body p{font-size:13px;color:#64748b;line-height:1.7;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.sk-blog-home-more{font-size:12.5px;font-weight:700;color:var(--green);display:inline-flex;align-items:center;gap:6px}
.sk-blog-home-card:hover .sk-blog-home-more{gap:10px}
@media(max-width:991px){.sk-blog-home-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.sk-blog-home-grid{grid-template-columns:1fr}}



/* Homepage-specific styles */
.sk-hero-slider { position:relative; overflow:hidden; background:#0f3d1f; will-change:transform; }
.sk-slides-track { position:relative; }
.sk-hero-text { display:flex; flex-direction:column; gap:0; }
.sk-hero-top-text { margin-bottom:0; }
.sk-hero-bottom-text { }
.sk-icon { display:inline-block; width:1em; height:1em; vertical-align:-0.125em; fill:currentColor; flex-shrink:0; }
.sk-hero-badge .sk-icon { width:clamp(11px, 1.2vw, 14px); height:clamp(11px, 1.2vw, 14px); }
.sk-hero-btn-primary .sk-icon, .sk-hero-btn-secondary .sk-icon { width:clamp(13px, 1.4vw, 16px); height:clamp(13px, 1.4vw, 16px); }
.sk-slide { position:absolute; top:0; left:0; right:0; opacity:0; visibility:hidden; transition:opacity 0.7s ease, visibility 0.7s ease; z-index:1; pointer-events:none; padding:60px 0 80px; }
.sk-slide.active { position:relative; opacity:1; visibility:visible; z-index:2; pointer-events:auto; }
.sk-slide.leaving { position:absolute; top:0; left:0; right:0; opacity:0; visibility:hidden; z-index:1; pointer-events:none; }
.sk-slide-pattern { position:absolute; inset:0; pointer-events:none; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232FB14D' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sk-hero-inner { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; position:relative; z-index:1; }
.sk-hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(47,177,77,0.2); border:1px solid rgba(47,177,77,0.4); color:#86efac; padding:6px 14px; border-radius:50px; font-size:13px; font-weight:600; margin-bottom:20px; }
.sk-slide h1 { font-size:42px; font-weight:700; color:#ffffff; line-height:1.2; margin-bottom:18px; position:relative; }
.sk-slide h1 span { color:var(--green); }
.sk-slide p { font-size:16px; color:#94a3b8; line-height:1.7; margin-bottom:32px; }
.sk-hero-btns { display:flex; gap:14px; flex-wrap:wrap; }
.sk-hero-btn-primary { display:inline-flex; align-items:center; gap:8px; background:var(--green); color:white; padding:14px 28px; border-radius:50px; text-decoration:none; font-weight:700; font-size:15px; box-shadow:0 8px 24px rgba(47,177,77,0.4); transition:all 0.2s; }
.sk-hero-btn-primary:hover { background:var(--green-dark); transform:translateY(-2px); }
.sk-hero-btn-secondary { display:inline-flex; align-items:center; gap:8px; background:transparent; color:white; padding:14px 28px; border-radius:50px; text-decoration:none; font-weight:600; font-size:15px; border:2px solid rgba(255,255,255,0.3); transition:all 0.2s; }
.sk-hero-btn-secondary:hover { background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.5); }
.sk-hero-stats { display:flex; gap:30px; margin-top:40px; }
.sk-hero-stat-item { text-align:center; }
.sk-hero-stat-num { font-size:28px; font-weight:700; color:var(--green); }
.sk-hero-stat-label { font-size:12px; color:#94a3b8; }
.sk-hero-img-wrap { position:relative; display:flex; align-items:center; justify-content:center; }
.sk-hero-gallery { position:relative; }
.sk-gslide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity 0.8s ease, visibility 0.8s ease; z-index:1; }
.sk-gslide.active { opacity:1; visibility:visible; z-index:2; }
.sk-hero-mobile-extra { display:none; }
.sk-hero-mobile-content { display:none; }
@media(min-width:992px){
  .sk-hero-inner { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
  .sk-hero-text { display:block; }
  .sk-hero-img-wrap { display:flex; }
  .sk-hero-desktop-only { display:flex; }
  .sk-hero-mobile-content { display:none !important; }
}
.sk-hero-main-img { width:100%; max-width:520px; height:460px; border-radius:24px; overflow:hidden; box-shadow:0 24px 60px rgba(0,0,0,0.4); position:relative; }
.sk-hero-main-img img { width:100%; height:100%; object-fit:cover; display:block; }
.sk-hero-float-card { position:absolute; bottom:20px; left:-20px; background:rgba(255,255,255,0.95); backdrop-filter:blur(10px); border-radius:14px; padding:12px 18px; box-shadow:0 8px 30px rgba(0,0,0,0.2); display:flex; align-items:center; gap:10px; animation:sk-float 3s ease-in-out infinite; }
.sk-float-desktop { display:flex; }
@keyframes sk-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.sk-hero-float-icon { font-size:28px; }
.sk-hero-float-text { font-size:13px; font-weight:700; color:var(--text); }
.sk-hero-float-sub { font-size:11px; color:var(--muted); }
.sk-hero-badge-top { position:absolute; top:20px; right:-20px; background:var(--green); color:white; border-radius:50%; width:70px; height:70px; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:11px; font-weight:700; text-align:center; line-height:1.2; box-shadow:0 8px 20px rgba(47,177,77,0.4); }

.sk-category-section { padding:30px 0 20px; background:#fff; }
.sk-section-title { display:flex; flex-direction:column; align-items:center; text-align:center; margin-bottom:28px; gap:10px; }
.sk-section-title h2 { font-size:26px; font-weight:700; color:var(--text); margin:0; padding-bottom:10px; position:relative; }
.sk-section-title h2::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:50px; height:3px; background:var(--green); border-radius:5px; }
.sk-cat-grid-desktop { display:grid; grid-template-columns:repeat(8,1fr); gap:20px; padding:4px 2px; }

.sk-cat-slider-outer { overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; cursor:grab; user-select:none; }
.sk-cat-slider-outer::-webkit-scrollbar { display:none; }
.sk-cat-slider-track { display:flex; gap:16px; padding:4px 4px 12px; width:max-content; }
.sk-cat-card { text-align:center; text-decoration:none; display:block; transition:transform 0.25s ease; }
.sk-cat-img { aspect-ratio:1/1; background:#fff; border-radius:20px; margin-bottom:10px; display:flex; align-items:center; justify-content:center; border:1.5px solid #e8f0ea; position:relative; overflow:hidden; transition:all 0.3s; box-shadow:0 4px 14px rgba(15,61,31,0.06); }
.sk-cat-img::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(10,42,21,0.42)); opacity:0; transition:opacity 0.3s; z-index:1; pointer-events:none; }
.sk-cat-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.4s ease; }
.sk-cat-card h3 { font-size:14px; color:#334155; font-weight:600; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color 0.2s; }
.sk-cat-card:hover { transform:translateY(-6px); }
.sk-cat-card:hover .sk-cat-img { border-color:rgba(47,177,77,0.55); box-shadow:0 14px 28px rgba(47,177,77,0.18); }
.sk-cat-card:hover .sk-cat-img img { transform:scale(1.08); }
.sk-cat-card:hover .sk-cat-img::before { opacity:1; }
.sk-cat-card:hover h3 { color:var(--green); }
.sk-cat-slider-track .sk-cat-card { flex:0 0 100px; min-width:100px; }

.sk-product-wrapper { padding:20px 0 44px; background:#fff; }
.sk-section-header { text-align:center; margin-bottom:32px; }
.sk-main-title { font-size:26px; color:var(--text); font-weight:700; margin-bottom:10px; }
.sk-title-underline { width:50px; height:3px; background:var(--green); margin:0 auto; border-radius:5px; }
.sk-custom-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; max-width:1200px; margin:0 auto; padding:0 15px; }

.sk-p-card { background:var(--white); border:1.5px solid #f1f5f9; border-radius:16px; overflow:hidden; display:flex; flex-direction:column; transition:all 0.25s ease; }
.sk-p-card:hover { transform:translateY(-7px); box-shadow:0 16px 32px rgba(0,0,0,0.1); border-color:var(--green); }
.sk-p-img { display:block; aspect-ratio:1/1; overflow:hidden; background:#fff; position:relative; text-decoration:none; }
.sk-p-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.45s ease; }
.sk-p-card:hover .sk-p-img img { transform:scale(1.07); }
.sk-sale-badge { position:absolute; top:10px; left:10px; background:linear-gradient(135deg,#ff4757,#ff6b6b); color:white; font-size:11px; font-weight:700; padding:4px 10px; border-radius:20px; box-shadow:0 2px 8px rgba(255,71,87,0.4); animation:sk-badge-pulse 2s ease infinite; }
@keyframes sk-badge-pulse { 0%,100%{box-shadow:0 2px 8px rgba(255,71,87,0.4)} 50%{box-shadow:0 2px 18px rgba(255,71,87,0.75)} }
.sk-p-info { padding:14px; flex:1; display:flex; flex-direction:column; gap:10px; }
.sk-p-name { font-size:15px; font-weight:600; color:var(--text); text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.4; text-align:center; }
.sk-p-name:hover { color:var(--green); }
.sk-p-price { display:flex; align-items:center; justify-content:center; gap:8px; }
.sk-old-price { font-size:13px; color:#94a3b8; text-decoration:line-through; }
.sk-new-price { font-size:18px; font-weight:700; color:var(--green); }
.sk-p-buttons { display:flex; flex-direction:column; gap:8px; margin-top:auto; }
.sk-btn { padding:11px 14px; border-radius:10px; font-weight:700; font-size:14px; text-align:center; cursor:pointer; text-decoration:none; display:flex; align-items:center; justify-content:center; gap:7px; width:100%; border:none; position:relative; overflow:hidden; transition:all 0.2s ease; }
.sk-btn svg { width:15px; height:15px; flex-shrink:0; }
.sk-btn-details { background:transparent; color:var(--muted); border:1.5px solid var(--border) !important; }
.sk-btn-details svg { stroke:var(--muted); }
.sk-btn-details:hover { background:#fff; color:var(--text); border-color:#94a3b8 !important; transform:translateY(-1px); }
.sk-btn-order { background:linear-gradient(135deg,#2FB14D,#25c75a); color:white; box-shadow:0 4px 14px rgba(47,177,77,0.3); }
.sk-btn-order svg { stroke:white; }
.sk-btn-order:hover { background:linear-gradient(135deg,#25a043,#1fb34d); box-shadow:0 6px 22px rgba(47,177,77,0.5); transform:translateY(-2px); }
.sk-btn-cart { display:flex; position:relative; overflow:visible; background:transparent; color:var(--green); border:1.5px solid var(--green)!important; }
.sk-btn-cart:hover { background:var(--green-light); }

/* Mobile View Toggle */
.sk-view-toggle { display:none; }
@media(max-width:991px){
  .sk-view-toggle { display:flex; gap:8px; margin-top:15px; justify-content:flex-end; padding-right:16px; }
  .sk-view-btn { width:36px; height:36px; border:2px solid var(--border); background:#fff; border-radius:8px; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:6px; transition:all 0.2s ease; }
  .sk-view-btn svg { width:20px; height:20px; color:#94a3b8; }
  .sk-view-btn.active { border-color:var(--green); background:#f0fdf4; }
  .sk-view-btn.active svg { color:var(--green); }
  .sk-view-btn:hover { border-color:var(--green); }
}

.sk-view-all-btn { display:inline-flex; align-items:center; gap:8px; background:var(--green); color:white; padding:12px 32px; border-radius:50px; text-decoration:none; font-weight:700; font-size:15px; box-shadow:0 4px 14px rgba(47,177,77,0.3); transition:all 0.2s; }
.sk-view-all-btn:hover { background:var(--green-dark); transform:translateY(-2px); }

.sk-promo-section { padding:40px 0; background:#fff; }
.sk-promo-banner { background:linear-gradient(135deg,#0f3d1f 0%,#1a5c30 100%); border-radius:20px; padding:40px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.sk-promo-banner::before { content:'🌿'; position:absolute; right:-20px; bottom:-30px; font-size:160px; opacity:0.08; line-height:1; pointer-events:none; z-index:0; }
.sk-promo-left { position:relative; z-index:1; }
.sk-promo-right { position:relative; z-index:2; }
.sk-promo-tag { display:inline-block; background:rgba(47,177,77,0.3); color:#86efac; padding:4px 14px; border-radius:50px; font-size:12px; font-weight:700; margin-bottom:12px; text-transform:uppercase; letter-spacing:1px; }
.sk-promo-banner h3 { font-size:28px; font-weight:700; color:white; line-height:1.2; margin-bottom:10px; }
.sk-promo-banner p { color:#94a3b8; font-size:15px; }
.sk-promo-right { flex-shrink:0; }
.sk-promo-btn { display:inline-flex; align-items:center; gap:10px; background:var(--green); color:white; padding:14px 28px; border-radius:50px; text-decoration:none; font-weight:700; font-size:15px; box-shadow:0 8px 24px rgba(47,177,77,0.4); transition:all 0.2s; position:relative; z-index:3; cursor:pointer; }
.sk-promo-btn:hover { background:var(--green-dark); transform:translateY(-2px); box-shadow:0 12px 30px rgba(47,177,77,0.5); }
.sk-promo-btn:active { transform:translateY(0); }

.sk-why-section { padding:50px 0; background:#fff; }
.sk-why-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:32px; }
.sk-why-card { text-align:center; padding:30px 20px; border-radius:16px; border:1.5px solid var(--border); background:#fff; transition:all 0.25s; }
.sk-why-card:hover { border-color:var(--green); box-shadow:0 8px 24px rgba(47,177,77,0.1); transform:translateY(-4px); }
.sk-why-icon { font-size:42px; margin-bottom:16px; }
.sk-why-card h4 { font-size:16px; font-weight:700; color:var(--text); margin-bottom:8px; }
.sk-why-card p { font-size:14px; color:var(--muted); line-height:1.6; }

@media(max-width:991px){
  .sk-cat-grid-desktop { display:none; }
  .sk-cat-slider-outer { display:block; }
  .sk-hero-inner { display:flex; flex-direction:column; gap:0; text-align:center; }
  .sk-hero-text { display:contents; }
  .sk-hero-top-text { order:1; margin-bottom:16px; width:100%; }
  .sk-hero-img-wrap { order:2; width:100%; margin-bottom:24px; }
  .sk-hero-bottom-text { order:3; width:100%; display:block; }
  .sk-hero-text .sk-hero-desc { display:none; }
  .sk-hero-text .sk-hero-desktop-only { display:none !important; }
  .sk-hero-mobile-content { display:none !important; }
  .sk-hero-badge { margin:0 auto 12px; font-size:12px; padding:5px 12px; }
  .sk-hero-badge .sk-icon { width:12px; height:12px; }
  .sk-hero-btn-primary .sk-icon, .sk-hero-btn-secondary .sk-icon { width:14px; height:14px; }
  .sk-hero-slider { height:auto; min-height:auto; overflow:hidden; will-change:transform; }
  .sk-slides-track { position:relative; width:100%; }
  .sk-slide { position:absolute; top:0; left:0; right:0; opacity:0; pointer-events:none; transform:translateY(10px); display:block; padding:24px 0 56px; transition:opacity 0.3s ease, transform 0.3s ease; will-change:transform,opacity; }
  .sk-slide.active { position:relative; opacity:1; pointer-events:auto; transform:translateY(0); display:block; }
  .sk-slide.leaving { opacity:0; transform:translateY(-10px); pointer-events:none; }
  .sk-hero-main-img { max-width:100%; height:280px; margin:0 auto; border-radius:16px; }
  .sk-hero-float-card { display:none; }
  .sk-float-desktop { display:none !important; }
  .sk-hero-badge-top { right:10px; width:56px; height:56px; font-size:10px; top:10px; }
  .sk-slide h1 { font-size:24px; margin-bottom:10px; line-height:1.3; }
  .sk-slide p { font-size:14px; margin-bottom:20px; line-height:1.6; }
  .sk-hero-btns { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; width:100%; }
  .sk-hero-btn-primary,.sk-hero-btn-secondary { padding:12px 20px; font-size:13px; }
  .sk-hero-stats { gap:20px; margin-top:20px; justify-content:center; display:flex; flex-wrap:wrap; }
  .sk-hero-stat-num { font-size:20px; }
  .sk-custom-grid { grid-template-columns:repeat(2,1fr); gap:14px; }
  .sk-why-grid { grid-template-columns:repeat(2,1fr); }
  .sk-promo-banner { flex-direction:column; text-align:center; }
  .sk-hide-mobile { display:none !important; }
  .sk-category-section { padding:30px 0 20px; }
  .sk-product-wrapper { padding:20px 0 40px; }
  .sk-section-title h2 { font-size:26px; padding-bottom:10px; }
  .sk-section-title h2::after { width:50px; height:3px; }
}
@media(max-width:575px){
  .sk-custom-grid { grid-template-columns:repeat(2,1fr); gap:10px; padding:0 10px; }
  .sk-p-card { border-radius:16px; }
  .sk-p-img { aspect-ratio:1/1; border-radius:16px 16px 0 0; }
  .sk-p-info { padding:10px; }
  .sk-p-name { font-size:13px; }
  .sk-new-price { font-size:16px; }
  .sk-custom-grid.sk-grid-1 { grid-template-columns:1fr; gap:16px; padding:0 16px; }
  .sk-custom-grid.sk-grid-1 .sk-p-card { border-radius:20px; }
  .sk-custom-grid.sk-grid-1 .sk-p-img { aspect-ratio:1/0.85; border-radius:20px 20px 0 0; }
  .sk-custom-grid.sk-grid-1 .sk-p-info { padding:14px; }
  .sk-custom-grid.sk-grid-1 .sk-p-name { font-size:15px; }
  .sk-custom-grid.sk-grid-1 .sk-new-price { font-size:18px; }
  .sk-why-grid { grid-template-columns:1fr 1fr; gap:14px; }
  .sk-promo-banner { padding:24px; }
  .sk-promo-banner h3 { font-size:20px; }
  .sk-slide { padding:20px 0 50px; }
  .sk-hero-main-img { height:220px; border-radius:14px; }
  .sk-slide h1 { font-size:20px; line-height:1.35; }
  .sk-slide p { font-size:14px; margin-bottom:16px; }
  .sk-hero-btns { gap:8px; }
  .sk-hero-btn-primary, .sk-hero-btn-secondary { padding:11px 16px; font-size:13px; }
  .sk-hero-stat-num { font-size:20px; }
  .sk-hero-float-card { display:none; }
  .sk-hero-badge-top { width:50px; height:50px; font-size:9px; top:8px; right:8px; }
  .sk-hero-badge { font-size:11px; padding:4px 10px; }
  .sk-hero-badge .sk-icon { width:10px; height:10px; }
  .sk-hero-btn-primary .sk-icon, .sk-hero-btn-secondary .sk-icon { width:12px; height:12px; }
  .sk-section-title h2 { font-size:26px; padding-bottom:10px; }
  .sk-section-title h2::after { width:50px; height:3px; }
  .sk-cat-slider-track .sk-cat-card { flex:0 0 100px; min-width:100px; }
  .sk-cat-img { border-radius:16px; margin-bottom:8px; height:100px; }
  .sk-cat-card h3 { font-size:13px; }
  .sk-category-section { padding:20px 0 12px; }
  .sk-product-wrapper { padding:12px 0 30px; }
  .sk-hero-stats { gap:16px; margin-top:16px; }
  .sk-hero-stat-label { font-size:11px; }
  .sk-btn-details { display:none !important; }
  .sk-p-buttons { gap:8px; }
  .sk-btn-order { padding:14px 16px; font-size:14px; }
  .sk-btn-cart { display:flex; }
}


/* =====================================================
   হোমপেজ — সাম্প্রতিক ব্লগ (সাইটের বাকি সেকশনের সাথে একই স্টাইল)
   ===================================================== */
.sk-blog-home{background:#fff;padding:46px 0 54px}
.sk-blog-home-title{margin-bottom:32px}
.sk-blog-home-card{border:1.5px solid #f1f5f9}
.sk-blog-home-card:hover{transform:translateY(-7px);box-shadow:0 16px 32px rgba(0,0,0,.1);border-color:var(--green)}
.sk-blog-home-date{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;border:1px solid #dcfce7;color:#166534;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:50px;align-self:flex-start;margin-bottom:10px}
.sk-blog-home-body h3{font-size:16px;letter-spacing:0}
.sk-blog-home-card:hover .sk-blog-home-body h3{color:var(--green)}
@media(max-width:640px){.sk-blog-home{padding:36px 0 46px}}

/* ===== মোবাইল ক্যাটাগরি — আগের ছোট বক্সই থাকবে, শুধু স্লাইড অ্যানিমেশন ===== */
@media(max-width:991px){
  .sk-cat-slider-outer { display:block; overflow:hidden; cursor:default; }
  .sk-cat-slider-track { transition:transform .5s cubic-bezier(.33,0,.2,1); will-change:transform; }
}

/* ===== "কেন সবুজকাব্য" — মোবাইলে কার্ডের উচ্চতা কম ===== */
.sk-why-icon i { font-size:38px; color:var(--green); }
@media(max-width:991px){
  .sk-why-section { padding:34px 0; }
  .sk-why-grid { gap:12px; margin-top:20px; }
  .sk-why-card { padding:16px 12px; border-radius:14px; }
  .sk-why-icon { font-size:26px; margin-bottom:8px; }
  .sk-why-icon i { font-size:26px; }
  .sk-why-card h4 { font-size:13.5px; margin-bottom:5px; line-height:1.35; }
  .sk-why-card p { font-size:12px; line-height:1.55; }
}
@media(max-width:575px){
  .sk-why-grid { gap:10px; margin-top:16px; }
  .sk-why-card { padding:14px 10px; border-radius:12px; }
  .sk-why-icon { font-size:22px; margin-bottom:6px; }
  .sk-why-icon i { font-size:22px; }
  .sk-why-card h4 { font-size:12.5px; margin-bottom:4px; }
  .sk-why-card p { font-size:11.5px; line-height:1.5; }
}

/* ===== হোমপেজ — সাম্প্রতিক ব্লগ স্লাইডার (ডেস্কটপে ৩টি, মোবাইলে ১টি) ===== */
.sk-blog-slider { position:relative; }
.sk-blog-viewport { overflow:hidden; }
.sk-blog-track { display:flex; gap:24px; transition:transform .5s cubic-bezier(.33,0,.2,1); will-change:transform; }
.sk-blog-track .sk-blog-home-card { flex:0 0 calc((100% - 48px) / 3); min-width:0; }
.sk-blog-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:40px; height:40px; padding:0; border-radius:50%; border:1.5px solid #e8f2ea; background:#fff; color:var(--green); display:flex; align-items:center; justify-content:center; font-size:13px; cursor:pointer; box-shadow:0 6px 18px rgba(15,61,31,.14); transition:background .18s,color .18s,border-color .18s,box-shadow .18s; }
.sk-blog-arrow:hover { background:var(--green); color:#fff; border-color:var(--green); box-shadow:0 8px 22px rgba(47,177,77,.32); }
.sk-blog-prev { left:-18px; }
.sk-blog-next { right:-18px; }
.sk-blog-slider.sk-blog-single .sk-blog-arrow { display:none; }
@media(max-width:1279px){
  .sk-blog-prev { left:-8px; }
  .sk-blog-next { right:-8px; }
}
@media(max-width:991px){
  .sk-blog-track { gap:18px; }
  .sk-blog-track .sk-blog-home-card { flex:0 0 calc((100% - 18px) / 2); }
}
@media(max-width:640px){
  .sk-blog-track { gap:14px; }
  .sk-blog-track .sk-blog-home-card { flex:0 0 100%; }
  .sk-blog-arrow { width:34px; height:34px; font-size:12px; }
  .sk-blog-prev { left:-12px; }
  .sk-blog-next { right:-12px; }
}

/* ===== ডেস্কটপ ক্যাটাগরি স্লাইডার — এক ভিউতে ৮টি, ৮টির বেশি হলে দুই পাশে অ্যারো ===== */
.sk-cat-d-slider { position:relative; }
.sk-cat-d-viewport { overflow:hidden; padding:4px 2px; }
.sk-cat-d-track { display:flex; gap:20px; transition:transform .5s cubic-bezier(.33,0,.2,1); will-change:transform; }
.sk-cat-d-track .sk-cat-card { flex:0 0 calc((100% - 140px) / 8); min-width:0; }
.sk-cat-d-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:38px; height:38px; padding:0; border-radius:50%; border:1.5px solid #e8f2ea; background:#fff; color:var(--green); display:flex; align-items:center; justify-content:center; font-size:12px; cursor:pointer; box-shadow:0 6px 18px rgba(15,61,31,.14); transition:background .18s,color .18s,border-color .18s,box-shadow .18s; }
.sk-cat-d-arrow:hover { background:var(--green); color:#fff; border-color:var(--green); box-shadow:0 8px 22px rgba(47,177,77,.32); }
.sk-cat-d-prev { left:-18px; }
.sk-cat-d-next { right:-18px; }
@media(max-width:1279px){
  .sk-cat-d-prev { left:-8px; }
  .sk-cat-d-next { right:-8px; }
}
@media(max-width:991px){ .sk-cat-d-slider { display:none; } }

/* ===== হোমপেজ — ক্যাটাগরি-ভিত্তিক পণ্য ===== */
.sk-cat-products { padding:6px 0 26px; background:#fff; }
.sk-cat-prod-block + .sk-cat-prod-block { margin-top:32px; }
.sk-cat-prod-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; padding-bottom:10px; border-bottom:1.5px solid #f1f5f9; }
.sk-cat-prod-head h2 { font-size:19px; font-weight:700; color:var(--text); margin:0; display:flex; align-items:center; gap:9px; }
.sk-cat-prod-head h2 i { color:var(--green); font-size:15px; }
.sk-cat-prod-more { font-size:13px; font-weight:700; color:var(--green); text-decoration:none; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; transition:gap .2s; }
.sk-cat-prod-more:hover { gap:10px; }
.sk-cat-prod-grid { max-width:none; padding:0; gap:18px; }
@media(max-width:991px){
  .sk-cat-products { padding:4px 0 20px; }
  .sk-cat-prod-block + .sk-cat-prod-block { margin-top:26px; }
  .sk-cat-prod-head h2 { font-size:17px; }
}
@media(max-width:575px){
  .sk-cat-prod-head { margin-bottom:12px; padding-bottom:8px; }
  .sk-cat-prod-head h2 { font-size:15.5px; gap:7px; }
  .sk-cat-prod-more { font-size:12px; }
  .sk-cat-prod-grid { gap:10px; padding:0; }
  .sk-cat-prod-block + .sk-cat-prod-block { margin-top:22px; }
}


/* “কেন সবুজকাব্য” — কার্ড সংখ্যা অনুযায়ী গ্রিড (সেটিংসে কম/বেশি কার্ড রাখলে) */
.sk-why-grid[data-n="1"]{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}
.sk-why-grid[data-n="2"]{grid-template-columns:repeat(2,1fr)}
.sk-why-grid[data-n="3"]{grid-template-columns:repeat(3,1fr)}
@media(max-width:575px){
  .sk-why-grid[data-n="3"]{grid-template-columns:1fr 1fr}
  .sk-why-grid[data-n="1"]{max-width:none}
}