:root{
  --ms-red:#e2231a;
  --ms-red-dark:#b81a13;
  --ms-gold:#d4a017;
  --ms-dark:#1c1c1c;
  --ms-gray:#f5f5f5;
  --ms-border:#e6e6e6;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Segoe UI',Roboto,Arial,sans-serif;
  color:#222;
  background:#fff;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif;font-weight:600;letter-spacing:-.2px;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.wa-icon{width:18px;height:18px;display:inline-block;vertical-align:-4px;fill:currentColor;}
.wa-float .wa-icon{width:30px;height:30px;vertical-align:middle;}
.container{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}
.topbar-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

/* Topbar */
.topbar{background:var(--ms-red);color:#fff;font-size:.8rem;padding:6px 0;}
.topbar .topbar-container{display:flex;justify-content:space-between;align-items:center;}
.topbar a{color:#fff;margin-left:14px;}
.topbar a:hover{color:var(--ms-gold);}

/* Navbar */
.navbar-ms{background:#fff;border-bottom:1px solid var(--ms-border);padding:14px 0;position:sticky;top:0;z-index:1500;box-shadow:0 1px 6px rgba(0,0,0,.05);}
.navbar-ms .container{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.4rem;color:var(--ms-red);}
.brand img{height:48px;}
.nav-links{display:flex;gap:2px;align-items:center;list-style:none;margin:0;padding:0;}
.nav-links a{font-weight:600;font-size:.95rem;color:var(--ms-dark);padding:6px 17px;border-bottom:2px solid transparent;transition:.2s;}
.nav-links a:hover, .nav-links a.active{color:var(--ms-red);border-color:var(--ms-red);}
.nav-cta{background:var(--ms-red);color:#fff !important;padding:10px 20px;border-radius:30px;font-weight:700;display:flex;align-items:center;gap:8px;}
.nav-cta:hover{background:var(--ms-red-dark);color:#fff !important;}
.navbar-toggle{display:none;background:none;border:0;padding:6px;width:42px;height:42px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;z-index:1100;-webkit-tap-highlight-color:transparent;}
.navbar-toggle-bar{display:block;width:24px;height:3px;border-radius:2px;background:var(--ms-dark);transition:transform .3s ease,opacity .3s ease;}
.navbar-toggle.active .navbar-toggle-bar:nth-child(1){transform:translateY(8px) rotate(45deg);}
.navbar-toggle.active .navbar-toggle-bar:nth-child(2){opacity:0;}
.navbar-toggle.active .navbar-toggle-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

/* Hero */
.hero{background:linear-gradient(120deg,#1c1c1c 0%,#2b2b2b 60%,var(--ms-red-dark) 130%);color:#fff;padding:70px 0;position:relative;overflow:hidden;}
.hero .container{display:flex;align-items:center;gap:40px;flex-wrap:wrap;}
.hero-text{flex:1;min-width:280px;}
.hero-text h1{font-size:2.6rem;font-weight:800;line-height:1.15;margin-bottom:16px;}
.hero-text h1 span{color:var(--ms-gold);}
.hero-text p{font-size:1.05rem;color:#ddd;margin-bottom:26px;max-width:520px;}
.btn-ms{display:inline-block;background:var(--ms-red);color:#fff;padding:13px 30px;border-radius:30px;font-weight:700;border:none;cursor:pointer;transition:.2s;}
.btn-ms:hover{background:var(--ms-red-dark);color:#fff;}
.btn-outline{display:inline-block;border:2px solid #fff;color:#fff;padding:11px 28px;border-radius:30px;font-weight:700;margin-left:12px;}
.btn-outline:hover{background:#fff;color:var(--ms-dark);}
.hero-image{flex:1;min-width:280px;text-align:center;}
.hero-image img{max-height:380px;margin:0 auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.4));}

/* Slider dots (simple banner carousel) */
.banner-slider{position:relative;width:100%;line-height:0;}
.banner-slide{display:none;width:100%;}
.banner-slide.active{display:block;}
.banner-link{display:block;width:100%;}
.banner-img{width:100%;height:auto;display:block;}
.banner-dots{position:absolute;bottom:14px;left:0;right:0;text-align:center;margin-top:0;z-index:3;}
.banner-dots span{display:inline-block;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.6);margin:0 4px;cursor:pointer;box-shadow:0 0 3px rgba(0,0,0,.4);}
.banner-dots span.active{background:var(--ms-gold);}

/* Marquee strip (feature highlights ticker, below top banner) */
.marquee-strip{background:#0ee921;overflow:hidden;white-space:nowrap;padding:11px 0;}
.marquee-track{display:inline-flex;width:max-content;animation:marquee-scroll 20s linear infinite;}
.marquee-group{display:inline-flex;flex-shrink:0;}
.marquee-item{display:inline-flex;align-items:center;gap:10px;padding:0 36px;color:#fff;font-weight:700;font-size:.92rem;letter-spacing:.2px;white-space:nowrap;}
.marquee-icon{width:22px;height:22px;flex-shrink:0;color:#fff;}
@keyframes marquee-scroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@media(max-width:768px){
  .marquee-item{padding:0 22px;font-size:.82rem;}
  .marquee-icon{width:18px;height:18px;}
  .marquee-track{animation-duration:14s;}
}
.section-title{text-align:center;margin-bottom:40px;}
.section-title h2{font-size:2.5rem;font-weight:600;color:var(--ms-dark);margin:0; padding-top: 25px;}
.section-title .accent{color:var(--ms-red);}
.section-title p{color:#777;margin:6px 0 0;}

/* Category grid (used on the full "Shop By Category" listing page) */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;}
.cat-card{display:block;text-align:center;}
.cat-card .cat-img-wrap{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:.25s;}
.cat-card:hover .cat-img-wrap{box-shadow:0 12px 26px rgba(0,0,0,.16);transform:translateY(-5px);}
.cat-card .cat-img{width:100%;height:100%;object-fit:cover;transition:.35s;}
.cat-card:hover .cat-img{transform:scale(1.06);}
.cat-card h4{font-size:1rem;font-weight:700;color:var(--ms-dark);padding:14px 4px 0;}

/* Category HIGHLIGHT - big cards, sliding carousel right-to-left on BOTH desktop and mobile */
.cat-slider-wrap{position:relative;max-width:1280px;margin:0 auto;padding:6px 56px 10px;}
.cat-slider{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 4px 22px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;}
.cat-slider::-webkit-scrollbar{display:none;}
.cat-slide{position:relative;flex:0 0 260px;width:260px;aspect-ratio:1/1.12;border-radius:20px;overflow:hidden;scroll-snap-align:start;box-shadow:0 10px 28px rgba(0,0,0,.14);transition:transform .35s ease,box-shadow .35s ease;}
.cat-slide:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.24);}
.cat-slide-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.cat-slide:hover .cat-slide-img{transform:scale(1.1);}
.cat-slide-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;padding:22px;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.35) 68%,rgba(0,0,0,.82) 100%);}
.cat-slide-title{color:#fff;font-size:1.25rem;font-weight:800;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.45);}
.cat-shop-now{display:inline-flex;align-items:center;gap:8px;background:var(--ms-red);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.3px;padding:9px 18px;border-radius:30px;transition:background .25s ease,gap .25s ease;}
.cat-slide:hover .cat-shop-now{background:var(--ms-red-dark);gap:12px;}
.cat-shop-arrow{width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);}
.cat-nav{display:flex;position:absolute;top:calc(50% - 11px);transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--ms-border);box-shadow:0 6px 18px rgba(0,0,0,.16);align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .2s ease,border-color .2s ease;}
.cat-nav:hover{background:var(--ms-red);border-color:var(--ms-red);}
.cat-nav-prev{left:0;}
.cat-nav-next{right:0;}
.cat-nav-arrow{width:10px;height:10px;border-top:2.5px solid var(--ms-dark);border-right:2.5px solid var(--ms-dark);transition:border-color .2s ease;}
.cat-nav:hover .cat-nav-arrow{border-color:#fff;}
.cat-nav-arrow-left{transform:rotate(-135deg);margin-left:4px;}
.cat-nav-arrow-right{transform:rotate(45deg);margin-right:4px;}

/* Promo banner grid (before Featured Products) - 2 large + 3 small, like "Discover Our Brands" */
.promo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;}
.promo-card{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--ms-border);transition:.25s;line-height:0;grid-column:span 2;}
.promo-grid .promo-card:nth-child(1),
.promo-grid .promo-card:nth-child(2){grid-column:span 3;}
.promo-card:hover{transform:translateY(-5px);box-shadow:0 12px 26px rgba(0,0,0,.1);}
.promo-card img{width:100%;height:auto;display:block;}

/* Product grid */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;}
.prod-card{border:1px solid var(--ms-border);border-radius:12px;overflow:hidden;background:#fff;transition:.25s;display:flex;flex-direction:column;}
.prod-card:hover{box-shadow:0 14px 30px rgba(0,0,0,.09);transform:translateY(-4px);}
.prod-thumb{background:var(--ms-gray);height:200px;display:flex;align-items:center;justify-content:center;padding:16px;}
.prod-thumb img{max-height:170px;object-fit:contain;}
.prod-body{padding:16px 18px 20px;flex:1;display:flex;flex-direction:column;}
.prod-cat{font-size:.75rem;color:var(--ms-red);font-weight:700;text-transform:uppercase;letter-spacing:.5px;}
.prod-body h4{font-size:1.02rem;margin:6px 0 8px;color:var(--ms-dark);}
.prod-body p{font-size:.85rem;color:#777;flex:1;}
.prod-actions{display:flex;gap:10px;margin-top:14px;}
.btn-sm{padding:9px 16px;border-radius:24px;font-weight:700;font-size:.82rem;flex:1;text-align:center;}
.btn-red{background:var(--ms-red);color:#fff;}
.btn-red:hover{background:var(--ms-red-dark);color:#fff;}
.btn-wa{background:#25D366;color:#fff;}
.btn-wa:hover{background:#1ea952;color:#fff;}

/* Product HIGHLIGHT (homepage Featured Products / Latest Arrivals) - grid on desktop, sliding carousel on mobile only */
.prod-slider-wrap{position:relative;padding:0;}
.prod-slider{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;}
.prod-slider::-webkit-scrollbar{display:none;}
.prod-nav{display:none;position:absolute;top:calc(50% - 11px);transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--ms-border);box-shadow:0 6px 18px rgba(0,0,0,.16);align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .2s ease,border-color .2s ease;}
.prod-nav:hover{background:var(--ms-red);border-color:var(--ms-red);}
.prod-nav-prev{left:0;}
.prod-nav-next{right:0;}
.prod-nav-arrow{width:10px;height:10px;border-top:2.5px solid var(--ms-dark);border-right:2.5px solid var(--ms-dark);transition:border-color .2s ease;}
.prod-nav:hover .prod-nav-arrow{border-color:#fff;}
.prod-nav-arrow-left{transform:rotate(-135deg);margin-left:4px;}
.prod-nav-arrow-right{transform:rotate(45deg);margin-right:4px;}
.breadcrumb-ms{background:var(--ms-gray);padding:16px 0;font-size:.85rem;color:#777;margin-bottom: 22px;}
.breadcrumb-ms a{color:var(--ms-red);}

/* Sidebar filter */
.filter-box{border:1px solid var(--ms-border);border-radius:10px;padding:18px;margin-bottom:20px;}
.filter-box h5{font-weight:800;margin-bottom:12px;color:var(--ms-dark);border-bottom:2px solid var(--ms-red);padding-bottom:8px;}
.filter-box a{display:block;padding:6px 0;font-size:.9rem;color:#555;}
.filter-box a:hover, .filter-box a.active{color:var(--ms-red);font-weight:700;}

/* Product detail */
.product-gallery-main{border:1px solid var(--ms-border);border-radius:12px;background:var(--ms-gray);padding:20px;text-align:center;margin-bottom:14px;}
.product-gallery-main img{max-height:380px;margin:0 auto;}
.gallery-thumbs{display:flex;gap:10px;flex-wrap:wrap;}
.gallery-thumbs img{width:70px;height:70px;object-fit:contain;border:1px solid var(--ms-border);border-radius:8px;padding:6px;cursor:pointer;background:#fff;}
.gallery-thumbs img:hover{border-color:var(--ms-red);}
.spec-table{width:100%;border-collapse:collapse;margin-top:10px;}
.spec-table tr{border-bottom:1px solid var(--ms-border);}
.spec-table td{padding:12px 10px;font-size:.92rem;}
.spec-table td:first-child{font-weight:700;color:var(--ms-dark);width:40%;}
.spec-table td:last-child{color:#555;}

/* About */
.about-hero{background:var(--ms-dark);color:#fff;padding:60px 0;text-align:center;}

.about-kicker{display:inline-block;color:var(--ms-red);font-weight:800;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;}
.about-story{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:start;}
.about-story-text h2{font-size:1.7rem;font-weight:500;color:var(--ms-dark);margin-bottom:18px;line-height:1.25;}
.about-story-text p{color:#555;line-height:1.85;font-size:1.02rem;margin-bottom:16px;}
.about-story-text strong{color:var(--ms-dark);}
.about-tagline{color:var(--ms-red) !important;font-weight:800;font-size:1.1rem !important;margin-top:22px !important;}
.about-facts-card{background:var(--ms-gray);border:1px solid var(--ms-border);border-radius:14px;padding:28px 26px;position:sticky;top:90px;}
.about-facts-card h4{font-weight:800;color:var(--ms-dark);margin-bottom:16px;border-bottom:2px solid var(--ms-red);padding-bottom:10px;}
.about-facts-card ul{list-style:none;margin:0;padding:0;}
.about-facts-card li{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--ms-border);}
.about-facts-card li:last-child{border-bottom:none;}
.about-facts-card li span{font-size:.78rem;color:#888;text-transform:uppercase;letter-spacing:.4px;}
.about-facts-card li strong{color:var(--ms-dark);font-size:.98rem;}

.about-range-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;}
.about-range-card{background:#fff;border:1px solid var(--ms-border);border-radius:14px;padding:30px 22px;text-align:center;transition:.25s;}
.about-range-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(0,0,0,.09);border-color:var(--ms-red);}
.about-range-icon{width:44px;height:44px;color:var(--ms-red);margin:0 auto 16px;}
.about-range-card h4{font-weight:800;color:var(--ms-dark);margin-bottom:8px;font-size:1.05rem;}
.about-range-card p{color:#777;font-size:.88rem;line-height:1.6;}

.about-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;}
.about-feature-card{text-align:center;padding:10px;}
.about-feature-icon{width:46px;height:46px;color:var(--ms-red);margin:0 auto 14px;}
.about-feature-card h4{font-weight:800;color:var(--ms-dark);margin-bottom:8px;}
.about-feature-card span{color:#777;font-size:.88rem;line-height:1.6;display:block;max-width:260px;margin:0 auto;}

.founders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:34px;max-width:760px;margin:0 auto;}
.founder-card{background:#fff;border-radius:16px;padding:32px 24px;text-align:center;border:1px solid var(--ms-border);transition:.25s;}
.founder-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(0,0,0,.1);}
.founder-photo-wrap{width:160px;height:160px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:4px solid var(--ms-gray);box-shadow:0 6px 20px rgba(0,0,0,.12);}
.founder-photo{width:100%;height:100%;object-fit:cover;object-position:top center;}
.founder-card h4{font-weight:800;color:var(--ms-dark);font-size:1.08rem;margin-bottom:4px;}
.founder-title{color:var(--ms-red);font-weight:700;font-size:.85rem;letter-spacing:.3px;}

@media(max-width:900px){
  .about-story{grid-template-columns:1fr;}
  .about-facts-card{position:static;}
}

/* Contact Us */
.contact-card{background:#fdf1ee;border-radius:18px;padding:40px;}
.contact-card h2{font-size:1.9rem;font-weight:700;color:var(--ms-dark);margin-bottom:26px;}
.contact-info-row{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid rgba(0,0,0,.08);}
.contact-info-item span{display:block;font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;}
.contact-info-item a, .contact-info-item strong{font-size:1.02rem;font-weight:700;color:var(--ms-dark);}
.contact-social-icons{display:flex;gap:10px;}
/*.contact-social-icons a{display:inline-flex;width:38px;height:38px;background:var(--ms-dark);color:#fff;border-radius:50%;align-items:center;justify-content:center;transition:.2s;}*/
.contact-social-icons a{display:inline-flex;width:38px;height:38px;background:transparent;color:var(--ms-dark);font-size:1.4rem;align-items:center;justify-content:center;}
.contact-social-icons a:hover{color:var(--ms-red);}
/*.contact-social-icons a:hover{background:var(--ms-red);}*/
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;}
.contact-form-group{display:flex;flex-direction:column;gap:6px;}
.contact-form-group label{font-size:.82rem;font-weight:600;color:var(--ms-dark);}
.contact-form-group input,.contact-form-group textarea{border:1px solid rgba(0,0,0,.18);background:#fff;border-radius:8px;padding:11px 13px;font-size:.92rem;font-family:inherit;}
.contact-form-group input:focus,.contact-form-group textarea:focus{outline:none;border-color:var(--ms-red);}
.contact-form-group textarea{min-height:120px;resize:vertical;}
.contact-submit-row{text-align:right;margin-top:6px;}
.contact-map-wrap{border-radius:18px;overflow:hidden;margin-top:34px;border:1px solid var(--ms-border);}
.contact-map-wrap iframe{width:100%;height:380px;border:0;display:block;}
.contact-directions-row{text-align:center;margin-top:22px;}
@media(max-width:768px){
  .contact-card{padding:24px 18px;}
  .contact-form-grid{grid-template-columns:1fr;}
  .contact-info-row{gap:22px;}
}

/* Footer */
.footer-ms{background:#1c1c1c;color:#fff;padding:50px 0 20px;margin-top:40px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px;}
.footer-grid h5{color:#fff;font-weight:800;margin-bottom:16px;}
.footer-grid p{color:rgba(255,255,255,.85);}
.footer-grid a{display:block;color:rgba(255,255,255,.85);padding:4px 0;font-size:.9rem;}
.footer-grid a:hover{color:var(--ms-gold);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:18px;text-align:center;font-size:.82rem;color:rgba(255,255,255,.8);}
.social-icons a{display:inline-flex;width:36px;height:36px;background:rgba(0,0,0,.18);border-radius:50%;align-items:center;justify-content:center;margin-right:8px;color:#fff;}
.social-icons a:hover{background:var(--ms-dark);}

/* WhatsApp floating button */
.wa-float{position:fixed;bottom:24px;right:24px;background:#25D366;color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:1200;}

/* Pagination */
.pagination{display:flex;gap:6px;list-style:none;padding:0;margin-top:30px;justify-content:center;}
.pagination .page-item .page-link{padding:8px 14px;border:1px solid var(--ms-border);border-radius:6px;color:var(--ms-dark);}
.pagination .page-item.active .page-link{background:var(--ms-red);border-color:var(--ms-red);color:#fff;}

@media(max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .nav-links{
    position:fixed;
    top:0;
    right:0;
    height:100vh;
    width:80%;
    max-width:320px;
    background:#fff;
    flex-direction:column;
    align-items:flex-start;
    padding:90px 26px 30px;
    gap:20px;
    display:flex;
    transform:translateX(100%);
    transition:transform .35s ease;
    z-index:1050;
    box-shadow:-8px 0 30px rgba(0,0,0,.18);
    overflow-y:auto;
    border-bottom:none;
  }
  .nav-links.show{transform:translateX(0);}
  .nav-links li{width:100%;}
  .nav-links .nav-cta{width:100%;justify-content:center;}
  .navbar-toggle{display:flex;}
  .nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1040;}
  .nav-overlay.show{display:block;}
  body.menu-open{overflow:hidden;}
  .hero-text h1{font-size:2rem;}
  .footer-grid{grid-template-columns:1fr;}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
  .prod-grid .prod-thumb{height:150px;padding:10px;}
  .prod-grid .prod-thumb img{max-height:128px;}
  .prod-grid .prod-body{padding:12px 12px 14px;}
  .prod-grid .prod-body h4{font-size:.9rem;margin:4px 0 6px;}
  .prod-grid .prod-body p{font-size:.78rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .prod-grid .prod-cat{font-size:.68rem;}
  .prod-grid .prod-actions{flex-direction:column;gap:8px;}
  .prod-grid .btn-sm{font-size:.75rem;padding:8px 10px;}
  .cat-slider-wrap{padding:0 16px 6px;}
  .cat-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 4px 18px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;}
  .cat-slide{flex:0 0 190px;width:190px;aspect-ratio:1/1.12;scroll-snap-align:start;border-radius:16px;}
  .cat-slide-title{font-size:1.02rem;}
  .cat-nav{display:none;}
  .prod-slider-wrap{padding:0;}
  .prod-slider{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
  .prod-slider .prod-thumb{height:140px;padding:10px;}
  .prod-slider .prod-thumb img{max-height:118px;}
  .prod-slider .prod-body{padding:12px 12px 14px;}
  .prod-slider .prod-body h4{font-size:.9rem;margin:4px 0 6px;}
  .prod-slider .prod-body p{font-size:.78rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .prod-slider .prod-cat{font-size:.68rem;}
  .prod-slider .prod-actions{flex-direction:column;gap:8px;}
  .prod-slider .btn-sm{font-size:.75rem;padding:8px 10px;}
  .promo-grid{grid-template-columns:1fr;gap:14px;}
  .promo-grid .promo-card,
  .promo-grid .promo-card:nth-child(1),
  .promo-grid .promo-card:nth-child(2){grid-column:auto;}
}