:root{--primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;--white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;--star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,0.08);--shadow-red:rgba(211,47,47,0.3)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--white);color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit}

/* TICKER */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem;animation:iconBob 2.4s ease-in-out infinite}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes iconBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-8deg)}}

/* HEADER */
header{background:#fff;padding:18px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer}
.logo-icon{background:var(--primary-red);color:#fff;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.6rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.7rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.68rem;letter-spacing:2.5px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-search{flex-grow:1;max-width:600px}
.search-box{display:flex;background:var(--off-white);border-radius:50px;overflow:hidden;height:52px;align-items:center;padding:5px;border:2px solid var(--light-gray);transition:all .4s ease}
.search-box:focus-within{background:#fff;border-color:var(--primary-red);box-shadow:0 0 22px var(--shadow-red)}
.header-cat{border:none;background:transparent;padding:0 15px;font-size:.88rem;color:var(--text-dark);border-right:1px solid var(--light-gray);outline:none;cursor:pointer;font-weight:600}
.header-input{border:none;flex-grow:1;padding:0 15px;font-size:.92rem;outline:none;background:transparent}
.header-input::placeholder{color:#94a3b8}
.header-search-btn{background:var(--primary-red);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;font-size:1rem}
.header-search-btn:hover{background:var(--hover-red);transform:scale(1.1) rotate(15deg)}
.header-icons{display:flex;align-items:center;gap:22px}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.4rem}
.badge{position:absolute;top:-5px;right:-5px;background:var(--primary-red);color:#fff;font-size:.65rem;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;animation:pulseBadge 2s infinite}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* ALL CATEGORIES BUTTON & MEGA MENU */
.all-cat-btn{display:flex;align-items:center;gap:10px;background:var(--dark-navy);color:#fff;border:none;padding:0 20px;height:52px;border-radius:12px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;position:relative;z-index:102}
.all-cat-btn i{font-size:.9rem;transition:transform .3s ease}
.all-cat-btn:hover{background:var(--primary-red);transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(211,47,47,.6)}
.all-cat-btn.active i{transform:rotate(180deg)}
.mega-menu{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 30px 60px -20px rgba(15,23,42,.25);border-top:3px solid var(--primary-red);opacity:0;pointer-events:none;transform:translateY(10px);transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:99;max-height:calc(100vh - 80px);overflow:hidden;border-radius:0 0 20px 20px}
.mega-menu.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.mega-menu__inner{display:grid;grid-template-columns:280px 1fr;max-width:1300px;margin:0 auto;height:100%;max-height:520px}
.mega-menu__sidebar{background:#f8fafc;border-right:1px solid #eef1f6;overflow-y:auto;padding:16px 0;scrollbar-width:thin}
.mega-menu__sidebar::-webkit-scrollbar{width:5px}
.mega-menu__sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9px}
.mega-cat{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent;font-size:.85rem;font-weight:600;color:#475569}
.mega-cat:hover{background:#fff;color:var(--primary-red);border-left-color:var(--primary-red)}
.mega-cat.active{background:#fff;color:var(--primary-red);border-left-color:var(--primary-red);font-weight:800}
.mega-cat span.count{font-size:.7rem;color:#94a3b8;font-weight:600}
.mega-cat.active span.count{color:var(--primary-red)}
.mega-cat i{font-size:.7rem;color:#cbd5e1;transition:transform .3s ease}
.mega-cat.active i{color:var(--primary-red);transform:translateX(3px)}
.mega-menu__content{padding:24px 30px;overflow-y:auto;scrollbar-width:thin}
.mega-menu__content::-webkit-scrollbar{width:5px}
.mega-menu__content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9px}
.mega-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.mega-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;display:flex;flex-direction:column}
.mega-card:hover{border-color:rgba(211,47,47,.4);transform:translateY(-4px);box-shadow:0 18px 36px -20px rgba(211,47,47,.5)}
.mega-card__img{width:100%;aspect-ratio:1.1/1;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:relative}
.mega-card:hover .mega-card__img{transform:scale(1.1)}
.mega-card__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1}
.mega-card__cat{font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary-red)}
.mega-card__title{font-size:.75rem;font-weight:600;color:#374151;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2em}
.mega-card:hover .mega-card__title{color:var(--primary-red)}
.mega-card__price{font-family:'Montserrat',sans-serif;font-size:.85rem;font-weight:900;color:var(--primary-red);margin-top:auto}
.mega-card__price s{font-size:.65rem;color:#94a3b8;font-weight:500;margin-left:6px}
.mega-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid #eef1f6}
.mega-footer__title{font-family:'Montserrat',sans-serif;font-size:.75rem;font-weight:800;color:var(--dark-navy);letter-spacing:1.6px;text-transform:uppercase}
.mega-footer__link{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--primary-red);transition:all .3s ease}
.mega-footer__link:hover{gap:12px}

/* HERO */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:80px 0 140px}
.hero-slides{position:absolute;inset:0;z-index:-4;overflow:hidden}
.hero-slide{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;animation:heroKenBurns 32s infinite}
.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:8s}.hero-slide:nth-child(3){animation-delay:16s}.hero-slide:nth-child(4){animation-delay:24s}
@keyframes heroKenBurns{0%{opacity:0;transform:scale(1.06)}5%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1.18)}100%{opacity:0;transform:scale(1.06)}}
.hero-overlay{position:absolute;inset:0;z-index:-3;background:radial-gradient(1000px 600px at 50% 30%, rgba(211,47,47,.22) 0%, transparent 65%),linear-gradient(180deg,rgba(15,23,42,.75),rgba(15,23,42,.94))}
.hero-grid{position:absolute;inset:-40px;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);animation:gridDrift 26s linear infinite;pointer-events:none}
@keyframes gridDrift{to{background-position:54px 54px,54px 54px}}
.hero-particles{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-particles span{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);opacity:0;animation:rise var(--dur) linear infinite;animation-delay:var(--delay)}
@keyframes rise{0%{transform:translate3d(0,30px,0) scale(.5);opacity:0}18%{opacity:.85}78%{opacity:.3}100%{transform:translate3d(14px,-200px,0) scale(1.05);opacity:0}}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E5EDF9;padding:8px 20px 8px 14px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;backdrop-filter:blur(10px);animation:fadeUp .7s both}
.hero-eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#25D366;animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.hero-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:18px;text-transform:uppercase;animation:fadeUp .7s .08s both}
.hero-headline span{color:var(--primary-red);position:relative;display:inline-block}
.hero-headline span::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:12px;background:rgba(211,47,47,.28);z-index:-1;transform:skewX(-15deg)}
.typed-wrap{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,3.6vw,3rem);font-weight:900;line-height:1.25;color:#E5EDF9;margin-bottom:26px;display:block;min-height:1.4em;animation:fadeUp .7s .16s both;text-transform:uppercase}
.typed-line{display:inline-block;font-weight:900;min-height:1.2em;background:linear-gradient(120deg,#ff5a5a,#FFD166 50%,var(--primary-red));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease-in-out infinite}
@keyframes gradientShift{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
.typed-caret{display:inline-block;width:4px;height:1em;margin-left:6px;vertical-align:-.12em;border-radius:2px;background:var(--primary-red);animation:caretBlink 1.05s steps(1,end) infinite}
@keyframes caretBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
.hero-desc{font-size:1.02rem;color:#B6C6DE;line-height:1.75;margin:0 auto 40px;max-width:640px;animation:fadeUp .7s .24s both}
.hero-desc b{color:#fff;font-weight:700}
.hero-search{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.85);position:relative;overflow:hidden;max-width:960px;margin:0 auto 32px;animation:fadeUp .7s .32s both;text-align:left}
.hero-search::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-red),#F5919A,var(--dark-navy),#F5919A,var(--primary-red));background-size:200% 100%;animation:barSlide 6s linear infinite}
@keyframes barSlide{to{background-position:200% 0}}
.hero-search__head{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:14px;text-transform:uppercase;letter-spacing:.8px}
.hero-search__head i{color:var(--primary-red);font-size:.9rem}
.hero-search__head strong{color:var(--primary-red);margin-left:auto;font-size:.7rem;padding:4px 10px;background:#FDECEE;border-radius:999px;letter-spacing:1px}
.hero-search__row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px}
.field{position:relative}
.field select{appearance:none;-webkit-appearance:none;width:100%;padding:14px 34px 14px 14px;border:1.5px solid var(--light-gray);border-radius:12px;background:#fff;font-size:.88rem;font-weight:600;color:var(--dark-navy);cursor:pointer;outline:none;transition:all .2s ease}
.field select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.field select:invalid{color:#93a2b8}
.field--select::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #8895a8;border-bottom:2px solid #8895a8;transform:translateY(-72%) rotate(45deg);pointer-events:none}
.hero-search__btn{border:0;cursor:pointer;font-weight:700;font-size:.9rem;border-radius:12px;padding:14px 28px;white-space:nowrap;color:#fff;background:linear-gradient(180deg,#F04A56,var(--hover-red));box-shadow:0 12px 26px -10px rgba(211,47,47,.9);transition:transform .18s ease;display:inline-flex;align-items:center;gap:9px}
.hero-search__btn:hover{transform:translateY(-2px)}
.hero-search__hint{margin:13px 0 0;font-size:.78rem;font-weight:600;color:var(--text-gray);display:flex;align-items:center;gap:8px;min-height:20px}
.hero-search__hint.is-success{color:var(--green)}
.hero-search__hint.is-error{color:var(--primary-red)}
.hint-pop{animation:hintPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes hintPop{0%{transform:translateY(6px);opacity:0}100%{transform:translateY(0);opacity:1}}
.hero-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;animation:fadeUp .7s .4s both}
.quick-tag{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#DDE7F5;padding:7px 14px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:7px}
.quick-tag i{color:var(--primary-red);font-size:.75rem}
.quick-tag:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-2px)}
.quick-tag:hover i{color:white}
.chip-float{position:absolute;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:11px 15px 11px 11px;display:flex;align-items:center;gap:11px;box-shadow:0 22px 45px -18px rgba(0,0,0,.6);animation:bobChip 5.5s ease-in-out infinite;z-index:3}
.chip-float:nth-child(1){top:20%;left:4%}
.chip-float:nth-child(2){top:55%;right:5%;animation-delay:1.2s}
.chip-float:nth-child(3){bottom:22%;left:8%;animation-delay:2.4s}
.chip-float:nth-child(4){bottom:30%;right:9%;animation-delay:3.6s}
@keyframes bobChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.chip-float__img{width:44px;height:44px;border-radius:10px;background-size:cover;background-position:center;flex-shrink:0;border:1px solid rgba(15,23,42,.1)}
.chip-float__txt h4{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);white-space:nowrap}
.chip-float__txt span{font-size:.68rem;color:var(--text-gray);font-weight:600;white-space:nowrap}
.chip-float__txt span em{color:var(--primary-red);font-style:normal;font-weight:800}

/* TRUST */
.trust-overlap{position:relative;z-index:10;margin-top:-90px;padding:0 20px}
.trust-panel{max-width:1300px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 30px 70px -30px rgba(15,23,42,.35);padding:36px 30px;position:relative;overflow:hidden;animation:trustRise .9s .2s cubic-bezier(.34,1.56,.64,1) both}
@keyframes trustRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.trust-panel::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:280px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-red),transparent)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-item{text-align:center;padding:8px 20px;position:relative;cursor:pointer;opacity:0;animation:trustItemIn .8s cubic-bezier(.34,1.56,.64,1) forwards;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.trust-item:nth-child(1){animation-delay:.35s}.trust-item:nth-child(2){animation-delay:.48s}.trust-item:nth-child(3){animation-delay:.61s}.trust-item:nth-child(4){animation-delay:.74s}
@keyframes trustItemIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.trust-item:hover{transform:translateY(-8px)}
.trust-item:not(:last-child)::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:linear-gradient(180deg,transparent,#e2e8f0 25%,#e2e8f0 75%,transparent)}
.trust-icon{width:92px;height:92px;margin:0 auto 20px;position:relative;border-radius:50%;background:radial-gradient(circle at 30% 25%, #fff 0%, #eef2f7 60%, #e4eaf3 100%);display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-icon{transform:scale(1.12) rotate(-8deg);background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 20px 45px -12px rgba(211,47,47,.65)}
.trust-icon svg{width:40px;height:40px;stroke:#0f172a;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:iconFloat 4.6s ease-in-out infinite;transition:stroke .4s ease}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.trust-item:hover .trust-icon svg{stroke:#fff}
.trust-badge{position:absolute;top:-4px;right:-10px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 11px;border-radius:999px;border:2px solid #fff;box-shadow:0 6px 18px -4px rgba(211,47,47,.65);animation:badgeBounce 3s ease-in-out infinite}
@keyframes badgeBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}
.trust-item:hover .trust-badge{animation:none;background:#fff;color:var(--primary-red);border-color:var(--primary-red);transform:translateY(-4px) scale(1.12)}
.trust-title{font-family:'Montserrat',sans-serif;font-size:.92rem;font-weight:800;color:#0f172a;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:10px;position:relative;display:inline-block}
.trust-title::after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,var(--primary-red),#FF8B94);transform:translateX(-50%);transition:width .4s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-title{color:var(--primary-red)}
.trust-item:hover .trust-title::after{width:60%}
.trust-desc{font-size:.86rem;color:var(--text-gray);line-height:1.65;max-width:250px;margin:0 auto}

/* OFFER STRIP */
.offer-strip{position:relative;background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#2a1a1a 100%);padding:22px 0;overflow:hidden;border-top:3px solid var(--primary-red);border-bottom:3px solid var(--primary-red);margin-top:60px}
.offer-strip-inner{display:flex;align-items:center;gap:20px;position:relative;z-index:2}
.offer-strip-tag{background:var(--primary-red);color:white;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:8px 16px;border-radius:6px;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;gap:8px}
.offer-strip-tag i{animation:rotate360 3s linear infinite}
@keyframes rotate360{to{transform:rotate(360deg)}}
.offer-marquee{flex:1;overflow:hidden;position:relative}
.offer-marquee::before,.offer-marquee::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.offer-marquee::before{left:0;background:linear-gradient(90deg,#0f172a,transparent)}
.offer-marquee::after{right:0;background:linear-gradient(90deg,transparent,#0f172a)}
.offer-track{display:flex;gap:50px;white-space:nowrap;animation:offerScroll 30s linear infinite;align-items:center}
.offer-marquee:hover .offer-track{animation-play-state:paused}
@keyframes offerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.offer-item{display:inline-flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.92rem;color:#E5EDF9}
.offer-item i{color:var(--primary-red);font-size:1rem}
.offer-item strong{color:#FF8B94;font-weight:900;padding:2px 8px;background:rgba(211,47,47,.2);border-radius:5px}
.offer-item em{font-style:normal;color:#FFD166;font-weight:800}

/* SECTION HEAD */
.section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
@keyframes naKickerIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:14px;animation:naTitleIn .8s .08s both}
.section-title span{color:var(--primary-red);position:relative;display:inline-block}
.section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes titleUnderline{to{transform:skewX(-15deg) scaleX(1)}}
@keyframes naTitleIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.section-sub{color:var(--text-gray);font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.7;animation:naTitleIn .8s .16s both}
.section-sub b{color:var(--dark-navy);font-weight:700}

/* NEW ARRIVALS */
.new-arrivals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.na-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:44px}
.na-tab{background:#fff;border:1.5px solid var(--light-gray);color:var(--text-dark);padding:11px 22px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:8px}
.na-tab i{font-size:.8rem;color:var(--text-gray)}
.na-tab:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px)}
.na-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);transform:translateY(-3px) scale(1.03)}
.na-tab.active i{color:#fff}
.na-tab__count{background:rgba(0,0,0,.08);padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:800}
.na-tab.active .na-tab__count{background:rgba(255,255,255,.22)}
.na-carousel{position:relative;padding:0 56px}
.na-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px) / 5);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:12px 4px 22px;scrollbar-width:none}
.na-track::-webkit-scrollbar{display:none}
.na-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:0 0 14px;scroll-snap-align:start;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(35px)}
.na-card.revealed{opacity:1;transform:translateY(0)}
.na-card:hover{border-color:var(--primary-red);box-shadow:0 30px 55px -22px rgba(211,47,47,.35);transform:translateY(-10px)}
.na-img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);aspect-ratio:1;overflow:hidden;margin-bottom:14px}
.na-img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:all .7s cubic-bezier(.34,1.56,.64,1);opacity:0}
.na-img-wrap img.active{opacity:1}
.na-card:hover .na-img-wrap img.active{transform:scale(1.13)}
.na-sale{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#FF6B6B,#d32f2f);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:5}
.na-free{position:absolute;bottom:14px;left:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:6px 9px;border-radius:7px;text-transform:uppercase;z-index:5;display:flex;align-items:center;gap:5px}
.na-body{padding:0 14px;display:flex;flex-direction:column;flex:1}
.na-title-card{font-size:.84rem;font-weight:600;color:#374151;line-height:1.45;min-height:2.9em;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.na-card:hover .na-title-card{color:var(--primary-red)}
.na-stars{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#d1d5db;margin-bottom:12px}
.na-stars .filled{color:var(--star-gold)}
.na-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.na-price{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--primary-red)}
.na-old{font-size:.78rem;color:#94a3b8;text-decoration:line-through}
.na-add-btn{flex:1;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;border-radius:10px;color:#fff;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:all .35s ease;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:7px}
.na-add-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px rgba(211,47,47,.75)}
.na-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;z-index:5;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.na-nav:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-50%) scale(1.14)}
.na-nav--prev{left:0}.na-nav--next{right:0}
.view-all{display:flex;justify-content:center;margin-top:48px}
.view-all a{display:inline-flex;align-items:center;gap:12px;padding:15px 36px;border-radius:999px;background:#fff;border:2px solid var(--dark-navy);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;transition:all .45s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.view-all a::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover::before{transform:scaleX(1)}
.view-all a span,.view-all a i{position:relative;z-index:1}
.view-all a:hover{color:#fff;border-color:var(--primary-red)}
.view-all a i{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover i{transform:translateX(6px)}

/* BRAND BANNERS */
.brand-banners{padding:90px 0 100px;background:radial-gradient(900px 400px at 30% 0%, rgba(211,47,47,.05) 0%, transparent 60%),radial-gradient(900px 400px at 70% 100%, rgba(15,23,42,.05) 0%, transparent 60%),#f8fafc;position:relative;overflow:hidden}
.bb-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.bb-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/8.5;min-height:260px;cursor:pointer;isolation:isolate;box-shadow:0 20px 45px -22px rgba(15,23,42,.4);opacity:0;transform:translateY(35px)}
.bb-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover{transform:translateY(-8px);box-shadow:0 40px 70px -26px rgba(15,23,42,.6),0 0 0 2px var(--bb-accent,var(--primary-red))}
.bb-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:bbKenBurns 22s ease-in-out infinite alternate;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1)}
@keyframes bbKenBurns{0%{transform:scale(1)}100%{transform:scale(1.08) translate(-8px,-6px)}}
.bb-card:hover .bb-img{transform:scale(1.15) translate(-10px,-8px)}
.bb-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(15,23,42,.9),rgba(15,23,42,.75) 32%,rgba(15,23,42,.35) 58%,rgba(15,23,42,.05))}
.bb-content{position:relative;z-index:2;padding:32px 36px;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:70%}
.bb-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#E5EDF9;padding:5px 12px 5px 9px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:14px;align-self:flex-start;transition:all .4s ease}
.bb-tag__dot{width:6px;height:6px;border-radius:50%;background:var(--bb-accent,var(--primary-red))}
.bb-card:hover .bb-tag{background:var(--bb-accent,var(--primary-red));border-color:var(--bb-accent,var(--primary-red));color:#fff;transform:translateX(4px)}
.bb-headline{font-family:'Montserrat',sans-serif;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;color:#E5EDF9;line-height:1.2;margin-bottom:6px}
.bb-brand{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,2.9vw,2.3rem);font-weight:900;color:var(--bb-accent,var(--primary-red));letter-spacing:-.02em;line-height:1.05;margin-bottom:14px;text-shadow:0 4px 18px rgba(0,0,0,.5);position:relative;display:inline-block;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.bb-brand::after{content:"";position:absolute;bottom:-6px;left:0;height:3px;width:44px;background:var(--bb-accent,var(--primary-red));border-radius:2px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover .bb-brand{transform:translateX(3px)}
.bb-card:hover .bb-brand::after{width:80px}
.bb-text{font-size:.86rem;color:#B6C6DE;line-height:1.6;margin-bottom:22px;max-width:420px}
.bb-cta{display:inline-flex;align-items:center;gap:11px;background:linear-gradient(135deg,var(--bb-accent,var(--primary-red)),#8c1a1a);color:#fff;padding:12px 24px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(6px);opacity:.85}
.bb-card:hover .bb-cta{transform:translateY(0);opacity:1}
.bb-count{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.95);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:900;padding:8px 13px;border-radius:999px;z-index:4;display:flex;align-items:center;gap:7px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.bb-count i{color:var(--bb-accent,var(--primary-red));font-size:.7rem}
.bb-card:hover .bb-count{background:var(--bb-accent,var(--primary-red));color:#fff;transform:translateY(-4px) scale(1.06)}
.bb-card:hover .bb-count i{color:#fff}

/* CATEGORIES */
.categories{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cat-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1/1.05;cursor:pointer;isolation:isolate;background:#fff;box-shadow:0 12px 30px -18px rgba(15,23,42,.35);opacity:0;transform:translateY(35px)}
.cat-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover{transform:translateY(-10px);box-shadow:0 40px 70px -28px rgba(15,23,42,.55),0 0 0 2px var(--cat-accent,var(--primary-red))}
.cat-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:catKenBurns 20s ease-in-out infinite alternate}
@keyframes catKenBurns{0%{transform:scale(1)}100%{transform:scale(1.1) translate(-6px,-6px)}}
.cat-card:hover .cat-img{transform:scale(1.2) translate(-10px,-10px)}
.cat-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,23,42,.15) 0%,rgba(15,23,42,.45) 45%,rgba(15,23,42,.92) 100%)}
.cat-content{position:absolute;inset:auto 0 0 0;padding:24px 22px;z-index:2;display:flex;flex-direction:column;gap:6px}
.cat-icon-wrap{position:absolute;top:18px;left:18px;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--cat-accent,var(--primary-red));font-size:1.3rem;z-index:3;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-icon-wrap{background:var(--cat-accent,var(--primary-red));color:#fff;transform:rotate(-10deg) scale(1.08)}
.cat-name{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:#fff;letter-spacing:-.01em;line-height:1.15;text-shadow:0 4px 14px rgba(0,0,0,.5);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-name{transform:translateY(-3px)}
.cat-count{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#B6C6DE}
.cat-count b{color:var(--cat-accent,var(--primary-red));font-weight:900;background:rgba(255,255,255,.12);padding:2px 8px;border-radius:999px}
.cat-arrow{position:absolute;bottom:24px;right:22px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.9rem;z-index:3;opacity:0;transform:translateX(12px) scale(.9);transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-arrow{opacity:1;transform:translateX(0) scale(1);background:var(--cat-accent,var(--primary-red));color:#fff}
.cat-badge{position:absolute;top:18px;right:18px;background:linear-gradient(135deg,var(--cat-accent,var(--primary-red)),#8c1a1a);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.2px;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:3;display:flex;align-items:center;gap:5px;animation:catBadgePulse 2.8s ease-in-out infinite}
@keyframes catBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* PRODUCT SLIDER */
.product-slider{position:relative;padding:0;background:#0f172a;overflow:hidden;isolation:isolate;min-height:640px;display:flex;align-items:center}
.product-slider__header{position:absolute;top:34px;left:0;right:0;z-index:5;text-align:center;padding:0 20px}
.product-slider__kicker{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#E5EDF9;padding:6px 16px 6px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:12px;backdrop-filter:blur(10px)}
.product-slider__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.product-slider__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.product-slider__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}
.product-slider__title span{color:var(--primary-red)}
.ps-viewport{position:absolute;inset:0;overflow:hidden;z-index:1}
.ps-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:translateX(100%) scale(1.08);transition:opacity 1.1s cubic-bezier(.7,0,.3,1),transform 1.3s cubic-bezier(.7,0,.3,1)}
.ps-slide.is-active{opacity:1;transform:translateX(0) scale(1);animation:psKenBurns 9s ease-out forwards}
.ps-slide.is-prev{opacity:0;transform:translateX(-100%) scale(1.08)}
@keyframes psKenBurns{0%{background-size:100% auto}100%{background-size:112% auto}}
.ps-slide::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 25% 60%, rgba(211,47,47,.28) 0%, transparent 65%),linear-gradient(95deg,rgba(15,23,42,.95) 0%,rgba(15,23,42,.8) 32%,rgba(15,23,42,.4) 58%,rgba(15,23,42,.1) 100%)}
.ps-inner{position:relative;z-index:3;max-width:1300px;margin:0 auto;padding:140px 20px 120px;width:100%;display:flex;align-items:center;min-height:640px}
.ps-content{max-width:600px;opacity:0;transform:translateX(-40px)}
.ps-slide.is-active .ps-content{animation:psContentIn .9s .35s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psContentIn{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}
.ps-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.ps-tag__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.ps-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2.2rem,4.4vw,3.8rem);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.05;text-transform:uppercase;margin-bottom:16px;text-shadow:0 6px 26px rgba(0,0,0,.5)}
.ps-headline span{color:var(--primary-red)}
.ps-sub{font-family:'Montserrat',sans-serif;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;color:#E5EDF9;line-height:1.35;margin-bottom:22px;max-width:520px}
.ps-desc{font-size:1rem;color:#B6C6DE;line-height:1.7;margin-bottom:32px;max-width:520px}
.ps-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ps-btn{display:inline-flex;align-items:center;gap:11px;padding:15px 30px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none}
.ps-btn--primary{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;box-shadow:0 14px 30px -10px rgba(211,47,47,.85)}
.ps-btn--primary:hover{transform:translateY(-4px)}
.ps-btn--ghost{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px)}
.ps-btn--ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-4px)}
.ps-product-card{position:absolute;right:8%;top:50%;transform:translateY(-50%) translateX(60px) scale(.92);opacity:0;width:280px;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);z-index:4;pointer-events:none}
.ps-slide.is-active .ps-product-card{animation:psCardIn 1s .55s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psCardIn{to{transform:translateY(-50%) translateX(0) scale(1);opacity:1}}
.ps-product-card__img{width:100%;aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center;margin-bottom:14px;position:relative;overflow:hidden}
.ps-product-card__badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:2}
.ps-product-card__name{font-size:.86rem;font-weight:600;color:#374151;line-height:1.4;min-height:2.6em;margin-bottom:10px}
.ps-product-card__price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
.ps-product-card__price{font-family:'Montserrat',sans-serif;font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-product-card__old{font-size:.75rem;color:#94a3b8;text-decoration:line-through}
.ps-product-card__rating{display:flex;gap:2px;font-size:.72rem;color:var(--star-gold);margin-bottom:14px}
.ps-product-card__rating span{color:var(--text-gray);font-size:.68rem;margin-left:5px}
.ps-product-card__btn{width:100%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;color:#fff;padding:11px 14px;border-radius:10px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .35s ease;pointer-events:auto}
.ps-product-card__btn:hover{transform:translateY(-2px)}
.ps-counter{position:absolute;top:34px;right:30px;z-index:6;font-family:'Montserrat',sans-serif;color:#fff;display:flex;align-items:baseline;gap:4px;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-counter__current{font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-counter__sep{color:rgba(255,255,255,.35);font-size:.85rem;margin:0 3px}
.ps-counter__total{font-size:.85rem;font-weight:700;color:#B6C6DE}
.ps-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;font-size:1.05rem;z-index:7;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.ps-arrow:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-50%) scale(1.12)}
.ps-arrow--prev{left:26px}
.ps-arrow--next{right:26px}
.ps-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.1);z-index:8;overflow:hidden}
.ps-progress__fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--primary-red),#FF8B94)}
.ps-dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:7;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 14px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.3);cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;padding:0}
.ps-dot.active{background:var(--primary-red);width:28px}

/* EXTERIOR */
.mega-deals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#fff 0%,#f8fafc 100%);position:relative;overflow:hidden}
.mega-deals::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.025) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.md-section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.md-section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.md-section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
.md-section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:16px;animation:naTitleIn .8s .08s both}
.md-section-title span{color:var(--primary-red);position:relative;display:inline-block}
.md-section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
.md-section-sub{color:var(--text-gray);font-size:.98rem;max-width:680px;margin:0 auto 32px;line-height:1.75;animation:naTitleIn .8s .16s both}
.md-section-sub b{color:var(--dark-navy);font-weight:700}
.md-features{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px;margin-bottom:52px;position:relative;z-index:2;animation:naTitleIn .8s .24s both}
.md-feature{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;color:#475569;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #eef1f6;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.md-feature i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.62rem;display:flex;align-items:center;justify-content:center}
.md-feature:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.4);color:var(--primary-red);box-shadow:0 10px 22px -12px rgba(211,47,47,.4)}

.md-wrap{display:grid;grid-template-columns:260px 320px 1fr;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -34px rgba(15,23,42,.32);background:#fff;opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2;border:1px solid #eef1f6}
.md-wrap.revealed{opacity:1;transform:translateY(0)}
.md-cats{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);padding:38px 30px;border-right:1px solid #eef1f6;display:flex;flex-direction:column;position:relative}
.md-cats__label{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--text-gray);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.md-cats__label::before{content:"";width:14px;height:2px;background:var(--primary-red);border-radius:2px}
.md-cats__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary-red);margin-bottom:32px;letter-spacing:-.015em;line-height:1.15;position:relative}
.md-cats__title::after{content:"";position:absolute;left:0;bottom:-10px;width:36px;height:3px;background:var(--primary-red);border-radius:2px;animation:mdTitleLine 3s ease-in-out infinite}
@keyframes mdTitleLine{0%,100%{width:36px;opacity:.85}50%{width:58px;opacity:1}}
.md-cats__list{display:flex;flex-direction:column;gap:4px;flex:1}
.md-cat{font-size:.92rem;font-weight:500;color:#6b7280;padding:11px 14px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;border-radius:10px;background:transparent;border:1.5px solid transparent;font-family:'Poppins',sans-serif}
.md-cat__icon{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat__txt{flex:1;text-align:left;line-height:1.3}
.md-cat__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.md-cat:hover{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.15);transform:translateX(6px)}
.md-cat:hover .md-cat__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.md-cat:hover .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat.active{background:linear-gradient(135deg,rgba(211,47,47,.08),rgba(211,47,47,.04));color:var(--primary-red);border-color:rgba(211,47,47,.25);font-weight:700;transform:translateX(6px);box-shadow:0 8px 20px -12px rgba(211,47,47,.5)}
.md-cat.active .md-cat__icon{background:var(--primary-red);color:#fff}
.md-cat.active .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat--view{margin-top:auto;color:var(--dark-navy);font-weight:700;padding:14px;margin-top:24px;border-top:1px solid #eef1f6;display:inline-flex;align-items:center;gap:10px;font-size:.85rem}
.md-cat--view__badge{margin-left:auto;background:#f1f5f9;color:#64748b;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:1.2px;text-transform:uppercase}
.md-cat--view:hover{color:var(--primary-red);transform:translateX(6px)}
.md-cat--view:hover .md-cat--view__badge{background:var(--primary-red);color:#fff}
.md-cat--view i{font-size:.75rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat--view:hover i{transform:translateX(4px)}
.md-promo{position:relative;background:radial-gradient(400px 300px at 50% 100%, rgba(211,47,47,.22) 0%, transparent 70%),linear-gradient(160deg,#FFE9E5 0%,#FFD9D4 55%,#FFC8C2 100%);overflow:hidden;padding:38px 30px 0;cursor:pointer;display:flex;flex-direction:column}
.md-promo__badge{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.9);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 12px;border-radius:999px;z-index:3;animation:mdPromoBadgePulse 3s ease-in-out infinite}
@keyframes mdPromoBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.md-promo__img{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:120%;max-height:70%;background-size:contain;background-repeat:no-repeat;background-position:center bottom;z-index:-1;animation:mdPromoFloat 6s ease-in-out infinite}
@keyframes mdPromoFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
.md-promo__content{position:relative;z-index:2;margin-bottom:auto}
.md-promo__tag{display:inline-flex;align-items:center;gap:7px;background:rgba(211,47,47,.1);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:14px;border:1px solid rgba(211,47,47,.2)}
.md-promo__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-promo__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:#111827;line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}
.md-promo__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.md-promo__title em::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:6px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg)}
.md-promo__sub{font-size:.88rem;color:#4b5563;line-height:1.55;margin-bottom:20px;max-width:240px}
.md-promo__stats{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.md-promo__stat{display:flex;align-items:center;gap:9px;font-size:.74rem;color:#475569;font-weight:600}
.md-promo__stat i{width:20px;height:20px;border-radius:50%;background:#fff;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0;box-shadow:0 4px 10px -3px rgba(211,47,47,.3)}
.md-promo__cta{display:inline-flex;align-items:center;gap:9px;background:var(--primary-red);color:#fff;padding:11px 22px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(211,47,47,.7);position:relative;overflow:hidden}
.md-promo__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.md-promo__cta:hover::before{left:100%}
.md-promo__cta:hover{transform:translateY(-3px);box-shadow:0 16px 32px -10px rgba(211,47,47,.9)}
.md-products{background:#f8f9fb;padding:28px 30px 30px;display:flex;flex-direction:column}
.md-products__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid #eef1f6}
.md-products__title h4{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block}
.md-products__title h4::after{content:"";position:absolute;bottom:-6px;left:0;width:34px;height:2px;background:var(--primary-red);border-radius:2px;animation:mdHeadLine 3s ease-in-out infinite}
@keyframes mdHeadLine{0%,100%{width:34px;opacity:.75}50%{width:56px;opacity:1}}
.md-products__title span{font-size:.7rem;color:var(--text-gray);font-weight:500;margin-top:6px;display:block}
.md-nav{display:flex;gap:6px;align-items:center}
.md-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.md-nav__info b{color:var(--primary-red)}
.md-nav__btn{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.md-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.12)}
.md-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.md-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;position:relative;margin-top:20px}
.md-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden}
@keyframes mdCardIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.md-card:hover{transform:translateY(-6px);border-color:rgba(211,47,47,.35);box-shadow:0 25px 50px -26px rgba(211,47,47,.45)}
.md-card__top{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.md-card__img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:9px;overflow:hidden;aspect-ratio:1;align-self:center}
.md-card__img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.md-card:hover .md-card__img{transform:scale(1.14)}
.md-card__free{position:absolute;top:6px;left:6px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.48rem;font-weight:900;line-height:1.15;padding:5px 7px;border-radius:5px;text-transform:uppercase;z-index:3;animation:mdFreePulse 2.4s ease-in-out infinite}
@keyframes mdFreePulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}
.md-card__zoom{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.7rem;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:4}
.md-card__zoom:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.18) rotate(-10deg)}
.md-card__info{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:6px}
.md-card__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:5px}
.md-card__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.md-card__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.md-card:hover .md-card__title{color:var(--primary-red)}
.md-card__stars{display:flex;gap:2px;color:#d1d5db;font-size:.65rem}
.md-card__stars .filled{color:var(--star-gold)}
.md-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:2px;flex-wrap:wrap}
.md-card__price{font-family:'Montserrat',sans-serif;font-size:.96rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.md-card__old{font-size:.7rem;color:#94a3b8;text-decoration:line-through}
.md-card__price--call{font-size:.82rem;font-weight:800;color:var(--dark-navy)}
.md-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9;font-size:.65rem;color:var(--text-gray);font-weight:500}
.md-card__meta-item{display:inline-flex;align-items:center;gap:5px}
.md-card__meta-item i{font-size:.62rem;color:#94a3b8}
.md-card__stock{display:inline-flex;align-items:center;gap:5px;color:#16a34a;font-weight:700}
.md-card__stock i{font-size:.5rem;color:#16a34a;animation:mdStockBlink 1.6s ease-in-out infinite}
@keyframes mdStockBlink{0%,100%{opacity:1}50%{opacity:.4}}
.md-card__stock--low{color:#eab308}
.md-assurance{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;padding:22px 26px;background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 12px 30px -22px rgba(15,23,42,.18);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .3s cubic-bezier(.34,1.56,.64,1)}
.md-assurance.revealed{opacity:1;transform:translateY(0)}
.md-assurance__item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-right:1px solid #eef1f6}
.md-assurance__item:last-child{border-right:none}
.md-assurance__icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-assurance__item:hover .md-assurance__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.md-assurance__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;color:var(--dark-navy);letter-spacing:.3px;margin-bottom:2px}
.md-assurance__txt span{font-size:.66rem;color:var(--text-gray);font-weight:500}

/* ELECTRICAL & LIGHTING */
.electrical-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#ffffff 0%,#fafafa 100%);position:relative;overflow:hidden}
.electrical-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.03) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.el-header{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin-bottom:50px;position:relative;z-index:2;padding-bottom:32px;border-bottom:1px solid #eef1f6}
.el-header__left{animation:naTitleIn .8s .05s cubic-bezier(.4,0,.2,1) both}
.el-header__right{animation:naTitleIn .8s .15s cubic-bezier(.4,0,.2,1) both}
.el-header__kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.el-header__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-header__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.el-header__title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.08;margin-bottom:14px}
.el-header__title span{color:var(--primary-red);position:relative;display:inline-block}
.el-header__title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .5s cubic-bezier(.34,1.56,.64,1) forwards}
.el-header__lead{font-size:.95rem;color:var(--text-gray);line-height:1.7;max-width:520px}
.el-header__lead b{color:var(--dark-navy);font-weight:700}
.el-header__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.el-stat{background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.35);box-shadow:0 14px 30px -18px rgba(211,47,47,.35)}
.el-stat__icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover .el-stat__icon{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;transform:rotate(-8deg) scale(1.08)}
.el-stat__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;line-height:1.2;margin-bottom:2px}
.el-stat__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}
.el-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px;position:relative;z-index:2;animation:naTitleIn .8s .25s cubic-bezier(.4,0,.2,1) both}
.el-tab{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #eef1f6;color:#475569;padding:12px 20px 12px 14px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.el-tab__icon{width:26px;height:26px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.68rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-tab__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.el-tab:hover{border-color:rgba(211,47,47,.35);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(211,47,47,.35)}
.el-tab:hover .el-tab__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.el-tab:hover .el-tab__count{background:var(--primary-red);color:#fff}
.el-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 16px 32px -12px rgba(211,47,47,.55);transform:translateY(-3px) scale(1.02)}
.el-tab.active .el-tab__icon{background:rgba(255,255,255,.2);color:#fff}
.el-tab.active .el-tab__count{background:rgba(255,255,255,.25);color:#fff}

.el-feature-banner{position:relative;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;min-height:280px;margin-bottom:34px;background:radial-gradient(500px 400px at 90% 100%, rgba(211,47,47,.12) 0%, transparent 70%),linear-gradient(120deg,#ffffff 0%,#fef5f5 45%,#fde8e8 100%);border:1px solid rgba(211,47,47,.15);box-shadow:0 30px 70px -34px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.el-feature-banner.revealed{opacity:1;transform:translateY(0)}
.el-feature-banner::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));z-index:4}
.el-feature-banner__content{padding:38px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;max-width:520px}
.el-feature-banner__tag{display:inline-flex;align-items:center;gap:8px;background:rgba(211,47,47,.1);color:var(--primary-red);padding:6px 14px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:16px;align-self:flex-start;border:1px solid rgba(211,47,47,.25);transition:all .4s ease}
.el-feature-banner__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-feature-banner:hover .el-feature-banner__tag{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}
.el-feature-banner:hover .el-feature-banner__tag__dot{background:#fff}
.el-feature-banner__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:900;color:var(--dark-navy);line-height:1.15;letter-spacing:-.02em;margin-bottom:12px}
.el-feature-banner__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.el-feature-banner__title em::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:8px;background:rgba(211,47,47,.2);z-index:-1;transform:skewX(-15deg)}
.el-feature-banner__sub{font-size:.9rem;color:#4b5563;line-height:1.6;margin-bottom:22px;max-width:380px}
.el-feature-banner__cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;padding:12px 26px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);position:relative;overflow:hidden}
.el-feature-banner__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.el-feature-banner:hover .el-feature-banner__cta::before{left:100%}
.el-feature-banner__cta:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.8)}
.el-feature-banner__visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.el-feature-banner__visual::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 240px at 50% 50%, rgba(211,47,47,.15) 0%, transparent 70%);z-index:1;opacity:.7}
.el-feature-banner:hover .el-feature-banner__visual::before{opacity:1}
.el-feature-banner__img{position:relative;z-index:2;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1);animation:elBannerFloat 6s ease-in-out infinite}
@keyframes elBannerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.el-feature-banner:hover .el-feature-banner__img{transform:scale(1.08) translateY(-14px);animation:none}
.el-feature-banner__badge{position:absolute;top:22px;right:22px;background:var(--dark-navy);color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:8px 14px;border-radius:999px;z-index:5;box-shadow:0 10px 22px -8px rgba(15,23,42,.5);animation:mdPromoBadgePulse 3s ease-in-out infinite}

.el-products-panel{background:#fff;border:1px solid #eef1f6;border-radius:22px;padding:28px 30px 30px;box-shadow:0 20px 50px -34px rgba(15,23,42,.2);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s .1s cubic-bezier(.34,1.56,.64,1)}
.el-products-panel.revealed{opacity:1;transform:translateY(0)}
.el-products-panel__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #eef1f6;flex-wrap:wrap;gap:14px}
.el-products-panel__title{display:flex;align-items:center;gap:14px}
.el-products-panel__title h4{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block;padding-left:20px}
.el-products-panel__title h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--primary-red);animation:mdStockBlink 1.6s ease-in-out infinite}
.el-products-panel__title span{font-size:.72rem;color:var(--text-gray);font-weight:500;padding-left:18px;border-left:1px solid #eef1f6}
.el-nav{display:flex;gap:6px;align-items:center}
.el-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.el-nav__info b{color:var(--primary-red)}
.el-nav__btn{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.el-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}
.el-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.el-grid-new{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.el-card-new{background:#fff;border:1px solid #eef1f6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards}
.el-card-new:hover{border-color:rgba(211,47,47,.4);transform:translateY(-8px);box-shadow:0 30px 55px -28px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.el-card-new__img-wrap{position:relative;aspect-ratio:1.2/1;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.el-card-new__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__img{transform:scale(1.12) rotate(-1deg)}
.el-card-new__free{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase;line-height:1.15;padding:6px 8px;border-radius:6px;z-index:3;animation:mdFreePulse 2.4s ease-in-out infinite}
.el-card-new__discount{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:3;letter-spacing:.4px;animation:salePop 2.6s ease-in-out infinite}
@keyframes salePop{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.el-card-new__quick{position:absolute;bottom:12px;right:12px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;z-index:3;opacity:0;transform:translateY(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__quick{opacity:1;transform:translateY(0) scale(1)}
.el-card-new__quick:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.15) rotate(-10deg) !important}
.el-card-new__wish{position:absolute;top:12px;right:52px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.72rem;cursor:pointer;z-index:3;opacity:0;transform:translateX(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__wish{opacity:1;transform:translateX(0) scale(1)}
.el-card-new__wish:hover,.el-card-new__wish.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.el-card-new__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.el-card-new__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:6px}
.el-card-new__cat::before{content:"";width:12px;height:2px;background:var(--primary-red);border-radius:2px}
.el-card-new__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.3em}
.el-card-new:hover .el-card-new__title{color:var(--primary-red)}
.el-card-new__stars{display:flex;align-items:center;gap:3px;font-size:.65rem;color:#d1d5db}
.el-card-new__stars .filled{color:var(--star-gold)}
.el-card-new__stars span{color:var(--text-gray);font-size:.62rem;margin-left:4px;font-weight:500}
.el-card-new__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid #f1f5f9}
.el-card-new__price{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.el-card-new__old{font-size:.72rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.el-card-new__price--call{font-size:.86rem;font-weight:800;color:var(--dark-navy)}
.el-card-new__stock{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;color:#16a34a;margin-top:-2px}
.el-card-new__stock i{font-size:.5rem;animation:mdStockBlink 1.6s ease-in-out infinite}
.el-card-new__stock--low{color:#eab308}
.el-assurance-new{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;background:linear-gradient(135deg,#ffffff,#fafafa);border:1px solid #eef1f6;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 20px 45px -30px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .2s cubic-bezier(.34,1.56,.64,1)}
.el-assurance-new.revealed{opacity:1;transform:translateY(0)}
.el-assurance-new__item{display:flex;align-items:center;gap:14px;padding:22px 22px;border-right:1px solid #eef1f6;transition:background .35s ease}
.el-assurance-new__item:last-child{border-right:none}
.el-assurance-new__item:hover{background:linear-gradient(135deg,#fafafa,#fef5f5)}
.el-assurance-new__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(15,23,42,.6)}
.el-assurance-new__item:hover .el-assurance-new__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:rotate(-10deg) scale(1.08)}
.el-assurance-new__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;margin-bottom:3px}
.el-assurance-new__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}

/* BLOG SECTION */
.blog-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#ffffff;position:relative;overflow:hidden}
.blog-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.02) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.02) 1px, transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.25) 55%, transparent 85%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.25) 55%, transparent 85%);pointer-events:none}
.blog-feature-wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;margin-bottom:44px;position:relative;z-index:2}
.blog-feature{position:relative;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #eef1f6;box-shadow:0 25px 60px -34px rgba(15,23,42,.28);transition:all .6s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(35px)}
.blog-feature.revealed{opacity:1;transform:translateY(0)}
.blog-feature:hover{transform:translateY(-8px);box-shadow:0 40px 80px -34px rgba(211,47,47,.4),0 0 0 2px rgba(211,47,47,.25)}
.blog-feature__img-wrap{position:relative;overflow:hidden;min-height:380px}
.blog-feature__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__img{transform:scale(1.1)}
.blog-feature__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,23,42,.35) 0%,rgba(15,23,42,0) 55%)}
.blog-feature__content{padding:38px 34px;display:flex;flex-direction:column;justify-content:center}
.blog-feature__meta{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.blog-cat{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:6px 12px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(211,47,47,.5)}
.blog-cat--dark{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));box-shadow:0 8px 18px -8px rgba(15,23,42,.5)}
.blog-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-gray);font-weight:500}
.blog-meta-item i{color:var(--primary-red);font-size:.7rem}
.blog-feature__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px;transition:color .3s ease}
.blog-feature:hover .blog-feature__title{color:var(--primary-red)}
.blog-feature__excerpt{font-size:.9rem;color:var(--text-gray);line-height:1.7;margin-bottom:22px}
.blog-feature__author{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.blog-author-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.85rem;flex-shrink:0}
.blog-author-info{line-height:1.2}
.blog-author-info b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:2px}
.blog-author-info span{font-size:.65rem;color:var(--text-gray);font-weight:500}
.blog-feature__link{display:inline-flex;align-items:center;gap:10px;color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;align-self:flex-start;padding-bottom:4px;border-bottom:2px solid transparent;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__link{border-bottom-color:var(--primary-red);gap:14px}
.blog-feature__link i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__link i{transform:translateX(4px)}
.blog-side{display:flex;flex-direction:column;gap:16px}
.blog-side__item{position:relative;display:grid;grid-template-columns:120px 1fr;gap:16px;background:#fff;border:1px solid #eef1f6;border-radius:16px;padding:14px;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden;opacity:0;transform:translateX(30px)}
.blog-side__item.revealed{opacity:1;transform:translateX(0)}
.blog-side__item:nth-child(1){transition-delay:.1s}
.blog-side__item:nth-child(2){transition-delay:.2s}
.blog-side__item:nth-child(3){transition-delay:.3s}
.blog-side__item:hover{transform:translateY(-4px);border-color:rgba(211,47,47,.35);box-shadow:0 20px 42px -24px rgba(211,47,47,.4)}
.blog-side__item::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.blog-side__item:hover::before{transform:scaleY(1)}
.blog-side__img{width:100%;aspect-ratio:1;background-size:cover;background-position:center;border-radius:11px;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}
.blog-side__item:hover .blog-side__img{transform:scale(1.08)}
.blog-side__info{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
.blog-side__cat{display:inline-flex;align-items:center;gap:5px;font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary-red)}
.blog-side__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.blog-side__title{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.blog-side__item:hover .blog-side__title{color:var(--primary-red)}
.blog-side__date{font-size:.65rem;color:var(--text-gray);display:flex;align-items:center;gap:6px;font-weight:500}
.blog-side__date i{color:var(--primary-red);font-size:.65rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:44px;position:relative;z-index:2}
.blog-card{background:#fff;border:1px solid #eef1f6;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .55s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(35px)}
.blog-card.revealed{opacity:1;transform:translateY(0)}
.blog-card:nth-child(1){transition-delay:.05s}
.blog-card:nth-child(2){transition-delay:.15s}
.blog-card:nth-child(3){transition-delay:.25s}
.blog-card:hover{transform:translateY(-10px);border-color:rgba(211,47,47,.35);box-shadow:0 32px 62px -30px rgba(211,47,47,.45),0 8px 20px -10px rgba(15,23,42,.08)}
.blog-card__img-wrap{position:relative;aspect-ratio:16/10;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.blog-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__img{transform:scale(1.13)}
.blog-card__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 45%,rgba(15,23,42,.55) 100%);opacity:.85;transition:opacity .4s ease}
.blog-card:hover .blog-card__img-wrap::after{opacity:1}
.blog-card__cat{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 11px;border-radius:999px;z-index:3;box-shadow:0 8px 18px -8px rgba(211,47,47,.6);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__cat{transform:scale(1.06)}
.blog-card__readtime{position:absolute;top:14px;right:14px;background:rgba(15,23,42,.8);backdrop-filter:blur(8px);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.6px;padding:6px 11px;border-radius:999px;z-index:3;display:flex;align-items:center;gap:5px}
.blog-card__readtime i{color:var(--primary-red);font-size:.6rem}
.blog-card__body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.68rem;color:var(--text-gray);font-weight:500}
.blog-card__meta span{display:inline-flex;align-items:center;gap:6px}
.blog-card__meta i{color:var(--primary-red);font-size:.68rem}
.blog-card__title{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.7em}
.blog-card:hover .blog-card__title{color:var(--primary-red)}
.blog-card__excerpt{font-size:.82rem;color:var(--text-gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:auto;border-top:1px solid #f1f5f9}
.blog-card__author{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;color:var(--text-dark)}
.blog-card__avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.blog-card__link{width:34px;height:34px;border-radius:50%;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__link{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-45deg) scale(1.1);box-shadow:0 10px 22px -8px rgba(211,47,47,.7)}
.blog-newsletter{position:relative;border-radius:22px;background:linear-gradient(135deg,#ffffff 0%,#fef5f5 100%);border:1px solid rgba(211,47,47,.18);padding:38px 40px;display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;box-shadow:0 25px 60px -34px rgba(211,47,47,.3);margin-top:12px;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1)}
.blog-newsletter.revealed{opacity:1;transform:translateY(0)}
.blog-newsletter::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));border-radius:22px 0 0 22px}
.blog-newsletter__icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px;box-shadow:0 12px 24px -10px rgba(15,23,42,.5)}
.blog-newsletter__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:10px}
.blog-newsletter__title span{color:var(--primary-red)}
.blog-newsletter__sub{font-size:.88rem;color:var(--text-gray);line-height:1.6}
.blog-newsletter__form{display:flex;gap:10px}
.blog-newsletter__form input{flex:1;padding:14px 18px;border:1.5px solid var(--light-gray);border-radius:12px;font-size:.9rem;outline:none;font-family:'Poppins',sans-serif;transition:all .3s ease;background:#fff}
.blog-newsletter__form input:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.blog-newsletter__form button{padding:14px 26px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);white-space:nowrap}
.blog-newsletter__form button:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}
.blog-newsletter__form button i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-newsletter__form button:hover i{transform:translateX(4px)}
.blog-newsletter__note{font-size:.7rem;color:var(--text-gray);margin-top:10px;display:flex;align-items:center;gap:6px}
.blog-newsletter__note i{color:var(--green);font-size:.7rem}

/* FOOTER */
footer{background:#ffffff;color:var(--text-dark);position:relative;overflow:hidden;border-top:1px solid #eef1f6}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--dark-navy) 50%,var(--primary-red) 100%)}
.footer-top{position:relative;padding:70px 0 50px;background:radial-gradient(900px 400px at 20% 0%, rgba(211,47,47,.05) 0%, transparent 55%),radial-gradient(900px 400px at 80% 100%, rgba(15,23,42,.04) 0%, transparent 55%),#ffffff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:40px;position:relative;z-index:2}
.footer-col__title{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:900;color:var(--dark-navy);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;position:relative;padding-bottom:12px}
.footer-col__title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--dark-navy));border-radius:2px;animation:ftLine 3s ease-in-out infinite}
@keyframes ftLine{0%,100%{width:34px;opacity:.85}50%{width:52px;opacity:1}}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.footer-brand-icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.4rem;box-shadow:0 8px 20px var(--shadow-red)}
.footer-brand-text h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.4rem;color:var(--dark-navy);line-height:1;letter-spacing:-.5px}
.footer-brand-text h3 span{color:var(--primary-red)}
.footer-brand-text span{display:block;color:var(--text-gray);font-size:.62rem;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-weight:500}
.footer-about{font-size:.85rem;color:var(--text-gray);line-height:1.75;margin-bottom:22px}
.footer-contacts{display:flex;flex-direction:column;gap:12px}
.footer-contact{display:flex;align-items:flex-start;gap:12px;font-size:.82rem;color:var(--text-dark);line-height:1.5}
.footer-contact i{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.footer-contact:hover i{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.footer-contact b{display:block;font-family:'Montserrat',sans-serif;font-weight:800;color:var(--dark-navy);font-size:.7rem;letter-spacing:.6px;text-transform:uppercase;margin-bottom:2px}
.footer-contact span{color:var(--text-gray);font-weight:500;font-size:.8rem}
.footer-links{display:flex;flex-direction:column;gap:11px}
.footer-link{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;color:var(--text-gray);font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);padding:3px 0;position:relative;width:fit-content;cursor:pointer}
.footer-link i{color:var(--primary-red);font-size:.6rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.footer-link::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:var(--primary-red);transition:right .4s cubic-bezier(.34,1.56,.64,1)}
.footer-link:hover{color:var(--primary-red);transform:translateX(5px)}
.footer-link:hover i{transform:translateX(3px)}
.footer-link:hover::after{right:0}
.footer-apps{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.footer-app{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #eef1f6;border-radius:11px;padding:10px 14px;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-app:hover{border-color:rgba(211,47,47,.35);transform:translateY(-3px);box-shadow:0 12px 26px -14px rgba(211,47,47,.4)}
.footer-app i{font-size:1.4rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.footer-app:hover i{transform:scale(1.1) rotate(-6deg)}
.footer-app-txt{line-height:1.2}
.footer-app-txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:900;color:var(--dark-navy);letter-spacing:.6px}
.footer-app-txt span{font-size:.6rem;color:var(--text-gray);font-weight:500}
.footer-social-title{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--dark-navy);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:12px}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap}
.footer-social{width:40px;height:40px;border-radius:11px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.92rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-social:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-4px) rotate(-8deg);box-shadow:0 14px 28px -12px rgba(211,47,47,.6)}
.footer-bottom{background:#ffffff;border-top:1px solid #eef1f6;padding:22px 0;position:relative;z-index:2}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-copy{font-size:.78rem;color:var(--text-gray);font-weight:500}
.footer-copy b{color:var(--dark-navy);font-weight:800}
.footer-copy span{color:var(--primary-red);font-weight:700}
.footer-payments{display:flex;align-items:center;gap:10px}
.footer-payments span{font-size:.72rem;color:var(--text-gray);font-weight:500;margin-right:4px}
.pay-icon{width:42px;height:28px;border-radius:6px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .35s ease;border:1px solid #eef1f6}
.pay-icon:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-2px);border-color:transparent}
.footer-top-btn{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.7);border:0}
.footer-top-btn:hover{transform:translateY(-4px) rotate(-6deg);box-shadow:0 20px 38px -12px rgba(211,47,47,.9)}
.footer-top-btn i{animation:ftBob 2.4s ease-in-out infinite}
@keyframes ftBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* TOAST + WA */
.toast-cart{position:fixed;bottom:100px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 20px 40px -10px rgba(22,163,74,.5);display:flex;align-items:center;gap:10px;z-index:999;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.toast-cart.show{opacity:1;transform:translateY(0) scale(1)}
.toast-cart--wish{background:linear-gradient(135deg,var(--primary-red),var(--hover-red))}
.wa-float{position:fixed;right:20px;bottom:22px;z-index:99;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C7E);display:grid;place-items:center;box-shadow:0 14px 32px -10px rgba(18,140,126,.9);animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:29px;height:29px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 16px rgba(37,211,102,0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* RESPONSIVE */
@media (max-width:1180px){
  .hero-search__row{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .hero-search__row .hero-search__btn{grid-column:1/-1;justify-content:center}
  .chip-float{display:none}
  .na-track{grid-auto-columns:calc((100% - 66px) / 4)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-product-card{right:3%;width:250px}
  .md-wrap{grid-template-columns:230px 280px 1fr}
  .el-grid-new{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
  .mega-grid{grid-template-columns:repeat(4,1fr)}
  .mega-menu__inner{grid-template-columns:240px 1fr}
}
@media (max-width:1024px){
  .hero{min-height:auto;padding:60px 0 130px}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:28px 12px}
  .trust-item:not(:last-child)::after{display:none}
  .na-carousel{padding:0 46px}
  .na-track{grid-auto-columns:calc((100% - 44px) / 3)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-inner{padding:130px 20px 110px}
  .ps-product-card{position:relative;right:auto;top:auto;transform:none;opacity:1;animation:none !important;margin-top:26px;width:100%;max-width:340px;pointer-events:auto}
  .ps-content{max-width:100%}
  .md-wrap{grid-template-columns:1fr}
  .md-cats{border-right:none;border-bottom:1px solid #eef1f6;padding:28px 24px}
  .md-cats__list{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:12px}
  .md-cat{padding:9px 14px;background:#f8fafc;border-radius:999px;width:auto;transform:none !important}
  .md-cat__icon{background:#e2e8f0}
  .md-promo{min-height:260px;padding:28px 24px 0}
  .md-assurance{grid-template-columns:repeat(2,1fr)}
  .el-header{grid-template-columns:1fr;gap:26px;align-items:start;padding-bottom:28px}
  .el-feature-banner{grid-template-columns:1fr;min-height:auto}
  .el-feature-banner__visual{min-height:200px;order:-1}
  .el-feature-banner__content{padding:28px 26px;max-width:100%}
  .el-grid-new{grid-template-columns:repeat(2,1fr)}
  .el-assurance-new{grid-template-columns:repeat(2,1fr)}
  .el-assurance-new__item:nth-child(2){border-right:none}
  .el-assurance-new__item:nth-child(1),.el-assurance-new__item:nth-child(2){border-bottom:1px solid #eef1f6}
  .blog-feature-wrap{grid-template-columns:1fr;gap:22px}
  .blog-feature{grid-template-columns:1fr}
  .blog-feature__img-wrap{min-height:250px}
  .blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .blog-newsletter{grid-template-columns:1fr;gap:24px;padding:32px 28px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
  .mega-menu__inner{grid-template-columns:220px 1fr}
  .mega-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
  .header-content{flex-direction:column;gap:16px}
  .header-search{width:100%;max-width:100%}
  .header-icons{width:100%;justify-content:space-around}
  .all-cat-btn{width:100%;justify-content:center}
  .mega-menu__inner{grid-template-columns:1fr}
  .mega-menu__sidebar{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid #eef1f6;padding:10px 16px;gap:8px;display:flex}
  .mega-cat{white-space:nowrap;padding:10px 16px;border-left:none;border-bottom:3px solid transparent;border-radius:8px}
  .mega-cat.active{border-left:none;border-bottom-color:var(--primary-red)}
  .mega-cat i{display:none}
  .mega-menu__content{padding:16px}
  .mega-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .mega-card__body{padding:10px}
  .mega-card__title{font-size:.7rem}
  .mega-card__price{font-size:.78rem}
  .hero{padding:50px 0 120px}
  .hero-search{padding:16px}
  .hero-search__row{grid-template-columns:1fr 1fr}
  .hero-search__row .hero-search__btn{grid-column:1/-1}
  .trust-overlap{margin-top:-70px;padding:0 14px}
  .trust-panel{padding:26px 16px}
  .trust-grid{grid-template-columns:1fr;gap:24px}
  .new-arrivals{padding:60px 0 70px}
  .na-carousel{padding:0 44px}
  .na-track{grid-auto-columns:calc((100% - 22px) / 2);gap:18px}
  .na-nav{width:40px;height:40px}
  .section-title{font-size:1.7rem}
  .brand-banners{padding:60px 0 70px}
  .bb-grid{grid-template-columns:1fr;gap:18px}
  .bb-card{aspect-ratio:16/9;min-height:220px}
  .categories{padding:60px 0 70px}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .product-slider{min-height:520px}
  .ps-inner{padding:120px 20px 90px}
  .ps-headline{font-size:2rem}
  .ps-arrow{width:42px;height:42px}
  .ps-arrow--prev{left:10px}
  .ps-arrow--next{right:10px}
  .mega-deals,.electrical-section{padding:60px 0 70px}
  .md-products{padding:22px 18px 24px}
  .md-grid{grid-template-columns:1fr}
  .md-card__top{grid-template-columns:100px 1fr;gap:14px}
  .md-assurance{grid-template-columns:1fr;padding:18px}
  .el-header{margin-bottom:34px;padding-bottom:24px}
  .el-header__title{font-size:1.7rem}
  .el-header__stats{grid-template-columns:1fr}
  .el-tabs{margin-bottom:28px;gap:8px}
  .el-tab{padding:10px 16px 10px 11px;font-size:.75rem}
  .el-feature-banner{border-radius:18px;margin-bottom:24px}
  .el-feature-banner__content{padding:24px 22px}
  .el-feature-banner__title{font-size:1.35rem}
  .el-products-panel{padding:22px 18px 24px;border-radius:18px}
  .el-grid-new{grid-template-columns:repeat(2,1fr);gap:12px}
  .el-assurance-new{grid-template-columns:1fr;border-radius:16px}
  .el-assurance-new__item{border-right:none;border-bottom:1px solid #eef1f6;padding:16px 18px}
  .el-assurance-new__item:last-child{border-bottom:none}
  .blog-section{padding:60px 0 70px}
  .blog-feature__content{padding:28px 22px}
  .blog-feature__title{font-size:1.25rem}
  .blog-side__item{grid-template-columns:100px 1fr;gap:13px;padding:12px}
  .blog-side__title{font-size:.82rem}
  .blog-grid{grid-template-columns:1fr;gap:18px}
  .blog-newsletter{padding:28px 22px}
  .blog-newsletter__form{flex-direction:column}
  .blog-newsletter__form button{justify-content:center}
  .footer-top{padding:52px 0 40px}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-bottom-inner{justify-content:center;text-align:center}
}
@media (max-width:520px){
  .ticker-item{font-size:.78rem}
  .brand-text h1{font-size:1.4rem}
  .logo-icon{width:44px;height:44px;font-size:1.3rem}
  .hero{padding:40px 0 100px}
  .hero-search__row{grid-template-columns:1fr}
  .trust-overlap{margin-top:-60px}
  .na-carousel{padding:0 38px}
  .na-track{grid-auto-columns:82%}
  .wa-float{width:50px;height:50px;right:14px;bottom:16px}
  .wa-float svg{width:25px;height:25px}
  .toast-cart{right:14px;bottom:80px;font-size:.82rem;padding:12px 18px}
  .bb-card{aspect-ratio:16/10;min-height:200px}
  .cat-grid{grid-template-columns:1fr;gap:14px}
  .cat-card{aspect-ratio:16/9}
  .ps-headline{font-size:1.5rem}
  .ps-product-card{display:none}
  .md-cats{padding:24px 18px}
  .md-cats__title{font-size:1.15rem}
  .md-cat{font-size:.78rem;padding:8px 12px}
  .md-promo{min-height:180px;padding:22px 18px 0}
  .md-promo__title{font-size:1.02rem}
  .md-card{padding:12px}
  .el-header__title{font-size:1.5rem}
  .el-tab{padding:9px 14px 9px 10px;font-size:.7rem;gap:8px}
  .el-feature-banner__title{font-size:1.15rem}
  .el-grid-new{grid-template-columns:1fr;gap:14px}
  .el-card-new__img-wrap{aspect-ratio:16/10}
  .blog-feature__img-wrap{min-height:200px}
  .blog-feature__title{font-size:1.1rem}
  .blog-side__item{grid-template-columns:90px 1fr;padding:10px;gap:11px}
  .blog-side__title{font-size:.78rem}
  .blog-newsletter__title{font-size:1.15rem}
  .footer-brand-text h3{font-size:1.2rem}
  .footer-contact span{font-size:.76rem}
  .footer-social{width:36px;height:36px;font-size:.85rem}
  .mega-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .hero-particles{display:none}
  .hero-slide:first-child{opacity:1}
  .typed-caret{opacity:1}
  .na-card,.bb-card,.cat-card,.md-wrap,.md-assurance,.el-feature-banner,.el-products-panel,.el-assurance-new,.blog-feature,.blog-side__item,.blog-card,.blog-newsletter{opacity:1;transform:none}
  .ps-slide.is-active{animation:none}
  .ps-content{opacity:1;transform:none;animation:none !important}
  .ps-product-card{transform:translateY(-50%) translateX(0) scale(1);opacity:1;animation:none !important}
}

:root{
  --primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;
  --white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;
  --star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,.08);--shadow-red:rgba(211,47,47,.3);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--white);color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.locked{overflow:hidden}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit;cursor:pointer}
img{display:block;max-width:100%}

/* ============ TICKER ============ */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ HEADER ============ */
header{background:#fff;padding:16px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:26px;position:relative}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer;flex-shrink:0}
.logo-icon{background:var(--primary-red);color:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.5rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.55rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.62rem;letter-spacing:2.2px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-nav{display:flex;align-items:center;gap:4px;flex-grow:1;justify-content:center}
.header-nav a{padding:10px 16px;font-size:.82rem;font-weight:600;color:var(--text-dark);border-radius:10px;transition:all .3s ease;position:relative;display:inline-flex;align-items:center;gap:7px}
.header-nav a:hover{color:var(--primary-red);background:#fef2f2}
.header-nav a.active{color:var(--primary-red);background:#fef2f2;font-weight:700}
.header-nav a i{font-size:.72rem;color:var(--text-gray);transition:color .3s}
.header-nav a:hover i,.header-nav a.active i{color:var(--primary-red)}
.header-icons{display:flex;align-items:center;gap:18px;flex-shrink:0}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px;background:none;border:none;color:var(--text-dark)}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.3rem}
.badge{position:absolute;top:-4px;right:-6px;background:var(--primary-red);color:#fff;font-size:.6rem;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800}
.menu-toggle{display:none;background:none;border:none;color:var(--dark-navy);font-size:1.3rem;padding:8px}

/* ============ VIEWS ============ */
.view{display:none}
.view.active{display:block;animation:viewFadeIn .5s cubic-bezier(.4,0,.2,1)}
@keyframes viewFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* ============ BLOG HERO ============ */
.blog-hero{position:relative;padding:70px 0 60px;background:linear-gradient(135deg,#0f172a 0%,#1e293b 55%,#2a1a1a 100%);overflow:hidden;isolation:isolate}
.blog-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%);z-index:-1}
.blog-hero::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent,#fff);z-index:2;pointer-events:none}
.blog-hero__inner{position:relative;z-index:3;text-align:center;max-width:900px;margin:0 auto}
.blog-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E5EDF9;padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:22px;backdrop-filter:blur(10px)}
.blog-hero__eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#25D366;animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.blog-hero__title{font-family:'Montserrat',sans-serif;font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;color:#fff;text-transform:uppercase;margin-bottom:18px}
.blog-hero__title span{color:var(--primary-red);position:relative;display:inline-block}
.blog-hero__title span::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:11px;background:rgba(211,47,47,.28);z-index:-1;transform:skewX(-15deg)}
.blog-hero__sub{font-size:1rem;color:#B6C6DE;line-height:1.7;max-width:640px;margin:0 auto 32px}
.blog-hero__sub b{color:#fff;font-weight:700}
.blog-hero__stats{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);max-width:640px;margin:0 auto}
.blog-hero__stat{text-align:center}
.blog-hero__stat b{display:block;font-family:'Montserrat',sans-serif;font-size:1.8rem;font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1}
.blog-hero__stat span{font-size:.68rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;margin-top:4px;display:block}

/* ============ MAIN LAYOUT ============ */
.blog-main{padding:60px 0 90px;background:#fff;position:relative}
.blog-layout{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}

/* ============ TOOLBAR ============ */
.blog-toolbar{background:#fff;border:1px solid #eef1f6;border-radius:18px;padding:18px;margin-bottom:32px;box-shadow:0 12px 30px -22px rgba(15,23,42,.15);position:sticky;top:90px;z-index:20}
.blog-search{position:relative;margin-bottom:14px}
.blog-search input{width:100%;padding:13px 46px 13px 18px;border:1.5px solid var(--light-gray);border-radius:12px;font-size:.88rem;outline:none;font-family:'Poppins',sans-serif;background:#f8fafc;transition:all .3s ease}
.blog-search input:focus{background:#fff;border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.1)}
.blog-search i{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.85rem;pointer-events:none;transition:color .3s}
.blog-search input:focus ~ i{color:var(--primary-red)}
.blog-search__clear{position:absolute;right:46px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;font-size:.8rem;padding:4px;display:none;cursor:pointer;transition:color .3s}
.blog-search__clear:hover{color:var(--primary-red)}
.blog-search__clear.show{display:block}
.blog-tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.blog-tab{background:#f8fafc;border:1.5px solid transparent;color:#475569;padding:8px 14px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-family:'Poppins',sans-serif}
.blog-tab i{font-size:.7rem;color:#94a3b8;transition:color .3s}
.blog-tab:hover{background:#fef2f2;color:var(--primary-red);transform:translateY(-2px)}
.blog-tab:hover i{color:var(--primary-red)}
.blog-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 8px 20px -8px rgba(211,47,47,.6);transform:translateY(-2px)}
.blog-tab.active i{color:#fff}
.blog-tab__count{background:rgba(0,0,0,.08);padding:1px 6px;border-radius:999px;font-size:.62rem;font-weight:800;font-family:'Montserrat',sans-serif}
.blog-tab.active .blog-tab__count{background:rgba(255,255,255,.25)}
.blog-results{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;margin-top:14px;border-top:1px solid #eef1f6;flex-wrap:wrap}
.blog-results__count{font-size:.78rem;color:var(--text-gray);font-weight:600}
.blog-results__count b{color:var(--dark-navy);font-weight:800}
.blog-sort{padding:7px 32px 7px 14px;border:1.5px solid var(--light-gray);border-radius:10px;font-size:.74rem;font-weight:600;color:var(--dark-navy);background:#fff;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8895a8 50%),linear-gradient(135deg,#8895a8 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:border-color .3s ease;font-family:'Poppins',sans-serif}
.blog-sort:focus{border-color:var(--primary-red)}

/* ============ FEATURED ============ */
.featured-post{position:relative;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid #eef1f6;box-shadow:0 25px 60px -34px rgba(15,23,42,.28);margin-bottom:34px;cursor:pointer;transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.featured-post:hover{transform:translateY(-6px);box-shadow:0 40px 80px -34px rgba(211,47,47,.4),0 0 0 2px rgba(211,47,47,.2)}
.featured-post__visual{position:relative;overflow:hidden;min-height:400px}
.featured-post__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1)}
.featured-post:hover .featured-post__img{transform:scale(1.1)}
.featured-post__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,23,42,.4) 0%,rgba(15,23,42,0) 60%);z-index:1}
.featured-post__badge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:7px 14px;border-radius:999px;z-index:3;box-shadow:0 10px 22px -8px rgba(211,47,47,.7);display:flex;align-items:center;gap:7px;animation:badgePulse 2.8s ease-in-out infinite}
@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.featured-post__content{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}
.featured-post__meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:16px;font-size:.72rem;font-weight:600;color:var(--text-gray)}
.featured-post__meta-item{display:inline-flex;align-items:center;gap:6px}
.featured-post__meta-item i{color:var(--primary-red);font-size:.72rem}
.featured-post__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px;transition:color .3s ease}
.featured-post:hover .featured-post__title{color:var(--primary-red)}
.featured-post__excerpt{font-size:.92rem;color:var(--text-gray);line-height:1.7;margin-bottom:22px}
.featured-post__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:20px;border-top:1px solid #f1f5f9}
.featured-post__author{display:flex;align-items:center;gap:11px}
.featured-post__author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.82rem;flex-shrink:0;border:2px solid #fff;box-shadow:0 6px 14px -6px rgba(211,47,47,.6)}
.featured-post__author-info b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);line-height:1.2}
.featured-post__author-info span{font-size:.66rem;color:var(--text-gray);font-weight:500}
.featured-post__read-btn{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;padding:11px 22px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);position:relative;overflow:hidden}
.featured-post__read-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s ease}
.featured-post__read-btn:hover::before{left:100%}
.featured-post__read-btn:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}
.featured-post__read-btn i{font-size:.7rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.featured-post__read-btn:hover i{transform:translateX(4px)}

/* ============ BLOG GRID ============ */
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px}
.blog-card{background:#fff;border:1px solid #eef1f6;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(20px);animation:cardIn .5s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes cardIn{to{opacity:1;transform:translateY(0)}}
.blog-card:hover{transform:translateY(-8px);border-color:rgba(211,47,47,.35);box-shadow:0 30px 60px -30px rgba(211,47,47,.45),0 8px 20px -10px rgba(15,23,42,.08)}
.blog-card__img-wrap{position:relative;aspect-ratio:16/10;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.blog-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__img{transform:scale(1.13)}
.blog-card__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 45%,rgba(15,23,42,.55) 100%);opacity:.85}
.blog-card__cat{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.56rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 11px;border-radius:999px;z-index:3;box-shadow:0 8px 18px -8px rgba(211,47,47,.6)}
.blog-card__readtime{position:absolute;top:14px;right:14px;background:rgba(15,23,42,.82);backdrop-filter:blur(8px);color:#fff;font-family:'Montserrat',sans-serif;font-size:.56rem;font-weight:700;letter-spacing:.6px;padding:6px 11px;border-radius:999px;z-index:3;display:flex;align-items:center;gap:5px}
.blog-card__readtime i{color:var(--primary-red);font-size:.58rem}
.blog-card__bookmark{position:absolute;bottom:14px;right:14px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.95);border:none;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;z-index:3;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 14px rgba(0,0,0,.15)}
.blog-card__bookmark:hover{background:var(--primary-red);color:#fff;transform:scale(1.12)}
.blog-card__bookmark.active{background:var(--primary-red);color:#fff}
.blog-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card__meta{display:flex;align-items:center;gap:12px;font-size:.66rem;color:var(--text-gray);font-weight:500;flex-wrap:wrap}
.blog-card__meta span{display:inline-flex;align-items:center;gap:5px}
.blog-card__meta i{color:var(--primary-red);font-size:.66rem}
.blog-card__title{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.7em}
.blog-card:hover .blog-card__title{color:var(--primary-red)}
.blog-card__excerpt{font-size:.82rem;color:var(--text-gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.blog-card__tag{font-size:.6rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:3px 9px;border-radius:999px}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:auto;border-top:1px solid #f1f5f9}
.blog-card__author{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;color:var(--text-dark)}
.blog-card__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.blog-card__link{width:32px;height:32px;border-radius:50%;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.72rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;cursor:pointer}
.blog-card:hover .blog-card__link{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-45deg) scale(1.1)}

/* Empty state */
.blog-empty{grid-column:1/-1;text-align:center;padding:80px 20px;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px}
.blog-empty i{font-size:3rem;color:#cbd5e1;margin-bottom:16px;display:block}
.blog-empty b{display:block;font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:800;color:var(--dark-navy);margin-bottom:8px}
.blog-empty p{font-size:.88rem;color:var(--text-gray);margin-bottom:20px;line-height:1.6}
.blog-empty button{padding:11px 24px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6)}
.blog-empty button:hover{transform:translateY(-3px)}

/* ============ PAGINATION ============ */
.blog-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.page-btn{min-width:42px;height:42px;padding:0 12px;border-radius:11px;background:#fff;border:1.5px solid #e2e8f0;color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.page-btn:hover:not(:disabled){border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(211,47,47,.5)}
.page-btn.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7)}
.page-btn:disabled{opacity:.4;cursor:not-allowed}
.page-ellipsis{color:#94a3b8;font-weight:800;padding:0 4px}

/* ============ SIDEBAR ============ */
.blog-sidebar{display:flex;flex-direction:column;gap:22px;position:sticky;top:90px}
.sidebar-widget{background:#fff;border:1px solid #eef1f6;border-radius:18px;padding:24px;box-shadow:0 12px 30px -24px rgba(15,23,42,.15)}
.sidebar-title{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:900;color:var(--dark-navy);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px;position:relative;padding-bottom:12px;display:flex;align-items:center;gap:8px}
.sidebar-title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--hover-red));border-radius:2px}
.sidebar-title i{color:var(--primary-red);font-size:.85rem}
.sidebar-cats{display:flex;flex-direction:column;gap:4px}
.sidebar-cat{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;font-size:.82rem;font-weight:600;color:#475569;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);background:transparent;border:1.5px solid transparent;font-family:'Poppins',sans-serif;text-align:left;width:100%}
.sidebar-cat:hover{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.15);transform:translateX(4px)}
.sidebar-cat.active{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.25);font-weight:700}
.sidebar-cat__left{display:flex;align-items:center;gap:10px}
.sidebar-cat__icon{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.72rem;transition:all .35s ease}
.sidebar-cat:hover .sidebar-cat__icon,.sidebar-cat.active .sidebar-cat__icon{background:var(--primary-red);color:#fff}
.sidebar-cat__count{font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;padding:3px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .3s ease}
.sidebar-cat:hover .sidebar-cat__count,.sidebar-cat.active .sidebar-cat__count{background:var(--primary-red);color:#fff}

.popular-posts{display:flex;flex-direction:column;gap:14px}
.popular-post{display:grid;grid-template-columns:70px 1fr;gap:12px;cursor:pointer;padding-bottom:14px;border-bottom:1px solid #f1f5f9;transition:all .35s ease}
.popular-post:last-child{border-bottom:none;padding-bottom:0}
.popular-post:hover{transform:translateX(4px)}
.popular-post__img{width:70px;height:70px;border-radius:11px;background-size:cover;background-position:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}
.popular-post:hover .popular-post__img{transform:scale(1.08)}
.popular-post__info{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}
.popular-post__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary-red)}
.popular-post__title{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s}
.popular-post:hover .popular-post__title{color:var(--primary-red)}
.popular-post__date{font-size:.62rem;color:var(--text-gray);font-weight:500;display:flex;align-items:center;gap:5px}
.popular-post__date i{color:var(--primary-red);font-size:.58rem}

.sidebar-tags{display:flex;flex-wrap:wrap;gap:7px}
.sidebar-tag{padding:6px 12px;background:#f8fafc;border:1.5px solid #eef1f6;border-radius:999px;font-size:.7rem;font-weight:600;color:#475569;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:'Poppins',sans-serif}
.sidebar-tag:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}

.sidebar-newsletter{background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#2a1a1a 100%);border:none;color:#fff;position:relative;overflow:hidden}
.sidebar-newsletter::before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(211,47,47,.4),transparent 70%);filter:blur(20px)}
.sidebar-newsletter .sidebar-title{color:#fff}
.sidebar-newsletter .sidebar-title i{color:#FF8B94}
.sidebar-newsletter .sidebar-title::after{background:linear-gradient(90deg,var(--primary-red),#FF8B94)}
.sidebar-newsletter p{font-size:.8rem;color:#B6C6DE;line-height:1.6;margin-bottom:18px;position:relative;z-index:2}
.sidebar-newsletter form{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}
.sidebar-newsletter input{padding:12px 16px;border-radius:11px;border:1.5px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:.84rem;outline:none;font-family:'Poppins',sans-serif;transition:all .3s ease}
.sidebar-newsletter input::placeholder{color:#94a3b8}
.sidebar-newsletter input:focus{border-color:rgba(211,47,47,.6);background:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.sidebar-newsletter button{padding:12px 20px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;border-radius:11px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 26px -10px rgba(211,47,47,.7)}
.sidebar-newsletter button:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(211,47,47,.9)}

/* ============================================================
   POST DETAIL PAGE
   ============================================================ */
.post-hero{position:relative;height:520px;background-size:cover;background-position:center;isolation:isolate}
.post-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.4) 0%,rgba(15,23,42,.35) 35%,rgba(15,23,42,.85) 75%,rgba(15,23,42,.96) 100%);z-index:1}
.post-hero::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent,#fff);z-index:2;pointer-events:none}
.post-hero__inner{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:70px}
.post-hero__breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.76rem;font-weight:600;color:#B6C6DE;margin-bottom:22px}
.post-hero__breadcrumb a{transition:color .3s ease;display:inline-flex;align-items:center;gap:6px}
.post-hero__breadcrumb a:hover{color:#fff}
.post-hero__breadcrumb i{font-size:.55rem;color:#94a3b8}
.post-hero__breadcrumb span{color:#fff;font-weight:700;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-hero__cat{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;padding:7px 15px;border-radius:999px;margin-bottom:18px;align-self:flex-start;box-shadow:0 12px 26px -10px rgba(211,47,47,.7)}
.post-hero__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,3.8vw,3rem);font-weight:900;line-height:1.12;letter-spacing:-.03em;color:#fff;margin-bottom:22px;max-width:900px;text-shadow:0 6px 26px rgba(0,0,0,.5)}
.post-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;color:#E5EDF9;font-size:.82rem;font-weight:500}
.post-hero__meta-item{display:inline-flex;align-items:center;gap:7px}
.post-hero__meta-item i{color:#FF8B94;font-size:.78rem}
.post-hero__meta-item b{color:#fff;font-weight:700}

.post-detail{padding:0 0 90px;background:#fff}
.post-detail__layout{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start;margin-top:-30px;position:relative;z-index:5}
.post-detail__main{background:#fff;border:1px solid #eef1f6;border-radius:22px;padding:38px 42px 42px;box-shadow:0 25px 60px -34px rgba(15,23,42,.2)}

.post-share-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:24px;margin-bottom:30px;border-bottom:1px solid #eef1f6}
.post-share-row__author{display:flex;align-items:center;gap:12px}
.post-share-row__avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:1rem;flex-shrink:0;box-shadow:0 10px 22px -10px rgba(211,47,47,.7)}
.post-share-row__author-info b{display:block;font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:800;color:var(--dark-navy);margin-bottom:3px}
.post-share-row__author-info span{font-size:.72rem;color:var(--text-gray);font-weight:500}
.post-share-row__actions{display:flex;gap:8px;flex-wrap:wrap}
.post-share-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:1.5px solid #eef1f6;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.88rem;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.post-share-btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-3px) rotate(-8deg);box-shadow:0 12px 24px -10px rgba(211,47,47,.6)}
.post-share-btn--bookmark.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}

/* Article content */
.post-content{font-size:1rem;line-height:1.85;color:#374151}
.post-content > p:first-of-type{font-size:1.1rem;color:#1e293b;font-weight:500;line-height:1.8}
.post-content p{margin-bottom:22px}
.post-content h3{font-family:'Montserrat',sans-serif;font-size:1.35rem;font-weight:900;color:var(--dark-navy);margin:34px 0 16px;letter-spacing:-.015em;position:relative;padding-left:18px}
.post-content h3::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:26px;background:linear-gradient(180deg,var(--primary-red),var(--hover-red));border-radius:3px}
.post-content ul{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding-left:0}
.post-content li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:#475569;line-height:1.7}
.post-content li i{color:var(--primary-red);font-size:.75rem;margin-top:7px;flex-shrink:0}
.post-content li b{color:var(--dark-navy);font-weight:700}
.post-content blockquote{border-left:4px solid var(--primary-red);background:linear-gradient(135deg,#fef2f2,#fff);padding:22px 26px;border-radius:0 14px 14px 0;font-style:italic;color:#475569;margin:28px 0;font-size:1rem;line-height:1.75;position:relative}
.post-content blockquote::before{content:'"';position:absolute;top:6px;left:14px;font-family:'Montserrat',sans-serif;font-size:3rem;font-weight:900;color:rgba(211,47,47,.2);line-height:1}
.post-content strong{color:var(--dark-navy);font-weight:700}
.post-content a{color:var(--primary-red);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.post-content a:hover{color:var(--hover-red)}

/* Tags */
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;padding-top:28px;border-top:1px solid #eef1f6}
.post-tags__label{font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-gray);margin-right:6px;align-self:center}
.post-tag{padding:7px 14px;background:#f8fafc;border:1.5px solid #eef1f6;border-radius:999px;font-size:.72rem;font-weight:600;color:#475569;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.post-tag:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}

/* Author box */
.author-box{display:flex;align-items:center;gap:20px;padding:26px 28px;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:1px solid #eef1f6;border-left:4px solid var(--primary-red);border-radius:18px;margin-top:32px}
.author-box__avatar{width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.4rem;flex-shrink:0;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);border:3px solid #fff}
.author-box__info{flex:1;min-width:0}
.author-box__role{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);margin-bottom:5px}
.author-box__name{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--dark-navy);margin-bottom:6px}
.author-box__bio{font-size:.84rem;color:var(--text-gray);line-height:1.6}

/* Post navigation */
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.post-nav__item{padding:20px 22px;background:#fff;border:1px solid #eef1f6;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.post-nav__item::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.post-nav__item:hover::before{transform:scaleY(1)}
.post-nav__item:hover{border-color:rgba(211,47,47,.35);transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(211,47,47,.5)}
.post-nav__item--next{text-align:right}
.post-nav__label{display:inline-flex;align-items:center;gap:7px;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary-red);margin-bottom:9px}
.post-nav__item--next .post-nav__label{justify-content:flex-end}
.post-nav__title{font-family:'Montserrat',sans-serif;font-size:.86rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s}
.post-nav__item:hover .post-nav__title{color:var(--primary-red)}
.post-nav__empty{opacity:.4;cursor:not-allowed}

/* Comments */
.comments-section{margin-top:44px;padding-top:38px;border-top:1px solid #eef1f6}
.comments-section__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px;flex-wrap:wrap}
.comments-section__title{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--dark-navy);letter-spacing:-.01em;display:flex;align-items:center;gap:11px}
.comments-section__title i{color:var(--primary-red)}
.comments-section__title span{background:var(--primary-red);color:#fff;font-size:.68rem;padding:3px 10px;border-radius:999px;font-family:'Montserrat',sans-serif;font-weight:800}
.comments-list{display:flex;flex-direction:column;gap:14px;margin-bottom:34px}
.comment{display:flex;gap:14px;padding:18px 20px;background:#fafbfc;border:1px solid #eef1f6;border-radius:16px;transition:all .35s ease;animation:cardIn .4s ease}
.comment:hover{border-color:rgba(211,47,47,.2);background:#fff;box-shadow:0 14px 30px -22px rgba(211,47,47,.4)}
.comment__avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.86rem;flex-shrink:0}
.comment__body{flex:1;min-width:0}
.comment__head{display:flex;align-items:center;gap:10px;margin-bottom:7px;flex-wrap:wrap}
.comment__head b{font-size:.86rem;font-weight:800;color:var(--dark-navy)}
.comment__verified{display:inline-flex;align-items:center;gap:5px;font-size:.58rem;font-weight:800;color:var(--green);background:#f0fdf4;padding:3px 8px;border-radius:999px;letter-spacing:.5px;text-transform:uppercase;border:1px solid rgba(22,163,74,.22)}
.comment__verified i{font-size:.5rem}
.comment__head span{font-size:.7rem;color:var(--text-gray);font-weight:500}
.comment__text{font-size:.88rem;color:#475569;line-height:1.7}
.comment__actions{display:flex;gap:14px;margin-top:10px}
.comment__action{background:none;border:none;color:var(--text-gray);font-size:.7rem;font-weight:600;padding:0;cursor:pointer;transition:color .3s ease;display:inline-flex;align-items:center;gap:5px;font-family:'Poppins',sans-serif}
.comment__action:hover{color:var(--primary-red)}
.comment__action i{font-size:.7rem}

.comment-form{background:#f8fafc;border:1px solid #eef1f6;border-radius:18px;padding:26px 28px}
.comment-form__title{font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:900;color:var(--dark-navy);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:9px}
.comment-form__title i{color:var(--primary-red)}
.comment-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.comment-form input,.comment-form textarea{width:100%;padding:13px 15px;border:1.5px solid var(--light-gray);border-radius:12px;font-family:'Poppins',sans-serif;font-size:.88rem;color:var(--dark-navy);outline:none;background:#fff;transition:all .25s ease;resize:vertical}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.1)}
.comment-form button{margin-top:14px;padding:12px 26px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;border-radius:12px;font-family:'Montserrat',sans-serif;font-size:.74rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6)}
.comment-form button:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}

/* Related posts */
.related-section{margin-top:60px;padding-top:50px;border-top:1px solid #eef1f6}
.related-section__head{text-align:center;margin-bottom:38px}
.related-section__kicker{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:6px 16px 6px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:16px}
.related-section__kicker i{font-size:.72rem}
.related-section__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1}
.related-section__title span{color:var(--primary-red)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.related-card{background:#fff;border:1px solid #eef1f6;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.related-card:hover{transform:translateY(-8px);border-color:rgba(211,47,47,.35);box-shadow:0 30px 55px -28px rgba(211,47,47,.5)}
.related-card__img-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f8fafc}
.related-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .9s cubic-bezier(.34,1.56,.64,1)}
.related-card:hover .related-card__img{transform:scale(1.12)}
.related-card__cat{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.54rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:5px 10px;border-radius:999px;z-index:3}
.related-card__body{padding:16px 18px 18px}
.related-card__title{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;transition:color .3s ease}
.related-card:hover .related-card__title{color:var(--primary-red)}
.related-card__meta{display:flex;align-items:center;gap:12px;font-size:.66rem;color:var(--text-gray);font-weight:500}
.related-card__meta span{display:inline-flex;align-items:center;gap:5px}
.related-card__meta i{color:var(--primary-red);font-size:.64rem}

/* ============ FOOTER ============ */
footer{background:#fff;color:var(--text-dark);position:relative;overflow:hidden;border-top:1px solid #eef1f6}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--dark-navy) 50%,var(--primary-red) 100%)}
.footer-top{padding:64px 0 40px;background:radial-gradient(900px 400px at 20% 0%,rgba(211,47,47,.05) 0%,transparent 55%),#fff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.footer-brand-icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.4rem;box-shadow:0 8px 20px var(--shadow-red)}
.footer-brand-text h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.35rem;color:var(--dark-navy);line-height:1;letter-spacing:-.5px}
.footer-brand-text h3 span{color:var(--primary-red)}
.footer-brand-text span{display:block;color:var(--text-gray);font-size:.6rem;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-weight:500}
.footer-about{font-size:.85rem;color:var(--text-gray);line-height:1.75;margin-bottom:20px}
.footer-socials{display:flex;gap:10px}
.footer-social{width:40px;height:40px;border-radius:11px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.92rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-social:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-4px) rotate(-8deg)}
.footer-col__title{font-family:'Montserrat',sans-serif;font-size:.8rem;font-weight:900;color:var(--dark-navy);letter-spacing:2px;text-transform:uppercase;margin-bottom:22px;position:relative;padding-bottom:12px}
.footer-col__title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--dark-navy));border-radius:2px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-link{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;color:var(--text-gray);font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);cursor:pointer;background:none;border:none;text-align:left;font-family:'Poppins',sans-serif;padding:0}
.footer-link i{color:var(--primary-red);font-size:.6rem;transition:transform .35s}
.footer-link:hover{color:var(--primary-red);transform:translateX(5px)}
.footer-link:hover i{transform:translateX(3px)}
.footer-bottom{border-top:1px solid #eef1f6;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-copy{font-size:.78rem;color:var(--text-gray);font-weight:500}
.footer-copy b{color:var(--dark-navy);font-weight:800}
.footer-copy span{color:var(--primary-red);font-weight:700}
.footer-top-btn{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.7);border:0}
.footer-top-btn:hover{transform:translateY(-4px) rotate(-6deg)}

/* ============ FLOATING ============ */
.wa-float{position:fixed;right:20px;bottom:22px;z-index:99;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C7E);display:grid;place-items:center;box-shadow:0 14px 32px -10px rgba(18,140,126,.9);animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:29px;height:29px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 16px rgba(37,211,102,0)}}

.toast{position:fixed;bottom:100px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 20px 40px -10px rgba(22,163,74,.5);display:flex;align-items:center;gap:10px;z-index:400;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1);max-width:calc(100vw - 40px)}
.toast.show{opacity:1;transform:translateY(0) scale(1)}
.toast--red{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 20px 40px -10px rgba(211,47,47,.6)}
.toast--navy{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));box-shadow:0 20px 40px -10px rgba(15,23,42,.7)}

/* Progress bar for reading */
.read-progress{position:fixed;top:0;left:0;height:4px;width:0%;background:linear-gradient(90deg,var(--primary-red),#FF8B94);z-index:999;transition:width .15s ease;box-shadow:0 0 10px rgba(211,47,47,.5)}
.read-progress.show{display:block}
.read-progress.hidden{display:none}

/* ============ RESPONSIVE ============ */
@media (max-width:1180px){
  .blog-layout,.post-detail__layout{grid-template-columns:1fr 300px;gap:34px}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
  .related-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .header-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:16px;gap:4px;border-top:1px solid #eef1f6;box-shadow:0 20px 40px -20px rgba(15,23,42,.2);align-items:stretch}
  .header-nav.open{display:flex}
  .header-nav a{padding:12px 16px}
  .menu-toggle{display:block;margin-left:auto}
  .blog-layout,.post-detail__layout{grid-template-columns:1fr;gap:32px}
  .blog-sidebar{position:static}
  .featured-post{grid-template-columns:1fr}
  .featured-post__visual{min-height:260px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
  .post-detail__main{padding:32px 28px 34px}
}
@media (max-width:768px){
  .blog-hero{padding:50px 0 44px}
  .blog-hero__title{font-size:1.9rem}
  .blog-hero__stats{gap:12px 24px}
  .blog-hero__stat b{font-size:1.5rem}
  .blog-main{padding:44px 0 70px}
  .blog-toolbar{padding:14px;top:80px;position:relative}
  .blog-grid{grid-template-columns:1fr;gap:20px}
  .featured-post__content{padding:28px 22px}
  .featured-post__visual{min-height:220px}
  .related-grid{grid-template-columns:1fr;gap:18px}
  .comment-form__row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .post-hero{height:420px}
  .post-hero__inner{padding-bottom:56px}
  .post-hero__title{font-size:1.5rem}
  .post-detail__main{padding:28px 22px 30px;border-radius:18px}
  .post-nav{grid-template-columns:1fr}
  .author-box{flex-direction:column;text-align:center;padding:24px 20px}
  .post-share-row{flex-direction:column;align-items:flex-start}
}
@media (max-width:520px){
  .brand-text h1{font-size:1.3rem}
  .logo-icon{width:44px;height:44px;font-size:1.25rem}
  .blog-hero__title{font-size:1.55rem}
  .blog-hero__sub{font-size:.88rem}
  .blog-hero__stat b{font-size:1.25rem}
  .blog-tab{padding:7px 11px;font-size:.7rem}
  .blog-card__body{padding:16px 18px 18px}
  .post-hero{height:360px}
  .post-hero__title{font-size:1.25rem}
  .post-detail__main{padding:22px 18px 26px}
  .post-content h3{font-size:1.1rem}
  .post-content p{font-size:.9rem}
  .post-content > p:first-of-type{font-size:1rem}
  .toast{right:14px;bottom:16px;font-size:.8rem;padding:13px 18px}
  .wa-float{width:50px;height:50px;right:14px;bottom:16px}
  .wa-float svg{width:25px;height:25px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  .blog-card{opacity:1;transform:none}
}

:root{
  --primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;
  --white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;
  --star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,.08);--shadow-red:rgba(211,47,47,.3);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--white);color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.locked{overflow:hidden}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit;cursor:pointer}
img{display:block;max-width:100%}

/* ============ TICKER ============ */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ HEADER ============ */
header{background:#fff;padding:16px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:26px;position:relative}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer;flex-shrink:0}
.logo-icon{background:var(--primary-red);color:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.5rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.55rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.62rem;letter-spacing:2.2px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-nav{display:flex;align-items:center;gap:4px;flex-grow:1;justify-content:center}
.header-nav a{padding:10px 16px;font-size:.82rem;font-weight:600;color:var(--text-dark);border-radius:10px;transition:all .3s ease;position:relative;display:inline-flex;align-items:center;gap:7px}
.header-nav a:hover{color:var(--primary-red);background:#fef2f2}
.header-nav a.active{color:var(--primary-red);background:#fef2f2;font-weight:700}
.header-nav a i{font-size:.72rem;color:var(--text-gray);transition:color .3s}
.header-nav a:hover i,.header-nav a.active i{color:var(--primary-red)}
.header-icons{display:flex;align-items:center;gap:18px;flex-shrink:0}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px;background:none;border:none;color:var(--text-dark)}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.3rem}
.badge{position:absolute;top:-4px;right:-6px;background:var(--primary-red);color:#fff;font-size:.6rem;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800}
.menu-toggle{display:none;background:none;border:none;color:var(--dark-navy);font-size:1.3rem;padding:8px}

/* ============ VIEWS ============ */
.view{display:none}
.view.active{display:block;animation:viewFadeIn .5s cubic-bezier(.4,0,.2,1)}
@keyframes viewFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* ============ BLOG HERO ============ */
.blog-hero{position:relative;padding:70px 0 60px;background:linear-gradient(135deg,#0f172a 0%,#1e293b 55%,#2a1a1a 100%);overflow:hidden;isolation:isolate}
.blog-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%);z-index:-1}
.blog-hero::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent,#fff);z-index:2;pointer-events:none}
.blog-hero__inner{position:relative;z-index:3;text-align:center;max-width:900px;margin:0 auto}
.blog-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E5EDF9;padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:22px;backdrop-filter:blur(10px)}
.blog-hero__eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#25D366;animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.blog-hero__title{font-family:'Montserrat',sans-serif;font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;color:#fff;text-transform:uppercase;margin-bottom:18px}
.blog-hero__title span{color:var(--primary-red);position:relative;display:inline-block}
.blog-hero__title span::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:11px;background:rgba(211,47,47,.28);z-index:-1;transform:skewX(-15deg)}
.blog-hero__sub{font-size:1rem;color:#B6C6DE;line-height:1.7;max-width:640px;margin:0 auto 32px}
.blog-hero__sub b{color:#fff;font-weight:700}
.blog-hero__stats{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);max-width:640px;margin:0 auto}
.blog-hero__stat{text-align:center}
.blog-hero__stat b{display:block;font-family:'Montserrat',sans-serif;font-size:1.8rem;font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1}
.blog-hero__stat span{font-size:.68rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;margin-top:4px;display:block}

/* ============ MAIN LAYOUT ============ */
.blog-main{padding:60px 0 90px;background:#fff;position:relative}
.blog-layout{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}

/* ============ TOOLBAR ============ */
.blog-toolbar{background:#fff;border:1px solid #eef1f6;border-radius:18px;padding:18px;margin-bottom:32px;box-shadow:0 12px 30px -22px rgba(15,23,42,.15);position:sticky;top:90px;z-index:20}
.blog-search{position:relative;margin-bottom:14px}
.blog-search input{width:100%;padding:13px 46px 13px 18px;border:1.5px solid var(--light-gray);border-radius:12px;font-size:.88rem;outline:none;font-family:'Poppins',sans-serif;background:#f8fafc;transition:all .3s ease}
.blog-search input:focus{background:#fff;border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.1)}
.blog-search i{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.85rem;pointer-events:none;transition:color .3s}
.blog-search input:focus ~ i{color:var(--primary-red)}
.blog-search__clear{position:absolute;right:46px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;font-size:.8rem;padding:4px;display:none;cursor:pointer;transition:color .3s}
.blog-search__clear:hover{color:var(--primary-red)}
.blog-search__clear.show{display:block}
.blog-tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.blog-tab{background:#f8fafc;border:1.5px solid transparent;color:#475569;padding:8px 14px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-family:'Poppins',sans-serif}
.blog-tab i{font-size:.7rem;color:#94a3b8;transition:color .3s}
.blog-tab:hover{background:#fef2f2;color:var(--primary-red);transform:translateY(-2px)}
.blog-tab:hover i{color:var(--primary-red)}
.blog-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 8px 20px -8px rgba(211,47,47,.6);transform:translateY(-2px)}
.blog-tab.active i{color:#fff}
.blog-tab__count{background:rgba(0,0,0,.08);padding:1px 6px;border-radius:999px;font-size:.62rem;font-weight:800;font-family:'Montserrat',sans-serif}
.blog-tab.active .blog-tab__count{background:rgba(255,255,255,.25)}
.blog-results{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;margin-top:14px;border-top:1px solid #eef1f6;flex-wrap:wrap}
.blog-results__count{font-size:.78rem;color:var(--text-gray);font-weight:600}
.blog-results__count b{color:var(--dark-navy);font-weight:800}
.blog-sort{padding:7px 32px 7px 14px;border:1.5px solid var(--light-gray);border-radius:10px;font-size:.74rem;font-weight:600;color:var(--dark-navy);background:#fff;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8895a8 50%),linear-gradient(135deg,#8895a8 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:border-color .3s ease;font-family:'Poppins',sans-serif}
.blog-sort:focus{border-color:var(--primary-red)}

/* ============ FEATURED ============ */
.featured-post{position:relative;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid #eef1f6;box-shadow:0 25px 60px -34px rgba(15,23,42,.28);margin-bottom:34px;cursor:pointer;transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.featured-post:hover{transform:translateY(-6px);box-shadow:0 40px 80px -34px rgba(211,47,47,.4),0 0 0 2px rgba(211,47,47,.2)}
.featured-post__visual{position:relative;overflow:hidden;min-height:400px}
.featured-post__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1)}
.featured-post:hover .featured-post__img{transform:scale(1.1)}
.featured-post__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,23,42,.4) 0%,rgba(15,23,42,0) 60%);z-index:1}
.featured-post__badge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:7px 14px;border-radius:999px;z-index:3;box-shadow:0 10px 22px -8px rgba(211,47,47,.7);display:flex;align-items:center;gap:7px;animation:badgePulse 2.8s ease-in-out infinite}
@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.featured-post__content{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}
.featured-post__meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:16px;font-size:.72rem;font-weight:600;color:var(--text-gray)}
.featured-post__meta-item{display:inline-flex;align-items:center;gap:6px}
.featured-post__meta-item i{color:var(--primary-red);font-size:.72rem}
.featured-post__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px;transition:color .3s ease}
.featured-post:hover .featured-post__title{color:var(--primary-red)}
.featured-post__excerpt{font-size:.92rem;color:var(--text-gray);line-height:1.7;margin-bottom:22px}
.featured-post__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:20px;border-top:1px solid #f1f5f9}
.featured-post__author{display:flex;align-items:center;gap:11px}
.featured-post__author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.82rem;flex-shrink:0;border:2px solid #fff;box-shadow:0 6px 14px -6px rgba(211,47,47,.6)}
.featured-post__author-info b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);line-height:1.2}
.featured-post__author-info span{font-size:.66rem;color:var(--text-gray);font-weight:500}
.featured-post__read-btn{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;padding:11px 22px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);position:relative;overflow:hidden}
.featured-post__read-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s ease}
.featured-post__read-btn:hover::before{left:100%}
.featured-post__read-btn:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}
.featured-post__read-btn i{font-size:.7rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.featured-post__read-btn:hover i{transform:translateX(4px)}

/* ============ BLOG GRID ============ */
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px}
.blog-card{background:#fff;border:1px solid #eef1f6;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(20px);animation:cardIn .5s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes cardIn{to{opacity:1;transform:translateY(0)}}
.blog-card:hover{transform:translateY(-8px);border-color:rgba(211,47,47,.35);box-shadow:0 30px 60px -30px rgba(211,47,47,.45),0 8px 20px -10px rgba(15,23,42,.08)}
.blog-card__img-wrap{position:relative;aspect-ratio:16/10;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.blog-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__img{transform:scale(1.13)}
.blog-card__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 45%,rgba(15,23,42,.55) 100%);opacity:.85}
.blog-card__cat{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.56rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 11px;border-radius:999px;z-index:3;box-shadow:0 8px 18px -8px rgba(211,47,47,.6)}
.blog-card__readtime{position:absolute;top:14px;right:14px;background:rgba(15,23,42,.82);backdrop-filter:blur(8px);color:#fff;font-family:'Montserrat',sans-serif;font-size:.56rem;font-weight:700;letter-spacing:.6px;padding:6px 11px;border-radius:999px;z-index:3;display:flex;align-items:center;gap:5px}
.blog-card__readtime i{color:var(--primary-red);font-size:.58rem}
.blog-card__bookmark{position:absolute;bottom:14px;right:14px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.95);border:none;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;z-index:3;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 14px rgba(0,0,0,.15)}
.blog-card__bookmark:hover{background:var(--primary-red);color:#fff;transform:scale(1.12)}
.blog-card__bookmark.active{background:var(--primary-red);color:#fff}
.blog-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card__meta{display:flex;align-items:center;gap:12px;font-size:.66rem;color:var(--text-gray);font-weight:500;flex-wrap:wrap}
.blog-card__meta span{display:inline-flex;align-items:center;gap:5px}
.blog-card__meta i{color:var(--primary-red);font-size:.66rem}
.blog-card__title{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.7em}
.blog-card:hover .blog-card__title{color:var(--primary-red)}
.blog-card__excerpt{font-size:.82rem;color:var(--text-gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.blog-card__tag{font-size:.6rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:3px 9px;border-radius:999px}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:auto;border-top:1px solid #f1f5f9}
.blog-card__author{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;color:var(--text-dark)}
.blog-card__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.blog-card__link{width:32px;height:32px;border-radius:50%;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.72rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;cursor:pointer}
.blog-card:hover .blog-card__link{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-45deg) scale(1.1)}

/* Empty state */
.blog-empty{grid-column:1/-1;text-align:center;padding:80px 20px;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px}
.blog-empty i{font-size:3rem;color:#cbd5e1;margin-bottom:16px;display:block}
.blog-empty b{display:block;font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:800;color:var(--dark-navy);margin-bottom:8px}
.blog-empty p{font-size:.88rem;color:var(--text-gray);margin-bottom:20px;line-height:1.6}
.blog-empty button{padding:11px 24px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6)}
.blog-empty button:hover{transform:translateY(-3px)}

/* ============ PAGINATION ============ */
.blog-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.page-btn{min-width:42px;height:42px;padding:0 12px;border-radius:11px;background:#fff;border:1.5px solid #e2e8f0;color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.page-btn:hover:not(:disabled){border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(211,47,47,.5)}
.page-btn.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7)}
.page-btn:disabled{opacity:.4;cursor:not-allowed}
.page-ellipsis{color:#94a3b8;font-weight:800;padding:0 4px}

/* ============ SIDEBAR ============ */
.blog-sidebar{display:flex;flex-direction:column;gap:22px;position:sticky;top:90px}
.sidebar-widget{background:#fff;border:1px solid #eef1f6;border-radius:18px;padding:24px;box-shadow:0 12px 30px -24px rgba(15,23,42,.15)}
.sidebar-title{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:900;color:var(--dark-navy);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px;position:relative;padding-bottom:12px;display:flex;align-items:center;gap:8px}
.sidebar-title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--hover-red));border-radius:2px}
.sidebar-title i{color:var(--primary-red);font-size:.85rem}
.sidebar-cats{display:flex;flex-direction:column;gap:4px}
.sidebar-cat{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;font-size:.82rem;font-weight:600;color:#475569;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);background:transparent;border:1.5px solid transparent;font-family:'Poppins',sans-serif;text-align:left;width:100%}
.sidebar-cat:hover{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.15);transform:translateX(4px)}
.sidebar-cat.active{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.25);font-weight:700}
.sidebar-cat__left{display:flex;align-items:center;gap:10px}
.sidebar-cat__icon{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.72rem;transition:all .35s ease}
.sidebar-cat:hover .sidebar-cat__icon,.sidebar-cat.active .sidebar-cat__icon{background:var(--primary-red);color:#fff}
.sidebar-cat__count{font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;padding:3px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .3s ease}
.sidebar-cat:hover .sidebar-cat__count,.sidebar-cat.active .sidebar-cat__count{background:var(--primary-red);color:#fff}

.popular-posts{display:flex;flex-direction:column;gap:14px}
.popular-post{display:grid;grid-template-columns:70px 1fr;gap:12px;cursor:pointer;padding-bottom:14px;border-bottom:1px solid #f1f5f9;transition:all .35s ease}
.popular-post:last-child{border-bottom:none;padding-bottom:0}
.popular-post:hover{transform:translateX(4px)}
.popular-post__img{width:70px;height:70px;border-radius:11px;background-size:cover;background-position:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}
.popular-post:hover .popular-post__img{transform:scale(1.08)}
.popular-post__info{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}
.popular-post__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary-red)}
.popular-post__title{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s}
.popular-post:hover .popular-post__title{color:var(--primary-red)}
.popular-post__date{font-size:.62rem;color:var(--text-gray);font-weight:500;display:flex;align-items:center;gap:5px}
.popular-post__date i{color:var(--primary-red);font-size:.58rem}

.sidebar-tags{display:flex;flex-wrap:wrap;gap:7px}
.sidebar-tag{padding:6px 12px;background:#f8fafc;border:1.5px solid #eef1f6;border-radius:999px;font-size:.7rem;font-weight:600;color:#475569;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:'Poppins',sans-serif}
.sidebar-tag:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}

.sidebar-newsletter{background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#2a1a1a 100%);border:none;color:#fff;position:relative;overflow:hidden}
.sidebar-newsletter::before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(211,47,47,.4),transparent 70%);filter:blur(20px)}
.sidebar-newsletter .sidebar-title{color:#fff}
.sidebar-newsletter .sidebar-title i{color:#FF8B94}
.sidebar-newsletter .sidebar-title::after{background:linear-gradient(90deg,var(--primary-red),#FF8B94)}
.sidebar-newsletter p{font-size:.8rem;color:#B6C6DE;line-height:1.6;margin-bottom:18px;position:relative;z-index:2}
.sidebar-newsletter form{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}
.sidebar-newsletter input{padding:12px 16px;border-radius:11px;border:1.5px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:.84rem;outline:none;font-family:'Poppins',sans-serif;transition:all .3s ease}
.sidebar-newsletter input::placeholder{color:#94a3b8}
.sidebar-newsletter input:focus{border-color:rgba(211,47,47,.6);background:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.sidebar-newsletter button{padding:12px 20px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;border-radius:11px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 26px -10px rgba(211,47,47,.7)}
.sidebar-newsletter button:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(211,47,47,.9)}

/* ============================================================
   POST DETAIL PAGE
   ============================================================ */
.post-hero{position:relative;height:520px;background-size:cover;background-position:center;isolation:isolate}
.post-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.4) 0%,rgba(15,23,42,.35) 35%,rgba(15,23,42,.85) 75%,rgba(15,23,42,.96) 100%);z-index:1}
.post-hero::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent,#fff);z-index:2;pointer-events:none}
.post-hero__inner{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:70px}
.post-hero__breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.76rem;font-weight:600;color:#B6C6DE;margin-bottom:22px}
.post-hero__breadcrumb a{transition:color .3s ease;display:inline-flex;align-items:center;gap:6px}
.post-hero__breadcrumb a:hover{color:#fff}
.post-hero__breadcrumb i{font-size:.55rem;color:#94a3b8}
.post-hero__breadcrumb span{color:#fff;font-weight:700;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-hero__cat{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;padding:7px 15px;border-radius:999px;margin-bottom:18px;align-self:flex-start;box-shadow:0 12px 26px -10px rgba(211,47,47,.7)}
.post-hero__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,3.8vw,3rem);font-weight:900;line-height:1.12;letter-spacing:-.03em;color:#fff;margin-bottom:22px;max-width:900px;text-shadow:0 6px 26px rgba(0,0,0,.5)}
.post-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;color:#E5EDF9;font-size:.82rem;font-weight:500}
.post-hero__meta-item{display:inline-flex;align-items:center;gap:7px}
.post-hero__meta-item i{color:#FF8B94;font-size:.78rem}
.post-hero__meta-item b{color:#fff;font-weight:700}

.post-detail{padding:0 0 90px;background:#fff}
.post-detail__layout{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start;margin-top:-30px;position:relative;z-index:5}
.post-detail__main{background:#fff;border:1px solid #eef1f6;border-radius:22px;padding:38px 42px 42px;box-shadow:0 25px 60px -34px rgba(15,23,42,.2)}

.post-share-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:24px;margin-bottom:30px;border-bottom:1px solid #eef1f6}
.post-share-row__author{display:flex;align-items:center;gap:12px}
.post-share-row__avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:1rem;flex-shrink:0;box-shadow:0 10px 22px -10px rgba(211,47,47,.7)}
.post-share-row__author-info b{display:block;font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:800;color:var(--dark-navy);margin-bottom:3px}
.post-share-row__author-info span{font-size:.72rem;color:var(--text-gray);font-weight:500}
.post-share-row__actions{display:flex;gap:8px;flex-wrap:wrap}
.post-share-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:1.5px solid #eef1f6;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.88rem;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.post-share-btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-3px) rotate(-8deg);box-shadow:0 12px 24px -10px rgba(211,47,47,.6)}
.post-share-btn--bookmark.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}

/* Article content */
.post-content{font-size:1rem;line-height:1.85;color:#374151}
.post-content > p:first-of-type{font-size:1.1rem;color:#1e293b;font-weight:500;line-height:1.8}
.post-content p{margin-bottom:22px}
.post-content h3{font-family:'Montserrat',sans-serif;font-size:1.35rem;font-weight:900;color:var(--dark-navy);margin:34px 0 16px;letter-spacing:-.015em;position:relative;padding-left:18px}
.post-content h3::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:26px;background:linear-gradient(180deg,var(--primary-red),var(--hover-red));border-radius:3px}
.post-content ul{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding-left:0}
.post-content li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:#475569;line-height:1.7}
.post-content li i{color:var(--primary-red);font-size:.75rem;margin-top:7px;flex-shrink:0}
.post-content li b{color:var(--dark-navy);font-weight:700}
.post-content blockquote{border-left:4px solid var(--primary-red);background:linear-gradient(135deg,#fef2f2,#fff);padding:22px 26px;border-radius:0 14px 14px 0;font-style:italic;color:#475569;margin:28px 0;font-size:1rem;line-height:1.75;position:relative}
.post-content blockquote::before{content:'"';position:absolute;top:6px;left:14px;font-family:'Montserrat',sans-serif;font-size:3rem;font-weight:900;color:rgba(211,47,47,.2);line-height:1}
.post-content strong{color:var(--dark-navy);font-weight:700}
.post-content a{color:var(--primary-red);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.post-content a:hover{color:var(--hover-red)}

/* Tags */
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;padding-top:28px;border-top:1px solid #eef1f6}
.post-tags__label{font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-gray);margin-right:6px;align-self:center}
.post-tag{padding:7px 14px;background:#f8fafc;border:1.5px solid #eef1f6;border-radius:999px;font-size:.72rem;font-weight:600;color:#475569;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.post-tag:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}

/* Author box */
.author-box{display:flex;align-items:center;gap:20px;padding:26px 28px;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:1px solid #eef1f6;border-left:4px solid var(--primary-red);border-radius:18px;margin-top:32px}
.author-box__avatar{width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.4rem;flex-shrink:0;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);border:3px solid #fff}
.author-box__info{flex:1;min-width:0}
.author-box__role{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);margin-bottom:5px}
.author-box__name{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--dark-navy);margin-bottom:6px}
.author-box__bio{font-size:.84rem;color:var(--text-gray);line-height:1.6}

/* Post navigation */
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.post-nav__item{padding:20px 22px;background:#fff;border:1px solid #eef1f6;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.post-nav__item::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.post-nav__item:hover::before{transform:scaleY(1)}
.post-nav__item:hover{border-color:rgba(211,47,47,.35);transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(211,47,47,.5)}
.post-nav__item--next{text-align:right}
.post-nav__label{display:inline-flex;align-items:center;gap:7px;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary-red);margin-bottom:9px}
.post-nav__item--next .post-nav__label{justify-content:flex-end}
.post-nav__title{font-family:'Montserrat',sans-serif;font-size:.86rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s}
.post-nav__item:hover .post-nav__title{color:var(--primary-red)}
.post-nav__empty{opacity:.4;cursor:not-allowed}

/* Comments */
.comments-section{margin-top:44px;padding-top:38px;border-top:1px solid #eef1f6}
.comments-section__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px;flex-wrap:wrap}
.comments-section__title{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--dark-navy);letter-spacing:-.01em;display:flex;align-items:center;gap:11px}
.comments-section__title i{color:var(--primary-red)}
.comments-section__title span{background:var(--primary-red);color:#fff;font-size:.68rem;padding:3px 10px;border-radius:999px;font-family:'Montserrat',sans-serif;font-weight:800}
.comments-list{display:flex;flex-direction:column;gap:14px;margin-bottom:34px}
.comment{display:flex;gap:14px;padding:18px 20px;background:#fafbfc;border:1px solid #eef1f6;border-radius:16px;transition:all .35s ease;animation:cardIn .4s ease}
.comment:hover{border-color:rgba(211,47,47,.2);background:#fff;box-shadow:0 14px 30px -22px rgba(211,47,47,.4)}
.comment__avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.86rem;flex-shrink:0}
.comment__body{flex:1;min-width:0}
.comment__head{display:flex;align-items:center;gap:10px;margin-bottom:7px;flex-wrap:wrap}
.comment__head b{font-size:.86rem;font-weight:800;color:var(--dark-navy)}
.comment__verified{display:inline-flex;align-items:center;gap:5px;font-size:.58rem;font-weight:800;color:var(--green);background:#f0fdf4;padding:3px 8px;border-radius:999px;letter-spacing:.5px;text-transform:uppercase;border:1px solid rgba(22,163,74,.22)}
.comment__verified i{font-size:.5rem}
.comment__head span{font-size:.7rem;color:var(--text-gray);font-weight:500}
.comment__text{font-size:.88rem;color:#475569;line-height:1.7}
.comment__actions{display:flex;gap:14px;margin-top:10px}
.comment__action{background:none;border:none;color:var(--text-gray);font-size:.7rem;font-weight:600;padding:0;cursor:pointer;transition:color .3s ease;display:inline-flex;align-items:center;gap:5px;font-family:'Poppins',sans-serif}
.comment__action:hover{color:var(--primary-red)}
.comment__action i{font-size:.7rem}

.comment-form{background:#f8fafc;border:1px solid #eef1f6;border-radius:18px;padding:26px 28px}
.comment-form__title{font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:900;color:var(--dark-navy);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:9px}
.comment-form__title i{color:var(--primary-red)}
.comment-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.comment-form input,.comment-form textarea{width:100%;padding:13px 15px;border:1.5px solid var(--light-gray);border-radius:12px;font-family:'Poppins',sans-serif;font-size:.88rem;color:var(--dark-navy);outline:none;background:#fff;transition:all .25s ease;resize:vertical}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.1)}
.comment-form button{margin-top:14px;padding:12px 26px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;border-radius:12px;font-family:'Montserrat',sans-serif;font-size:.74rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6)}
.comment-form button:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}

/* Related posts */
.related-section{margin-top:60px;padding-top:50px;border-top:1px solid #eef1f6}
.related-section__head{text-align:center;margin-bottom:38px}
.related-section__kicker{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:6px 16px 6px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:16px}
.related-section__kicker i{font-size:.72rem}
.related-section__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1}
.related-section__title span{color:var(--primary-red)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.related-card{background:#fff;border:1px solid #eef1f6;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.related-card:hover{transform:translateY(-8px);border-color:rgba(211,47,47,.35);box-shadow:0 30px 55px -28px rgba(211,47,47,.5)}
.related-card__img-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f8fafc}
.related-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .9s cubic-bezier(.34,1.56,.64,1)}
.related-card:hover .related-card__img{transform:scale(1.12)}
.related-card__cat{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.54rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:5px 10px;border-radius:999px;z-index:3}
.related-card__body{padding:16px 18px 18px}
.related-card__title{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;transition:color .3s ease}
.related-card:hover .related-card__title{color:var(--primary-red)}
.related-card__meta{display:flex;align-items:center;gap:12px;font-size:.66rem;color:var(--text-gray);font-weight:500}
.related-card__meta span{display:inline-flex;align-items:center;gap:5px}
.related-card__meta i{color:var(--primary-red);font-size:.64rem}

/* ============ FOOTER ============ */
footer{background:#fff;color:var(--text-dark);position:relative;overflow:hidden;border-top:1px solid #eef1f6}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--dark-navy) 50%,var(--primary-red) 100%)}
.footer-top{padding:64px 0 40px;background:radial-gradient(900px 400px at 20% 0%,rgba(211,47,47,.05) 0%,transparent 55%),#fff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.footer-brand-icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.4rem;box-shadow:0 8px 20px var(--shadow-red)}
.footer-brand-text h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.35rem;color:var(--dark-navy);line-height:1;letter-spacing:-.5px}
.footer-brand-text h3 span{color:var(--primary-red)}
.footer-brand-text span{display:block;color:var(--text-gray);font-size:.6rem;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-weight:500}
.footer-about{font-size:.85rem;color:var(--text-gray);line-height:1.75;margin-bottom:20px}
.footer-socials{display:flex;gap:10px}
.footer-social{width:40px;height:40px;border-radius:11px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.92rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-social:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-4px) rotate(-8deg)}
.footer-col__title{font-family:'Montserrat',sans-serif;font-size:.8rem;font-weight:900;color:var(--dark-navy);letter-spacing:2px;text-transform:uppercase;margin-bottom:22px;position:relative;padding-bottom:12px}
.footer-col__title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--dark-navy));border-radius:2px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-link{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;color:var(--text-gray);font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);cursor:pointer;background:none;border:none;text-align:left;font-family:'Poppins',sans-serif;padding:0}
.footer-link i{color:var(--primary-red);font-size:.6rem;transition:transform .35s}
.footer-link:hover{color:var(--primary-red);transform:translateX(5px)}
.footer-link:hover i{transform:translateX(3px)}
.footer-bottom{border-top:1px solid #eef1f6;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-copy{font-size:.78rem;color:var(--text-gray);font-weight:500}
.footer-copy b{color:var(--dark-navy);font-weight:800}
.footer-copy span{color:var(--primary-red);font-weight:700}
.footer-top-btn{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.7);border:0}
.footer-top-btn:hover{transform:translateY(-4px) rotate(-6deg)}

/* ============ FLOATING ============ */
.wa-float{position:fixed;right:20px;bottom:22px;z-index:99;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C7E);display:grid;place-items:center;box-shadow:0 14px 32px -10px rgba(18,140,126,.9);animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:29px;height:29px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 16px rgba(37,211,102,0)}}

.toast{position:fixed;bottom:100px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 20px 40px -10px rgba(22,163,74,.5);display:flex;align-items:center;gap:10px;z-index:400;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1);max-width:calc(100vw - 40px)}
.toast.show{opacity:1;transform:translateY(0) scale(1)}
.toast--red{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 20px 40px -10px rgba(211,47,47,.6)}
.toast--navy{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));box-shadow:0 20px 40px -10px rgba(15,23,42,.7)}

/* Progress bar for reading */
.read-progress{position:fixed;top:0;left:0;height:4px;width:0%;background:linear-gradient(90deg,var(--primary-red),#FF8B94);z-index:999;transition:width .15s ease;box-shadow:0 0 10px rgba(211,47,47,.5)}
.read-progress.show{display:block}
.read-progress.hidden{display:none}

/* ============ RESPONSIVE ============ */
@media (max-width:1180px){
  .blog-layout,.post-detail__layout{grid-template-columns:1fr 300px;gap:34px}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
  .related-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .header-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:16px;gap:4px;border-top:1px solid #eef1f6;box-shadow:0 20px 40px -20px rgba(15,23,42,.2);align-items:stretch}
  .header-nav.open{display:flex}
  .header-nav a{padding:12px 16px}
  .menu-toggle{display:block;margin-left:auto}
  .blog-layout,.post-detail__layout{grid-template-columns:1fr;gap:32px}
  .blog-sidebar{position:static}
  .featured-post{grid-template-columns:1fr}
  .featured-post__visual{min-height:260px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
  .post-detail__main{padding:32px 28px 34px}
}
@media (max-width:768px){
  .blog-hero{padding:50px 0 44px}
  .blog-hero__title{font-size:1.9rem}
  .blog-hero__stats{gap:12px 24px}
  .blog-hero__stat b{font-size:1.5rem}
  .blog-main{padding:44px 0 70px}
  .blog-toolbar{padding:14px;top:80px;position:relative}
  .blog-grid{grid-template-columns:1fr;gap:20px}
  .featured-post__content{padding:28px 22px}
  .featured-post__visual{min-height:220px}
  .related-grid{grid-template-columns:1fr;gap:18px}
  .comment-form__row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .post-hero{height:420px}
  .post-hero__inner{padding-bottom:56px}
  .post-hero__title{font-size:1.5rem}
  .post-detail__main{padding:28px 22px 30px;border-radius:18px}
  .post-nav{grid-template-columns:1fr}
  .author-box{flex-direction:column;text-align:center;padding:24px 20px}
  .post-share-row{flex-direction:column;align-items:flex-start}
}
@media (max-width:520px){
  .brand-text h1{font-size:1.3rem}
  .logo-icon{width:44px;height:44px;font-size:1.25rem}
  .blog-hero__title{font-size:1.55rem}
  .blog-hero__sub{font-size:.88rem}
  .blog-hero__stat b{font-size:1.25rem}
  .blog-tab{padding:7px 11px;font-size:.7rem}
  .blog-card__body{padding:16px 18px 18px}
  .post-hero{height:360px}
  .post-hero__title{font-size:1.25rem}
  .post-detail__main{padding:22px 18px 26px}
  .post-content h3{font-size:1.1rem}
  .post-content p{font-size:.9rem}
  .post-content > p:first-of-type{font-size:1rem}
  .toast{right:14px;bottom:16px;font-size:.8rem;padding:13px 18px}
  .wa-float{width:50px;height:50px;right:14px;bottom:16px}
  .wa-float svg{width:25px;height:25px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  .blog-card{opacity:1;transform:none}
}

:root{--primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;--white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;--star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,0.08);--shadow-red:rgba(211,47,47,0.3)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:#ffffff;color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit}
img{display:block}

/* ============ TICKER ============ */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ HEADER ============ */
header{background:#fff;padding:18px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer}
.logo-icon{background:var(--primary-red);color:#fff;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.6rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.7rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.68rem;letter-spacing:2.5px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-search{flex-grow:1;max-width:600px}
.search-box{display:flex;background:var(--off-white);border-radius:50px;overflow:hidden;height:52px;align-items:center;padding:5px;border:2px solid var(--light-gray);transition:all .4s ease}
.search-box:focus-within{background:#fff;border-color:var(--primary-red);box-shadow:0 0 22px var(--shadow-red)}
.header-cat{border:none;background:transparent;padding:0 15px;font-size:.88rem;color:var(--text-dark);border-right:1px solid var(--light-gray);outline:none;cursor:pointer;font-weight:600}
.header-input{border:none;flex-grow:1;padding:0 15px;font-size:.92rem;outline:none;background:transparent;min-width:0}
.header-input::placeholder{color:#94a3b8}
.header-search-btn{background:var(--primary-red);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.header-search-btn:hover{background:var(--hover-red);transform:scale(1.1) rotate(15deg)}
.header-icons{display:flex;align-items:center;gap:22px}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.4rem}
.badge{position:absolute;top:-5px;right:-5px;background:var(--primary-red);color:#fff;font-size:.65rem;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;animation:pulseBadge 2s infinite}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* ============ BREADCRUMB ============ */
.breadcrumb{padding:22px 0 4px;font-size:.8rem;color:var(--text-gray);display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-weight:500}
.breadcrumb a{transition:color .3s ease}
.breadcrumb a:hover{color:var(--primary-red)}
.breadcrumb i{font-size:.58rem;color:#cbd5e1}
.breadcrumb .current{color:var(--dark-navy);font-weight:700}

/* ============ PRODUCT DETAIL ============ */
.pd-section{padding:22px 0 80px}
.pd-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:52px;align-items:start}

/* Gallery */
.pd-gallery{position:sticky;top:100px}
.pd-stage{position:relative;border-radius:20px;overflow:hidden;background:#f8fafc;border:1px solid #eef1f6;aspect-ratio:1/1;cursor:zoom-in;isolation:isolate}
.pd-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center center;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .35s ease}
.pd-stage.zooming img{transition:transform .1s linear;transform:scale(2.7)}
.pd-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.04),transparent 30%);pointer-events:none;z-index:2}
.pd-zoom-hint{position:absolute;bottom:16px;right:16px;z-index:5;background:rgba(15,23,42,.82);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:8px 13px;border-radius:999px;display:flex;align-items:center;gap:7px;backdrop-filter:blur(8px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}
.pd-stage.zooming .pd-zoom-hint{opacity:0;transform:translateY(8px)}
.pd-badges{position:absolute;top:16px;left:16px;z-index:5;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pd-badge{font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;padding:7px 12px;border-radius:9px;color:#fff;box-shadow:0 8px 18px -8px rgba(0,0,0,.5)}
.pd-badge--sale{background:linear-gradient(135deg,#FF6B6B,var(--primary-red))}
.pd-badge--new{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy))}
.pd-badge--free{background:linear-gradient(135deg,#16a34a,#0f7a35);display:flex;align-items:center;gap:6px}
.pd-wish-float{position:absolute;top:16px;right:16px;z-index:5;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(0,0,0,.4)}
.pd-wish-float:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.1)}
.pd-wish-float.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.pd-thumbs{display:flex;gap:12px;margin-top:16px}
.pd-thumb{width:86px;height:86px;border-radius:13px;overflow:hidden;border:2px solid #eef1f6;cursor:pointer;background:#f8fafc;transition:all .4s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;position:relative}
.pd-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.pd-thumb:hover{border-color:rgba(211,47,47,.45);transform:translateY(-4px)}
.pd-thumb:hover img{transform:scale(1.12)}
.pd-thumb.active{border-color:var(--primary-red);box-shadow:0 10px 22px -12px rgba(211,47,47,.7)}
.pd-thumb.active::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px rgba(211,47,47,.18);border-radius:11px}

/* Info column */
.pd-info{display:flex;flex-direction:column}
.pd-brandline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.pd-chip{display:inline-flex;align-items:center;gap:7px;background:#fef2f2;border:1px solid rgba(211,47,47,.22);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.pd-chip--dark{background:#f1f5f9;border-color:#e2e8f0;color:#475569}
.pd-title{font-family:'Montserrat',sans-serif;font-size:clamp(1.45rem,2.5vw,2.1rem);font-weight:900;color:var(--dark-navy);line-height:1.16;letter-spacing:-.02em;margin-bottom:14px}
.pd-rating-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px;font-size:.8rem;color:var(--text-gray);font-weight:500}
.pd-stars{display:flex;gap:3px;color:#d1d5db;font-size:.85rem}
.pd-stars .filled{color:var(--star-gold)}
.pd-rating-row b{color:var(--dark-navy);font-weight:800}
.pd-sep{width:1px;height:14px;background:#e2e8f0}
.pd-link{color:var(--primary-red);font-weight:700;cursor:pointer;transition:opacity .3s}
.pd-link:hover{opacity:.75}
.pd-stock{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-weight:800;font-size:.78rem}
.pd-stock i{font-size:.5rem;animation:mdStockBlink 1.6s ease-in-out infinite}
@keyframes mdStockBlink{0%,100%{opacity:1}50%{opacity:.35}}

.pd-price-box{background:#fafafa;border:1px solid #eef1f6;border-left:4px solid var(--primary-red);border-radius:16px;padding:20px 22px;margin-bottom:22px}
.pd-price-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.pd-price{font-family:'Montserrat',sans-serif;font-size:2.1rem;font-weight:900;color:var(--primary-red);letter-spacing:-.02em;line-height:1}
.pd-old{font-size:1rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.pd-save{background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:900;padding:6px 11px;border-radius:999px;letter-spacing:.6px}
.pd-price-note{margin-top:10px;font-size:.76rem;color:var(--text-gray);display:flex;align-items:center;gap:8px;font-weight:500}
.pd-price-note i{color:var(--primary-red)}

.pd-short{font-size:.92rem;color:var(--text-gray);line-height:1.75;margin-bottom:20px}
.pd-short b{color:var(--dark-navy);font-weight:700}

.pd-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-bottom:24px}
.pd-feature{display:flex;align-items:flex-start;gap:9px;font-size:.82rem;color:#475569;font-weight:500;line-height:1.4}
.pd-feature i{width:19px;height:19px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.55rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}

/* Fitment checker */
.pd-fitment{background:#fff;border:1.5px dashed #e2e8f0;border-radius:16px;padding:18px 20px;margin-bottom:24px;transition:border-color .4s ease,box-shadow .4s ease}
.pd-fitment:focus-within{border-color:rgba(211,47,47,.4);box-shadow:0 0 0 4px rgba(211,47,47,.07)}
.pd-fitment__head{display:flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--dark-navy);margin-bottom:14px}
.pd-fitment__head i{color:var(--primary-red)}
.pd-fitment__row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:9px}
.pd-field{position:relative}
.pd-field select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 30px 12px 13px;border:1.5px solid var(--light-gray);border-radius:11px;background:#fff;font-size:.82rem;font-weight:600;color:var(--dark-navy);cursor:pointer;outline:none;transition:all .2s ease;font-family:'Poppins',sans-serif}
.pd-field select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.1)}
.pd-field select:invalid{color:#93a2b8}
.pd-field::after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;border-right:2px solid #8895a8;border-bottom:2px solid #8895a8;transform:translateY(-72%) rotate(45deg);pointer-events:none}
.pd-field select:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}
.pd-fit-btn{border:0;cursor:pointer;font-weight:800;font-size:.74rem;border-radius:11px;padding:12px 20px;white-space:nowrap;color:#fff;background:linear-gradient(180deg,#F04A56,var(--hover-red));box-shadow:0 12px 26px -12px rgba(211,47,47,.9);transition:transform .18s ease;display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;letter-spacing:1px;text-transform:uppercase}
.pd-fit-btn:hover{transform:translateY(-2px)}
.pd-fit-hint{margin:12px 0 0;font-size:.76rem;font-weight:600;color:var(--text-gray);display:flex;align-items:center;gap:8px;min-height:18px}
.pd-fit-hint.is-success{color:var(--green)}
.pd-fit-hint.is-error{color:var(--primary-red)}
.hint-pop{animation:hintPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes hintPop{0%{transform:translateY(6px);opacity:0}100%{transform:translateY(0);opacity:1}}

/* Qty + actions */
.pd-buy-row{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.pd-qty{display:flex;align-items:center;border:1.5px solid var(--light-gray);border-radius:12px;overflow:hidden;background:#fff;height:56px;flex-shrink:0}
.pd-qty button{width:46px;height:100%;border:none;background:transparent;cursor:pointer;color:var(--dark-navy);font-size:.85rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}
.pd-qty button:hover{background:#fef2f2;color:var(--primary-red)}
.pd-qty input{width:52px;height:100%;border:none;text-align:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.95rem;color:var(--dark-navy);outline:none;background:transparent}
.pd-actions{display:flex;gap:12px;flex:1;min-width:260px}
.btn{border:none;cursor:pointer;border-radius:12px;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;padding:0 22px;height:56px;white-space:nowrap}
.btn--cart{flex:1;background:#fff;border:2px solid var(--dark-navy);color:var(--dark-navy)}
.btn--cart::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1);z-index:0}
.btn--cart:hover::before{transform:scaleX(1)}
.btn--cart:hover{color:#fff;border-color:var(--dark-navy)}
.btn--cart span,.btn--cart i{position:relative;z-index:1}
.btn--buy{flex:1;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;box-shadow:0 16px 34px -14px rgba(211,47,47,.85)}
.btn--buy::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s ease;z-index:0}
.btn--buy:hover::before{left:100%}
.btn--buy:hover{transform:translateY(-3px);box-shadow:0 22px 44px -14px rgba(211,47,47,.95)}
.btn--buy span,.btn--buy i{position:relative;z-index:1}

.pd-mini-actions{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.pd-mini{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:var(--text-gray);cursor:pointer;transition:all .3s ease;background:none;border:none;padding:0}
.pd-mini i{font-size:.85rem}
.pd-mini:hover{color:var(--primary-red);transform:translateY(-2px)}
.pd-mini.active{color:var(--primary-red);font-weight:700}

/* Meta box */
.pd-meta-box{border:1px solid #eef1f6;border-radius:16px;overflow:hidden;margin-bottom:22px}
.pd-meta-row{display:flex;align-items:center;gap:12px;padding:13px 18px;font-size:.8rem;border-bottom:1px solid #f1f5f9}
.pd-meta-row:last-child{border-bottom:none}
.pd-meta-row i{width:30px;height:30px;border-radius:9px;background:#fef2f2;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0}
.pd-meta-row b{color:var(--dark-navy);font-weight:700;min-width:88px}
.pd-meta-row span{color:var(--text-gray);font-weight:500}

/* Trust strip */
.pd-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #eef1f6;border-radius:16px;overflow:hidden}
.pd-trust__item{padding:16px 12px;text-align:center;border-right:1px solid #eef1f6;transition:background .35s ease}
.pd-trust__item:last-child{border-right:none}
.pd-trust__item:hover{background:#fef5f5}
.pd-trust__item i{font-size:1.05rem;color:var(--primary-red);margin-bottom:8px;display:block}
.pd-trust__item b{display:block;font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:800;color:var(--dark-navy);letter-spacing:.4px;margin-bottom:3px}
.pd-trust__item span{font-size:.62rem;color:var(--text-gray);font-weight:500}

/* ============ TABS ============ */
.pd-tabs-wrap{margin-top:70px}
.pd-tab-btns{display:flex;gap:8px;flex-wrap:wrap;border-bottom:2px solid #eef1f6;margin-bottom:34px}
.pd-tab-btn{background:none;border:none;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-gray);padding:14px 22px;position:relative;transition:color .35s ease;white-space:nowrap}
.pd-tab-btn::after{content:"";position:absolute;left:14px;right:14px;bottom:-2px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--hover-red));border-radius:3px 3px 0 0;transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.pd-tab-btn:hover{color:var(--dark-navy)}
.pd-tab-btn.active{color:var(--primary-red)}
.pd-tab-btn.active::after{transform:scaleX(1)}
.pd-panel{display:none;animation:fadeUp .5s ease both}
.pd-panel.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.pd-panel h3{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--dark-navy);letter-spacing:-.01em;margin:26px 0 12px}
.pd-panel h3:first-child{margin-top:0}
.pd-panel p{font-size:.9rem;color:var(--text-gray);line-height:1.85;margin-bottom:14px}
.pd-panel p b{color:var(--dark-navy);font-weight:700}
.pd-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.pd-list li{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;color:#475569;line-height:1.6}
.pd-list li i{color:var(--primary-red);font-size:.7rem;margin-top:6px;flex-shrink:0}

.pd-spec-table{width:100%;border-collapse:collapse;border:1px solid #eef1f6;border-radius:14px;overflow:hidden}
.pd-spec-table tr{border-bottom:1px solid #f1f5f9}
.pd-spec-table tr:last-child{border-bottom:none}
.pd-spec-table tr:nth-child(odd){background:#fafbfc}
.pd-spec-table th{text-align:left;padding:14px 18px;font-size:.8rem;font-weight:700;color:var(--dark-navy);width:38%;font-family:'Montserrat',sans-serif;letter-spacing:.2px}
.pd-spec-table td{padding:14px 18px;font-size:.83rem;color:var(--text-gray);font-weight:500}

/* Reviews */
.rv-summary{display:grid;grid-template-columns:230px 1fr;gap:38px;align-items:center;border:1px solid #eef1f6;border-radius:18px;padding:28px 32px;margin-bottom:34px}
.rv-score{text-align:center}
.rv-score__num{font-family:'Montserrat',sans-serif;font-size:3.2rem;font-weight:900;color:var(--dark-navy);line-height:1}
.rv-score__stars{display:flex;justify-content:center;gap:4px;color:var(--star-gold);font-size:1rem;margin:10px 0 8px}
.rv-score__txt{font-size:.76rem;color:var(--text-gray);font-weight:600}
.rv-bars{display:flex;flex-direction:column;gap:10px}
.rv-bar{display:grid;grid-template-columns:56px 1fr 42px;align-items:center;gap:12px;font-size:.74rem;color:var(--text-gray);font-weight:600}
.rv-bar__track{height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden}
.rv-bar__fill{height:100%;background:linear-gradient(90deg,var(--star-gold),#f59e0b);border-radius:999px;width:0;transition:width 1s cubic-bezier(.34,1.56,.64,1)}
.rv-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rv-card{border:1px solid #eef1f6;border-radius:16px;padding:22px;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.rv-card:hover{border-color:rgba(211,47,47,.28);box-shadow:0 20px 40px -26px rgba(15,23,42,.3);transform:translateY(-4px)}
.rv-card__top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.rv-card__avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.82rem;flex-shrink:0}
.rv-card__name{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;color:var(--dark-navy);line-height:1.2}
.rv-card__date{font-size:.68rem;color:var(--text-gray);font-weight:500}
.rv-card__verified{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:.6rem;font-weight:800;color:var(--green);background:#f0fdf4;border:1px solid #bbf7d0;padding:4px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px}
.rv-card__stars{display:flex;gap:2px;color:var(--star-gold);font-size:.72rem;margin-bottom:10px}
.rv-card__txt{font-size:.84rem;color:var(--text-gray);line-height:1.7}

/* ============ RELATED PRODUCTS ============ */
.related{padding:80px 0 90px;background:#ffffff;border-top:1px solid #eef1f6}
.section-head{text-align:center;margin-bottom:46px}
.section-kicker{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(211,47,47,.6)}70%{box-shadow:0 0 0 12px rgba(211,47,47,0)}100%{box-shadow:0 0 0 0 rgba(211,47,47,0)}}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:12px}
.section-title span{color:var(--primary-red);position:relative;display:inline-block}
.section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:9px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg)}
.section-sub{color:var(--text-gray);font-size:.92rem;max-width:600px;margin:0 auto;line-height:1.7}
.section-sub b{color:var(--dark-navy);font-weight:700}

.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.prod-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.prod-card:hover{border-color:rgba(211,47,47,.4);transform:translateY(-9px);box-shadow:0 32px 58px -30px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.prod-card__img-wrap{position:relative;aspect-ratio:1/1;background:#f8fafc;overflow:hidden}
.prod-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .9s cubic-bezier(.34,1.56,.64,1)}
.prod-card:hover .prod-card__img{transform:scale(1.15) rotate(-1deg)}
.prod-card__badges{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.prod-card__badge{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:900;letter-spacing:.8px;text-transform:uppercase;padding:5px 9px;border-radius:7px;color:#fff;box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
.prod-card__badge--sale{background:linear-gradient(135deg,#FF6B6B,var(--primary-red))}
.prod-card__badge--free{background:linear-gradient(135deg,#16a34a,#0f7a35);display:flex;align-items:center;gap:5px}
.prod-card__wish{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;opacity:0;transform:translateX(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 14px rgba(0,0,0,.12)}
.prod-card:hover .prod-card__wish{opacity:1;transform:translateX(0) scale(1)}
.prod-card__wish:hover,.prod-card__wish.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff;opacity:1;transform:translateX(0) scale(1)}
.prod-card__quick{position:absolute;bottom:12px;right:12px;z-index:3;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;opacity:0;transform:translateY(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.prod-card:hover .prod-card__quick{opacity:1;transform:translateY(0) scale(1)}
.prod-card__quick:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.14) rotate(-10deg) !important}
.prod-card__body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.prod-card__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:6px}
.prod-card__cat::before{content:"";width:12px;height:2px;background:var(--primary-red);border-radius:2px}
.prod-card__title{font-size:.83rem;font-weight:600;color:#374151;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;transition:color .3s ease}
.prod-card:hover .prod-card__title{color:var(--primary-red)}
.prod-card__stars{display:flex;align-items:center;gap:3px;font-size:.66rem;color:#d1d5db}
.prod-card__stars .filled{color:var(--star-gold)}
.prod-card__stars span{color:var(--text-gray);font-size:.62rem;margin-left:4px;font-weight:500}
.prod-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #f1f5f9}
.prod-card__price{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.prod-card__old{font-size:.72rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.prod-card__add{margin-top:10px;width:100%;background:#fff;border:1.5px solid var(--dark-navy);color:var(--dark-navy);border-radius:10px;padding:11px;font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.prod-card__add::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.prod-card__add:hover::before{transform:scaleX(1)}
.prod-card__add:hover{color:#fff;border-color:var(--primary-red)}
.prod-card__add span,.prod-card__add i{position:relative;z-index:1}

/* Recently viewed */
.recent{padding:0 0 90px;background:#fff}
.recent-track{display:grid;grid-auto-flow:column;grid-auto-columns:250px;gap:18px;overflow-x:auto;padding:8px 4px 20px;scroll-snap-type:x mandatory;scrollbar-width:none}
.recent-track::-webkit-scrollbar{display:none}
.recent-card{background:#fff;border:1px solid #eef1f6;border-radius:14px;overflow:hidden;display:flex;gap:12px;padding:12px;scroll-snap-align:start;cursor:pointer;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.recent-card:hover{border-color:rgba(211,47,47,.35);transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(211,47,47,.5)}
.recent-card__img{width:74px;height:74px;border-radius:10px;background-size:cover;background-position:center;flex-shrink:0;background-color:#f8fafc;transition:transform .6s ease}
.recent-card:hover .recent-card__img{transform:scale(1.06)}
.recent-card__txt{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}
.recent-card__txt h4{font-size:.76rem;font-weight:600;color:#374151;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recent-card__txt span{font-family:'Montserrat',sans-serif;font-size:.85rem;font-weight:900;color:var(--primary-red)}

/* ============ CART DRAWER ============ */
.cart-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);z-index:200;opacity:0;pointer-events:none;transition:opacity .4s ease}
.cart-overlay.open{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:92vw;background:#fff;z-index:201;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);box-shadow:-30px 0 70px -30px rgba(0,0,0,.5)}
.cart-drawer.open{transform:translateX(0)}
.cart-drawer__head{display:flex;align-items:center;gap:12px;padding:22px 24px;border-bottom:1px solid #eef1f6}
.cart-drawer__head h3{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:900;color:var(--dark-navy);letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.cart-drawer__head h3 i{color:var(--primary-red)}
.cart-drawer__count{background:#fef2f2;color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;padding:4px 9px;border-radius:999px;margin-left:auto}
.cart-close{width:34px;height:34px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .35s ease}
.cart-close:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:rotate(90deg)}
.cart-items{flex:1;overflow-y:auto;padding:18px 24px;display:flex;flex-direction:column;gap:14px}
.cart-items::-webkit-scrollbar{width:5px}
.cart-items::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:99px}
.cart-item{display:grid;grid-template-columns:70px 1fr;gap:14px;border:1px solid #eef1f6;border-radius:14px;padding:12px;position:relative;animation:fadeUp .4s ease both}
.cart-item__img{width:70px;height:70px;border-radius:10px;background-size:cover;background-position:center;background-color:#f8fafc}
.cart-item__title{font-size:.78rem;font-weight:600;color:#374151;line-height:1.35;margin-bottom:6px;padding-right:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cart-item__price{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red)}
.cart-item__qty{display:inline-flex;align-items:center;gap:0;border:1px solid #e5e7eb;border-radius:9px;overflow:hidden;margin-top:8px}
.cart-item__qty button{width:28px;height:28px;border:none;background:#fff;cursor:pointer;color:#64748b;font-size:.65rem;transition:all .3s ease}
.cart-item__qty button:hover{background:#fef2f2;color:var(--primary-red)}
.cart-item__qty span{width:32px;text-align:center;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;color:var(--dark-navy)}
.cart-item__remove{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;border:none;background:#f8fafc;color:#94a3b8;cursor:pointer;font-size:.65rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.cart-item__remove:hover{background:#fef2f2;color:var(--primary-red)}
.cart-empty{text-align:center;padding:50px 10px;color:var(--text-gray)}
.cart-empty i{font-size:2.4rem;color:#e2e8f0;margin-bottom:16px;display:block}
.cart-empty b{display:block;font-family:'Montserrat',sans-serif;color:var(--dark-navy);font-size:.95rem;margin-bottom:6px}
.cart-empty span{font-size:.8rem}
.cart-drawer__foot{border-top:1px solid #eef1f6;padding:20px 24px 24px;background:#fafbfc}
.cart-line{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-gray);font-weight:600;margin-bottom:9px}
.cart-line.total{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--dark-navy);padding-top:12px;border-top:1px dashed #e2e8f0;margin-bottom:16px}
.cart-line.total span:last-child{color:var(--primary-red)}
.cart-checkout{width:100%;height:52px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 14px 30px -12px rgba(211,47,47,.8)}
.cart-checkout:hover{transform:translateY(-3px);box-shadow:0 20px 40px -12px rgba(211,47,47,.95)}

/* ============ STICKY BUY BAR ============ */
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid #eef1f6;box-shadow:0 -14px 40px -22px rgba(15,23,42,.35);transform:translateY(110%);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.sticky-buy.show{transform:translateY(0)}
.sticky-buy__inner{display:flex;align-items:center;gap:18px;padding:12px 0}
.sticky-buy__img{width:52px;height:52px;border-radius:11px;background-size:cover;background-position:center;background-color:#f8fafc;flex-shrink:0;border:1px solid #eef1f6}
.sticky-buy__txt{min-width:0;flex:1}
.sticky-buy__txt h4{font-size:.82rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-buy__txt span{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:900;color:var(--primary-red)}
.sticky-buy__actions{display:flex;gap:10px;flex-shrink:0}
.sticky-buy__actions .btn{height:48px;padding:0 24px;font-size:.7rem}

/* ============ FOOTER ============ */
.site-footer{background:#fff;border-top:1px solid #eef1f6;position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--hover-red) 25%,var(--dark-navy) 50%,var(--hover-red) 75%,var(--primary-red) 100%);background-size:200% 100%;animation:footerBarSlide 6s linear infinite}
@keyframes footerBarSlide{to{background-position:200% 0}}
.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;padding:64px 0 50px}
.footer-col__title{font-family:'Montserrat',sans-serif;font-size:.8rem;font-weight:900;color:var(--dark-navy);letter-spacing:2.4px;text-transform:uppercase;margin-bottom:22px;position:relative;display:inline-block;padding-bottom:12px}
.footer-col__title::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--hover-red));border-radius:2px}
.footer-about__logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.footer-about__logo-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;box-shadow:0 10px 22px -8px rgba(211,47,47,.6)}
.footer-about__logo-txt h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.3rem;color:var(--dark-navy);line-height:1;letter-spacing:-.02em}
.footer-about__logo-txt h3 span{color:var(--primary-red)}
.footer-about__logo-txt small{display:block;font-size:.58rem;font-weight:700;color:var(--text-gray);letter-spacing:2px;text-transform:uppercase;margin-top:4px}
.footer-about__desc{font-size:.84rem;color:var(--text-gray);line-height:1.7;margin-bottom:20px;max-width:330px}
.footer-about__desc b{color:var(--dark-navy);font-weight:700}
.footer-about__social{display:flex;gap:10px}
.footer-social{width:38px;height:38px;border-radius:11px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.88rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid #eef1f6}
.footer-social:hover{transform:translateY(-4px) rotate(-6deg);color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary-red),var(--hover-red))}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-link{display:inline-flex;align-items:center;gap:10px;font-size:.84rem;color:var(--text-gray);font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);width:fit-content}
.footer-link i{font-size:.58rem;color:var(--primary-red);opacity:0;transition:all .35s ease}
.footer-link:hover{color:var(--primary-red);transform:translateX(8px)}
.footer-link:hover i{opacity:1}
.footer-contact-item{display:flex;align-items:flex-start;gap:12px;padding:11px 13px;background:#fafafa;border:1px solid #eef1f6;border-radius:12px;margin-bottom:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.footer-contact-item:hover{background:#fff;border-color:rgba(211,47,47,.3);transform:translateY(-3px)}
.footer-contact-item__icon{width:36px;height:36px;border-radius:10px;background:#fef2f2;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0}
.footer-contact-item__txt b{display:block;font-size:.68rem;font-weight:800;color:var(--dark-navy);letter-spacing:.4px;margin-bottom:2px;text-transform:uppercase}
.footer-contact-item__txt span,.footer-contact-item__txt a{font-size:.8rem;color:var(--text-gray);font-weight:500}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:22px 0;border-top:1px solid #eef1f6;font-size:.76rem;color:var(--text-gray)}
.footer-bottom b{color:var(--dark-navy);font-weight:800}
.footer-bottom span{color:var(--primary-red)}

/* ============ FLOATING ============ */
.toast-cart{position:fixed;bottom:100px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.88rem;box-shadow:0 20px 40px -10px rgba(22,163,74,.5);display:flex;align-items:center;gap:10px;z-index:999;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1);max-width:calc(100vw - 40px)}
.toast-cart.show{opacity:1;transform:translateY(0) scale(1)}
.toast-cart--wish{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 20px 40px -10px rgba(211,47,47,.5)}
.wa-float{position:fixed;right:20px;bottom:22px;z-index:99;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C7E);display:grid;place-items:center;box-shadow:0 14px 32px -10px rgba(18,140,126,.9);animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:29px;height:29px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 16px rgba(37,211,102,0)}}
.back-to-top{position:fixed;left:20px;bottom:22px;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:98;box-shadow:0 14px 32px -10px rgba(211,47,47,.7);opacity:0;transform:translateY(20px) scale(.85);pointer-events:none;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.back-to-top.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.back-to-top:hover{transform:translateY(-4px) scale(1.08)}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(15,23,42,.94);z-index:300;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease;padding:30px}
.lightbox.open{opacity:1;pointer-events:auto}
.lightbox img{max-width:92vw;max-height:88vh;border-radius:14px;object-fit:contain;box-shadow:0 40px 90px -30px rgba(0,0,0,.9);transform:scale(.94);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.lightbox.open img{transform:scale(1)}
.lightbox__close{position:absolute;top:24px;right:26px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .35s ease;backdrop-filter:blur(10px)}
.lightbox__close:hover{background:var(--primary-red);border-color:var(--primary-red);transform:rotate(90deg)}

/* ============ RESPONSIVE ============ */
@media (max-width:1180px){
  .pd-grid{gap:36px}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
  .pd-trust{grid-template-columns:repeat(2,1fr)}
  .pd-trust__item:nth-child(2){border-right:none}
  .pd-trust__item:nth-child(1),.pd-trust__item:nth-child(2){border-bottom:1px solid #eef1f6}
  .footer-main{grid-template-columns:1.3fr 1fr 1fr;gap:34px}
  .footer-col:last-child{grid-column:1/-1}
}
@media (max-width:1024px){
  .pd-grid{grid-template-columns:1fr}
  .pd-gallery{position:static}
  .pd-stage{cursor:default}
  .pd-zoom-hint{display:none}
  .pd-tabs-wrap{margin-top:56px}
  .rv-summary{grid-template-columns:1fr;gap:24px;text-align:center}
  .rv-list{grid-template-columns:1fr}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .header-content{flex-direction:column;gap:16px}
  .header-search{width:100%;max-width:100%}
  .header-icons{width:100%;justify-content:space-around}
  .pd-fitment__row{grid-template-columns:1fr 1fr;gap:10px}
  .pd-fit-btn{grid-column:1/-1;justify-content:center}
  .sticky-buy__txt{display:none}
  .sticky-buy__actions{flex:1}
  .sticky-buy__actions .btn{flex:1}
}
@media (max-width:768px){
  .pd-section{padding:16px 0 60px}
  .pd-title{font-size:1.35rem}
  .pd-price{font-size:1.7rem}
  .pd-features{grid-template-columns:1fr}
  .pd-buy-row{flex-direction:column;align-items:stretch}
  .pd-qty{align-self:flex-start;height:50px}
  .pd-actions{flex-direction:column}
  .btn{height:52px}
  .pd-tab-btns{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
  .pd-tab-btns::-webkit-scrollbar{display:none}
  .pd-tab-btn{padding:13px 16px;font-size:.72rem}
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .recent-track{grid-auto-columns:230px}
  .related,.recent{padding:56px 0 60px}
  .footer-main{grid-template-columns:1fr;gap:34px;padding:48px 0 40px}
  .footer-col:last-child{grid-column:auto}
  .pd-thumb{width:68px;height:68px}
  .cart-drawer{width:100%;max-width:100%}
}
@media (max-width:520px){
  .brand-text h1{font-size:1.4rem}
  .logo-icon{width:44px;height:44px;font-size:1.3rem}
  .ticker-item{font-size:.78rem}
  .pd-price{font-size:1.5rem}
  .pd-price-box{padding:16px 16px}
  .pd-fitment{padding:15px 15px}
  .pd-fitment__row{grid-template-columns:1fr}
  .pd-trust{grid-template-columns:1fr}
  .pd-trust__item{border-right:none;border-bottom:1px solid #eef1f6}
  .pd-trust__item:last-child{border-bottom:none}
  .prod-grid{grid-template-columns:1fr;gap:16px}
  .wa-float{width:50px;height:50px;right:14px;bottom:16px}
  .wa-float svg{width:25px;height:25px}
  .back-to-top{width:44px;height:44px;left:14px;bottom:16px}
  .toast-cart{right:14px;bottom:80px;font-size:.8rem;padding:12px 16px}
  .sticky-buy__img{width:44px;height:44px}
  .rv-summary{padding:22px 18px}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .pd-stage.zooming img{transform:none}
}

:root{--primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;--white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;--star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,0.08);--shadow-red:rgba(211,47,47,0.3)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:#ffffff;color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit}
img{display:block}

/* ============ TICKER ============ */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ HEADER ============ */
header{background:#fff;padding:18px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer}
.logo-icon{background:var(--primary-red);color:#fff;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.6rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.7rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.68rem;letter-spacing:2.5px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-search{flex-grow:1;max-width:600px}
.search-box{display:flex;background:var(--off-white);border-radius:50px;overflow:hidden;height:52px;align-items:center;padding:5px;border:2px solid var(--light-gray);transition:all .4s ease}
.search-box:focus-within{background:#fff;border-color:var(--primary-red);box-shadow:0 0 22px var(--shadow-red)}
.header-cat{border:none;background:transparent;padding:0 15px;font-size:.88rem;color:var(--text-dark);border-right:1px solid var(--light-gray);outline:none;cursor:pointer;font-weight:600}
.header-input{border:none;flex-grow:1;padding:0 15px;font-size:.92rem;outline:none;background:transparent;min-width:0}
.header-input::placeholder{color:#94a3b8}
.header-search-btn{background:var(--primary-red);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.header-search-btn:hover{background:var(--hover-red);transform:scale(1.1) rotate(15deg)}
.header-icons{display:flex;align-items:center;gap:22px}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.4rem}
.badge{position:absolute;top:-5px;right:-5px;background:var(--primary-red);color:#fff;font-size:.65rem;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;animation:pulseBadge 2s infinite}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* ============ BREADCRUMB ============ */
.breadcrumb{padding:22px 0 4px;font-size:.8rem;color:var(--text-gray);display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-weight:500}
.breadcrumb a{transition:color .3s ease}
.breadcrumb a:hover{color:var(--primary-red)}
.breadcrumb i{font-size:.58rem;color:#cbd5e1}
.breadcrumb .current{color:var(--dark-navy);font-weight:700}

/* ============ PRODUCT DETAIL ============ */
.pd-section{padding:22px 0 80px}
.pd-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:52px;align-items:start}

/* Gallery */
.pd-gallery{position:sticky;top:100px}
.pd-stage{position:relative;border-radius:20px;overflow:hidden;background:#f8fafc;border:1px solid #eef1f6;aspect-ratio:1/1;cursor:zoom-in;isolation:isolate}
.pd-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center center;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .35s ease}
.pd-stage.zooming img{transition:transform .1s linear;transform:scale(2.7)}
.pd-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.04),transparent 30%);pointer-events:none;z-index:2}
.pd-zoom-hint{position:absolute;bottom:16px;right:16px;z-index:5;background:rgba(15,23,42,.82);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:8px 13px;border-radius:999px;display:flex;align-items:center;gap:7px;backdrop-filter:blur(8px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}
.pd-stage.zooming .pd-zoom-hint{opacity:0;transform:translateY(8px)}
.pd-badges{position:absolute;top:16px;left:16px;z-index:5;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pd-badge{font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;padding:7px 12px;border-radius:9px;color:#fff;box-shadow:0 8px 18px -8px rgba(0,0,0,.5)}
.pd-badge--sale{background:linear-gradient(135deg,#FF6B6B,var(--primary-red))}
.pd-badge--new{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy))}
.pd-badge--free{background:linear-gradient(135deg,#16a34a,#0f7a35);display:flex;align-items:center;gap:6px}
.pd-wish-float{position:absolute;top:16px;right:16px;z-index:5;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(0,0,0,.4)}
.pd-wish-float:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.1)}
.pd-wish-float.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.pd-thumbs{display:flex;gap:12px;margin-top:16px}
.pd-thumb{width:86px;height:86px;border-radius:13px;overflow:hidden;border:2px solid #eef1f6;cursor:pointer;background:#f8fafc;transition:all .4s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;position:relative}
.pd-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.pd-thumb:hover{border-color:rgba(211,47,47,.45);transform:translateY(-4px)}
.pd-thumb:hover img{transform:scale(1.12)}
.pd-thumb.active{border-color:var(--primary-red);box-shadow:0 10px 22px -12px rgba(211,47,47,.7)}
.pd-thumb.active::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px rgba(211,47,47,.18);border-radius:11px}

/* Info column */
.pd-info{display:flex;flex-direction:column}
.pd-brandline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.pd-chip{display:inline-flex;align-items:center;gap:7px;background:#fef2f2;border:1px solid rgba(211,47,47,.22);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.pd-chip--dark{background:#f1f5f9;border-color:#e2e8f0;color:#475569}
.pd-title{font-family:'Montserrat',sans-serif;font-size:clamp(1.45rem,2.5vw,2.1rem);font-weight:900;color:var(--dark-navy);line-height:1.16;letter-spacing:-.02em;margin-bottom:14px}
.pd-rating-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px;font-size:.8rem;color:var(--text-gray);font-weight:500}
.pd-stars{display:flex;gap:3px;color:#d1d5db;font-size:.85rem}
.pd-stars .filled{color:var(--star-gold)}
.pd-rating-row b{color:var(--dark-navy);font-weight:800}
.pd-sep{width:1px;height:14px;background:#e2e8f0}
.pd-link{color:var(--primary-red);font-weight:700;cursor:pointer;transition:opacity .3s}
.pd-link:hover{opacity:.75}
.pd-stock{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-weight:800;font-size:.78rem}
.pd-stock i{font-size:.5rem;animation:mdStockBlink 1.6s ease-in-out infinite}
@keyframes mdStockBlink{0%,100%{opacity:1}50%{opacity:.35}}

.pd-price-box{background:#fafafa;border:1px solid #eef1f6;border-left:4px solid var(--primary-red);border-radius:16px;padding:20px 22px;margin-bottom:22px}
.pd-price-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.pd-price{font-family:'Montserrat',sans-serif;font-size:2.1rem;font-weight:900;color:var(--primary-red);letter-spacing:-.02em;line-height:1}
.pd-old{font-size:1rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.pd-save{background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:900;padding:6px 11px;border-radius:999px;letter-spacing:.6px}
.pd-price-note{margin-top:10px;font-size:.76rem;color:var(--text-gray);display:flex;align-items:center;gap:8px;font-weight:500}
.pd-price-note i{color:var(--primary-red)}

.pd-short{font-size:.92rem;color:var(--text-gray);line-height:1.75;margin-bottom:20px}
.pd-short b{color:var(--dark-navy);font-weight:700}

.pd-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-bottom:24px}
.pd-feature{display:flex;align-items:flex-start;gap:9px;font-size:.82rem;color:#475569;font-weight:500;line-height:1.4}
.pd-feature i{width:19px;height:19px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.55rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}

/* Fitment checker */
.pd-fitment{background:#fff;border:1.5px dashed #e2e8f0;border-radius:16px;padding:18px 20px;margin-bottom:24px;transition:border-color .4s ease,box-shadow .4s ease}
.pd-fitment:focus-within{border-color:rgba(211,47,47,.4);box-shadow:0 0 0 4px rgba(211,47,47,.07)}
.pd-fitment__head{display:flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--dark-navy);margin-bottom:14px}
.pd-fitment__head i{color:var(--primary-red)}
.pd-fitment__row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:9px}
.pd-field{position:relative}
.pd-field select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 30px 12px 13px;border:1.5px solid var(--light-gray);border-radius:11px;background:#fff;font-size:.82rem;font-weight:600;color:var(--dark-navy);cursor:pointer;outline:none;transition:all .2s ease;font-family:'Poppins',sans-serif}
.pd-field select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.1)}
.pd-field select:invalid{color:#93a2b8}
.pd-field::after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;border-right:2px solid #8895a8;border-bottom:2px solid #8895a8;transform:translateY(-72%) rotate(45deg);pointer-events:none}
.pd-field select:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}
.pd-fit-btn{border:0;cursor:pointer;font-weight:800;font-size:.74rem;border-radius:11px;padding:12px 20px;white-space:nowrap;color:#fff;background:linear-gradient(180deg,#F04A56,var(--hover-red));box-shadow:0 12px 26px -12px rgba(211,47,47,.9);transition:transform .18s ease;display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;letter-spacing:1px;text-transform:uppercase}
.pd-fit-btn:hover{transform:translateY(-2px)}
.pd-fit-hint{margin:12px 0 0;font-size:.76rem;font-weight:600;color:var(--text-gray);display:flex;align-items:center;gap:8px;min-height:18px}
.pd-fit-hint.is-success{color:var(--green)}
.pd-fit-hint.is-error{color:var(--primary-red)}
.hint-pop{animation:hintPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes hintPop{0%{transform:translateY(6px);opacity:0}100%{transform:translateY(0);opacity:1}}

/* Qty + actions */
.pd-buy-row{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.pd-qty{display:flex;align-items:center;border:1.5px solid var(--light-gray);border-radius:12px;overflow:hidden;background:#fff;height:56px;flex-shrink:0}
.pd-qty button{width:46px;height:100%;border:none;background:transparent;cursor:pointer;color:var(--dark-navy);font-size:.85rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}
.pd-qty button:hover{background:#fef2f2;color:var(--primary-red)}
.pd-qty input{width:52px;height:100%;border:none;text-align:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.95rem;color:var(--dark-navy);outline:none;background:transparent}
.pd-actions{display:flex;gap:12px;flex:1;min-width:260px}
.btn{border:none;cursor:pointer;border-radius:12px;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;padding:0 22px;height:56px;white-space:nowrap}
.btn--cart{flex:1;background:#fff;border:2px solid var(--dark-navy);color:var(--dark-navy)}
.btn--cart::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1);z-index:0}
.btn--cart:hover::before{transform:scaleX(1)}
.btn--cart:hover{color:#fff;border-color:var(--dark-navy)}
.btn--cart span,.btn--cart i{position:relative;z-index:1}
.btn--buy{flex:1;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;box-shadow:0 16px 34px -14px rgba(211,47,47,.85)}
.btn--buy::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s ease;z-index:0}
.btn--buy:hover::before{left:100%}
.btn--buy:hover{transform:translateY(-3px);box-shadow:0 22px 44px -14px rgba(211,47,47,.95)}
.btn--buy span,.btn--buy i{position:relative;z-index:1}

.pd-mini-actions{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.pd-mini{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:var(--text-gray);cursor:pointer;transition:all .3s ease;background:none;border:none;padding:0}
.pd-mini i{font-size:.85rem}
.pd-mini:hover{color:var(--primary-red);transform:translateY(-2px)}
.pd-mini.active{color:var(--primary-red);font-weight:700}

/* Meta box */
.pd-meta-box{border:1px solid #eef1f6;border-radius:16px;overflow:hidden;margin-bottom:22px}
.pd-meta-row{display:flex;align-items:center;gap:12px;padding:13px 18px;font-size:.8rem;border-bottom:1px solid #f1f5f9}
.pd-meta-row:last-child{border-bottom:none}
.pd-meta-row i{width:30px;height:30px;border-radius:9px;background:#fef2f2;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0}
.pd-meta-row b{color:var(--dark-navy);font-weight:700;min-width:88px}
.pd-meta-row span{color:var(--text-gray);font-weight:500}

/* Trust strip */
.pd-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #eef1f6;border-radius:16px;overflow:hidden}
.pd-trust__item{padding:16px 12px;text-align:center;border-right:1px solid #eef1f6;transition:background .35s ease}
.pd-trust__item:last-child{border-right:none}
.pd-trust__item:hover{background:#fef5f5}
.pd-trust__item i{font-size:1.05rem;color:var(--primary-red);margin-bottom:8px;display:block}
.pd-trust__item b{display:block;font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:800;color:var(--dark-navy);letter-spacing:.4px;margin-bottom:3px}
.pd-trust__item span{font-size:.62rem;color:var(--text-gray);font-weight:500}

/* ============ TABS ============ */
.pd-tabs-wrap{margin-top:70px}
.pd-tab-btns{display:flex;gap:8px;flex-wrap:wrap;border-bottom:2px solid #eef1f6;margin-bottom:34px}
.pd-tab-btn{background:none;border:none;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-gray);padding:14px 22px;position:relative;transition:color .35s ease;white-space:nowrap}
.pd-tab-btn::after{content:"";position:absolute;left:14px;right:14px;bottom:-2px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--hover-red));border-radius:3px 3px 0 0;transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.pd-tab-btn:hover{color:var(--dark-navy)}
.pd-tab-btn.active{color:var(--primary-red)}
.pd-tab-btn.active::after{transform:scaleX(1)}
.pd-panel{display:none;animation:fadeUp .5s ease both}
.pd-panel.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.pd-panel h3{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--dark-navy);letter-spacing:-.01em;margin:26px 0 12px}
.pd-panel h3:first-child{margin-top:0}
.pd-panel p{font-size:.9rem;color:var(--text-gray);line-height:1.85;margin-bottom:14px}
.pd-panel p b{color:var(--dark-navy);font-weight:700}
.pd-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.pd-list li{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;color:#475569;line-height:1.6}
.pd-list li i{color:var(--primary-red);font-size:.7rem;margin-top:6px;flex-shrink:0}

.pd-spec-table{width:100%;border-collapse:collapse;border:1px solid #eef1f6;border-radius:14px;overflow:hidden}
.pd-spec-table tr{border-bottom:1px solid #f1f5f9}
.pd-spec-table tr:last-child{border-bottom:none}
.pd-spec-table tr:nth-child(odd){background:#fafbfc}
.pd-spec-table th{text-align:left;padding:14px 18px;font-size:.8rem;font-weight:700;color:var(--dark-navy);width:38%;font-family:'Montserrat',sans-serif;letter-spacing:.2px}
.pd-spec-table td{padding:14px 18px;font-size:.83rem;color:var(--text-gray);font-weight:500}

/* Reviews */
.rv-summary{display:grid;grid-template-columns:230px 1fr;gap:38px;align-items:center;border:1px solid #eef1f6;border-radius:18px;padding:28px 32px;margin-bottom:34px}
.rv-score{text-align:center}
.rv-score__num{font-family:'Montserrat',sans-serif;font-size:3.2rem;font-weight:900;color:var(--dark-navy);line-height:1}
.rv-score__stars{display:flex;justify-content:center;gap:4px;color:var(--star-gold);font-size:1rem;margin:10px 0 8px}
.rv-score__txt{font-size:.76rem;color:var(--text-gray);font-weight:600}
.rv-bars{display:flex;flex-direction:column;gap:10px}
.rv-bar{display:grid;grid-template-columns:56px 1fr 42px;align-items:center;gap:12px;font-size:.74rem;color:var(--text-gray);font-weight:600}
.rv-bar__track{height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden}
.rv-bar__fill{height:100%;background:linear-gradient(90deg,var(--star-gold),#f59e0b);border-radius:999px;width:0;transition:width 1s cubic-bezier(.34,1.56,.64,1)}
.rv-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rv-card{border:1px solid #eef1f6;border-radius:16px;padding:22px;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.rv-card:hover{border-color:rgba(211,47,47,.28);box-shadow:0 20px 40px -26px rgba(15,23,42,.3);transform:translateY(-4px)}
.rv-card__top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.rv-card__avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.82rem;flex-shrink:0}
.rv-card__name{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;color:var(--dark-navy);line-height:1.2}
.rv-card__date{font-size:.68rem;color:var(--text-gray);font-weight:500}
.rv-card__verified{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:.6rem;font-weight:800;color:var(--green);background:#f0fdf4;border:1px solid #bbf7d0;padding:4px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px}
.rv-card__stars{display:flex;gap:2px;color:var(--star-gold);font-size:.72rem;margin-bottom:10px}
.rv-card__txt{font-size:.84rem;color:var(--text-gray);line-height:1.7}

/* ============ RELATED PRODUCTS ============ */
.related{padding:80px 0 90px;background:#ffffff;border-top:1px solid #eef1f6}
.section-head{text-align:center;margin-bottom:46px}
.section-kicker{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(211,47,47,.6)}70%{box-shadow:0 0 0 12px rgba(211,47,47,0)}100%{box-shadow:0 0 0 0 rgba(211,47,47,0)}}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:12px}
.section-title span{color:var(--primary-red);position:relative;display:inline-block}
.section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:9px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg)}
.section-sub{color:var(--text-gray);font-size:.92rem;max-width:600px;margin:0 auto;line-height:1.7}
.section-sub b{color:var(--dark-navy);font-weight:700}

.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.prod-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.prod-card:hover{border-color:rgba(211,47,47,.4);transform:translateY(-9px);box-shadow:0 32px 58px -30px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.prod-card__img-wrap{position:relative;aspect-ratio:1/1;background:#f8fafc;overflow:hidden}
.prod-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .9s cubic-bezier(.34,1.56,.64,1)}
.prod-card:hover .prod-card__img{transform:scale(1.15) rotate(-1deg)}
.prod-card__badges{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.prod-card__badge{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:900;letter-spacing:.8px;text-transform:uppercase;padding:5px 9px;border-radius:7px;color:#fff;box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
.prod-card__badge--sale{background:linear-gradient(135deg,#FF6B6B,var(--primary-red))}
.prod-card__badge--free{background:linear-gradient(135deg,#16a34a,#0f7a35);display:flex;align-items:center;gap:5px}
.prod-card__wish{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;opacity:0;transform:translateX(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 14px rgba(0,0,0,.12)}
.prod-card:hover .prod-card__wish{opacity:1;transform:translateX(0) scale(1)}
.prod-card__wish:hover,.prod-card__wish.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff;opacity:1;transform:translateX(0) scale(1)}
.prod-card__quick{position:absolute;bottom:12px;right:12px;z-index:3;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;opacity:0;transform:translateY(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.prod-card:hover .prod-card__quick{opacity:1;transform:translateY(0) scale(1)}
.prod-card__quick:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.14) rotate(-10deg) !important}
.prod-card__body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.prod-card__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:6px}
.prod-card__cat::before{content:"";width:12px;height:2px;background:var(--primary-red);border-radius:2px}
.prod-card__title{font-size:.83rem;font-weight:600;color:#374151;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;transition:color .3s ease}
.prod-card:hover .prod-card__title{color:var(--primary-red)}
.prod-card__stars{display:flex;align-items:center;gap:3px;font-size:.66rem;color:#d1d5db}
.prod-card__stars .filled{color:var(--star-gold)}
.prod-card__stars span{color:var(--text-gray);font-size:.62rem;margin-left:4px;font-weight:500}
.prod-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #f1f5f9}
.prod-card__price{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.prod-card__old{font-size:.72rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.prod-card__add{margin-top:10px;width:100%;background:#fff;border:1.5px solid var(--dark-navy);color:var(--dark-navy);border-radius:10px;padding:11px;font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.prod-card__add::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.prod-card__add:hover::before{transform:scaleX(1)}
.prod-card__add:hover{color:#fff;border-color:var(--primary-red)}
.prod-card__add span,.prod-card__add i{position:relative;z-index:1}

/* Recently viewed */
.recent{padding:0 0 90px;background:#fff}
.recent-track{display:grid;grid-auto-flow:column;grid-auto-columns:250px;gap:18px;overflow-x:auto;padding:8px 4px 20px;scroll-snap-type:x mandatory;scrollbar-width:none}
.recent-track::-webkit-scrollbar{display:none}
.recent-card{background:#fff;border:1px solid #eef1f6;border-radius:14px;overflow:hidden;display:flex;gap:12px;padding:12px;scroll-snap-align:start;cursor:pointer;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.recent-card:hover{border-color:rgba(211,47,47,.35);transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(211,47,47,.5)}
.recent-card__img{width:74px;height:74px;border-radius:10px;background-size:cover;background-position:center;flex-shrink:0;background-color:#f8fafc;transition:transform .6s ease}
.recent-card:hover .recent-card__img{transform:scale(1.06)}
.recent-card__txt{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}
.recent-card__txt h4{font-size:.76rem;font-weight:600;color:#374151;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recent-card__txt span{font-family:'Montserrat',sans-serif;font-size:.85rem;font-weight:900;color:var(--primary-red)}

/* ============ CART DRAWER ============ */
.cart-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);z-index:200;opacity:0;pointer-events:none;transition:opacity .4s ease}
.cart-overlay.open{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:92vw;background:#fff;z-index:201;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);box-shadow:-30px 0 70px -30px rgba(0,0,0,.5)}
.cart-drawer.open{transform:translateX(0)}
.cart-drawer__head{display:flex;align-items:center;gap:12px;padding:22px 24px;border-bottom:1px solid #eef1f6}
.cart-drawer__head h3{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:900;color:var(--dark-navy);letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.cart-drawer__head h3 i{color:var(--primary-red)}
.cart-drawer__count{background:#fef2f2;color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;padding:4px 9px;border-radius:999px;margin-left:auto}
.cart-close{width:34px;height:34px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .35s ease}
.cart-close:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:rotate(90deg)}
.cart-items{flex:1;overflow-y:auto;padding:18px 24px;display:flex;flex-direction:column;gap:14px}
.cart-items::-webkit-scrollbar{width:5px}
.cart-items::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:99px}
.cart-item{display:grid;grid-template-columns:70px 1fr;gap:14px;border:1px solid #eef1f6;border-radius:14px;padding:12px;position:relative;animation:fadeUp .4s ease both}
.cart-item__img{width:70px;height:70px;border-radius:10px;background-size:cover;background-position:center;background-color:#f8fafc}
.cart-item__title{font-size:.78rem;font-weight:600;color:#374151;line-height:1.35;margin-bottom:6px;padding-right:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cart-item__price{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red)}
.cart-item__qty{display:inline-flex;align-items:center;gap:0;border:1px solid #e5e7eb;border-radius:9px;overflow:hidden;margin-top:8px}
.cart-item__qty button{width:28px;height:28px;border:none;background:#fff;cursor:pointer;color:#64748b;font-size:.65rem;transition:all .3s ease}
.cart-item__qty button:hover{background:#fef2f2;color:var(--primary-red)}
.cart-item__qty span{width:32px;text-align:center;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;color:var(--dark-navy)}
.cart-item__remove{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;border:none;background:#f8fafc;color:#94a3b8;cursor:pointer;font-size:.65rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.cart-item__remove:hover{background:#fef2f2;color:var(--primary-red)}
.cart-empty{text-align:center;padding:50px 10px;color:var(--text-gray)}
.cart-empty i{font-size:2.4rem;color:#e2e8f0;margin-bottom:16px;display:block}
.cart-empty b{display:block;font-family:'Montserrat',sans-serif;color:var(--dark-navy);font-size:.95rem;margin-bottom:6px}
.cart-empty span{font-size:.8rem}
.cart-drawer__foot{border-top:1px solid #eef1f6;padding:20px 24px 24px;background:#fafbfc}
.cart-line{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-gray);font-weight:600;margin-bottom:9px}
.cart-line.total{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--dark-navy);padding-top:12px;border-top:1px dashed #e2e8f0;margin-bottom:16px}
.cart-line.total span:last-child{color:var(--primary-red)}
.cart-checkout{width:100%;height:52px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 14px 30px -12px rgba(211,47,47,.8)}
.cart-checkout:hover{transform:translateY(-3px);box-shadow:0 20px 40px -12px rgba(211,47,47,.95)}

/* ============ STICKY BUY BAR ============ */
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid #eef1f6;box-shadow:0 -14px 40px -22px rgba(15,23,42,.35);transform:translateY(110%);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.sticky-buy.show{transform:translateY(0)}
.sticky-buy__inner{display:flex;align-items:center;gap:18px;padding:12px 0}
.sticky-buy__img{width:52px;height:52px;border-radius:11px;background-size:cover;background-position:center;background-color:#f8fafc;flex-shrink:0;border:1px solid #eef1f6}
.sticky-buy__txt{min-width:0;flex:1}
.sticky-buy__txt h4{font-size:.82rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-buy__txt span{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:900;color:var(--primary-red)}
.sticky-buy__actions{display:flex;gap:10px;flex-shrink:0}
.sticky-buy__actions .btn{height:48px;padding:0 24px;font-size:.7rem}

/* ============ FOOTER ============ */
.site-footer{background:#fff;border-top:1px solid #eef1f6;position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--hover-red) 25%,var(--dark-navy) 50%,var(--hover-red) 75%,var(--primary-red) 100%);background-size:200% 100%;animation:footerBarSlide 6s linear infinite}
@keyframes footerBarSlide{to{background-position:200% 0}}
.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;padding:64px 0 50px}
.footer-col__title{font-family:'Montserrat',sans-serif;font-size:.8rem;font-weight:900;color:var(--dark-navy);letter-spacing:2.4px;text-transform:uppercase;margin-bottom:22px;position:relative;display:inline-block;padding-bottom:12px}
.footer-col__title::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--hover-red));border-radius:2px}
.footer-about__logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.footer-about__logo-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;box-shadow:0 10px 22px -8px rgba(211,47,47,.6)}
.footer-about__logo-txt h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.3rem;color:var(--dark-navy);line-height:1;letter-spacing:-.02em}
.footer-about__logo-txt h3 span{color:var(--primary-red)}
.footer-about__logo-txt small{display:block;font-size:.58rem;font-weight:700;color:var(--text-gray);letter-spacing:2px;text-transform:uppercase;margin-top:4px}
.footer-about__desc{font-size:.84rem;color:var(--text-gray);line-height:1.7;margin-bottom:20px;max-width:330px}
.footer-about__desc b{color:var(--dark-navy);font-weight:700}
.footer-about__social{display:flex;gap:10px}
.footer-social{width:38px;height:38px;border-radius:11px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.88rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid #eef1f6}
.footer-social:hover{transform:translateY(-4px) rotate(-6deg);color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary-red),var(--hover-red))}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-link{display:inline-flex;align-items:center;gap:10px;font-size:.84rem;color:var(--text-gray);font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);width:fit-content}
.footer-link i{font-size:.58rem;color:var(--primary-red);opacity:0;transition:all .35s ease}
.footer-link:hover{color:var(--primary-red);transform:translateX(8px)}
.footer-link:hover i{opacity:1}
.footer-contact-item{display:flex;align-items:flex-start;gap:12px;padding:11px 13px;background:#fafafa;border:1px solid #eef1f6;border-radius:12px;margin-bottom:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.footer-contact-item:hover{background:#fff;border-color:rgba(211,47,47,.3);transform:translateY(-3px)}
.footer-contact-item__icon{width:36px;height:36px;border-radius:10px;background:#fef2f2;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0}
.footer-contact-item__txt b{display:block;font-size:.68rem;font-weight:800;color:var(--dark-navy);letter-spacing:.4px;margin-bottom:2px;text-transform:uppercase}
.footer-contact-item__txt span,.footer-contact-item__txt a{font-size:.8rem;color:var(--text-gray);font-weight:500}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:22px 0;border-top:1px solid #eef1f6;font-size:.76rem;color:var(--text-gray)}
.footer-bottom b{color:var(--dark-navy);font-weight:800}
.footer-bottom span{color:var(--primary-red)}

/* ============ FLOATING ============ */
.toast-cart{position:fixed;bottom:100px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.88rem;box-shadow:0 20px 40px -10px rgba(22,163,74,.5);display:flex;align-items:center;gap:10px;z-index:999;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1);max-width:calc(100vw - 40px)}
.toast-cart.show{opacity:1;transform:translateY(0) scale(1)}
.toast-cart--wish{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 20px 40px -10px rgba(211,47,47,.5)}
.wa-float{position:fixed;right:20px;bottom:22px;z-index:99;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C7E);display:grid;place-items:center;box-shadow:0 14px 32px -10px rgba(18,140,126,.9);animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:29px;height:29px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 16px rgba(37,211,102,0)}}
.back-to-top{position:fixed;left:20px;bottom:22px;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:98;box-shadow:0 14px 32px -10px rgba(211,47,47,.7);opacity:0;transform:translateY(20px) scale(.85);pointer-events:none;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.back-to-top.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.back-to-top:hover{transform:translateY(-4px) scale(1.08)}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(15,23,42,.94);z-index:300;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease;padding:30px}
.lightbox.open{opacity:1;pointer-events:auto}
.lightbox img{max-width:92vw;max-height:88vh;border-radius:14px;object-fit:contain;box-shadow:0 40px 90px -30px rgba(0,0,0,.9);transform:scale(.94);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.lightbox.open img{transform:scale(1)}
.lightbox__close{position:absolute;top:24px;right:26px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .35s ease;backdrop-filter:blur(10px)}
.lightbox__close:hover{background:var(--primary-red);border-color:var(--primary-red);transform:rotate(90deg)}

/* ============ RESPONSIVE ============ */
@media (max-width:1180px){
  .pd-grid{gap:36px}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
  .pd-trust{grid-template-columns:repeat(2,1fr)}
  .pd-trust__item:nth-child(2){border-right:none}
  .pd-trust__item:nth-child(1),.pd-trust__item:nth-child(2){border-bottom:1px solid #eef1f6}
  .footer-main{grid-template-columns:1.3fr 1fr 1fr;gap:34px}
  .footer-col:last-child{grid-column:1/-1}
}
@media (max-width:1024px){
  .pd-grid{grid-template-columns:1fr}
  .pd-gallery{position:static}
  .pd-stage{cursor:default}
  .pd-zoom-hint{display:none}
  .pd-tabs-wrap{margin-top:56px}
  .rv-summary{grid-template-columns:1fr;gap:24px;text-align:center}
  .rv-list{grid-template-columns:1fr}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .header-content{flex-direction:column;gap:16px}
  .header-search{width:100%;max-width:100%}
  .header-icons{width:100%;justify-content:space-around}
  .pd-fitment__row{grid-template-columns:1fr 1fr;gap:10px}
  .pd-fit-btn{grid-column:1/-1;justify-content:center}
  .sticky-buy__txt{display:none}
  .sticky-buy__actions{flex:1}
  .sticky-buy__actions .btn{flex:1}
}
@media (max-width:768px){
  .pd-section{padding:16px 0 60px}
  .pd-title{font-size:1.35rem}
  .pd-price{font-size:1.7rem}
  .pd-features{grid-template-columns:1fr}
  .pd-buy-row{flex-direction:column;align-items:stretch}
  .pd-qty{align-self:flex-start;height:50px}
  .pd-actions{flex-direction:column}
  .btn{height:52px}
  .pd-tab-btns{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
  .pd-tab-btns::-webkit-scrollbar{display:none}
  .pd-tab-btn{padding:13px 16px;font-size:.72rem}
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .recent-track{grid-auto-columns:230px}
  .related,.recent{padding:56px 0 60px}
  .footer-main{grid-template-columns:1fr;gap:34px;padding:48px 0 40px}
  .footer-col:last-child{grid-column:auto}
  .pd-thumb{width:68px;height:68px}
  .cart-drawer{width:100%;max-width:100%}
}
@media (max-width:520px){
  .brand-text h1{font-size:1.4rem}
  .logo-icon{width:44px;height:44px;font-size:1.3rem}
  .ticker-item{font-size:.78rem}
  .pd-price{font-size:1.5rem}
  .pd-price-box{padding:16px 16px}
  .pd-fitment{padding:15px 15px}
  .pd-fitment__row{grid-template-columns:1fr}
  .pd-trust{grid-template-columns:1fr}
  .pd-trust__item{border-right:none;border-bottom:1px solid #eef1f6}
  .pd-trust__item:last-child{border-bottom:none}
  .prod-grid{grid-template-columns:1fr;gap:16px}
  .wa-float{width:50px;height:50px;right:14px;bottom:16px}
  .wa-float svg{width:25px;height:25px}
  .back-to-top{width:44px;height:44px;left:14px;bottom:16px}
  .toast-cart{right:14px;bottom:80px;font-size:.8rem;padding:12px 16px}
  .sticky-buy__img{width:44px;height:44px}
  .rv-summary{padding:22px 18px}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .pd-stage.zooming img{transform:none}
}

:root{--primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;--white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;--star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,0.08);--shadow-red:rgba(211,47,47,0.3)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:#fff;color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit}
img{display:block;max-width:100%}

/* ============ TICKER ============ */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ HEADER ============ */
header{background:#fff;padding:16px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:26px}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer;flex-shrink:0}
.logo-icon{background:var(--primary-red);color:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.5rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.55rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.62rem;letter-spacing:2.2px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-search{flex-grow:1;max-width:560px}
.search-box{display:flex;background:var(--off-white);border-radius:50px;overflow:hidden;height:50px;align-items:center;padding:5px;border:2px solid var(--light-gray);transition:all .4s ease}
.search-box:focus-within{background:#fff;border-color:var(--primary-red);box-shadow:0 0 22px var(--shadow-red)}
.header-input{border:none;flex-grow:1;padding:0 18px;font-size:.9rem;outline:none;background:transparent}
.header-input::placeholder{color:#94a3b8}
.header-search-btn{background:var(--primary-red);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}
.header-search-btn:hover{background:var(--hover-red);transform:scale(1.1) rotate(15deg)}
.header-icons{display:flex;align-items:center;gap:20px}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px;background:none;border:none;color:var(--text-dark)}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.35rem}
.badge{position:absolute;top:-4px;right:-6px;background:var(--primary-red);color:#fff;font-size:.62rem;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;animation:pulseBadge 2s infinite}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.icon-group.bump .badge{animation:bumpBadge .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes bumpBadge{0%{transform:scale(1)}50%{transform:scale(1.6)}100%{transform:scale(1)}}

/* ============ BREADCRUMB ============ */
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:22px 0 6px;font-size:.78rem;font-weight:500;color:var(--text-gray)}
.breadcrumb a{transition:color .3s ease}
.breadcrumb a:hover{color:var(--primary-red)}
.breadcrumb i{font-size:.55rem;color:#cbd5e1}
.breadcrumb span{color:var(--dark-navy);font-weight:700;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ============ PRODUCT LAYOUT ============ */
.product-page{padding-bottom:20px}
.pg-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;padding:26px 0 60px;align-items:start}

/* ---- GALLERY ---- */
.pg-gallery{display:grid;grid-template-columns:88px 1fr;gap:16px;position:sticky;top:110px}
.pg-thumbs{display:flex;flex-direction:column;gap:12px}
.pg-thumb{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid #eef1f6;background:#f8fafc;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);padding:0}
.pg-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.pg-thumb:hover{border-color:rgba(211,47,47,.5);transform:translateY(-3px)}
.pg-thumb:hover img{transform:scale(1.1)}
.pg-thumb.active{border-color:var(--primary-red);box-shadow:0 10px 24px -12px rgba(211,47,47,.6)}
.pg-thumb.active::after{content:"";position:absolute;inset:0;border-radius:10px;box-shadow:inset 0 0 0 2px rgba(211,47,47,.35)}
.pg-zoom-wrap{position:relative}
.pg-badges{position:absolute;top:16px;left:16px;z-index:6;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.pg-badge{font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:.6px;text-transform:uppercase;padding:7px 12px;border-radius:9px;color:#fff;display:inline-flex;align-items:center;gap:6px;box-shadow:0 10px 22px -10px rgba(0,0,0,.5);width:fit-content}
.pg-badge--sale{background:linear-gradient(135deg,#FF6B6B,var(--primary-red))}
.pg-badge--free{background:linear-gradient(135deg,#16a34a,#0f7a35)}
.pg-zoom{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;background:#f8fafc;border:1px solid #eef1f6;cursor:crosshair;box-shadow:0 24px 60px -34px rgba(15,23,42,.35)}
.pg-zoom img{width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;transition:transform .45s cubic-bezier(.19,1,.22,1);will-change:transform;user-select:none;-webkit-user-drag:none}
.pg-zoom.is-zoomed{cursor:zoom-out}
.pg-zoom.is-zoomed img{transform:scale(2.4)}
.pg-zoom-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(15,23,42,.78);color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.4px;padding:8px 16px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(10px);pointer-events:none;transition:opacity .35s ease,transform .35s ease;z-index:5}
.pg-zoom-hint i{color:#FF8B94;font-size:.72rem}
.pg-zoom.is-zoomed .pg-zoom-hint{opacity:0;transform:translateX(-50%) translateY(10px)}
.pg-zoom::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 50% 0%,rgba(211,47,47,.06),transparent 70%);pointer-events:none;opacity:0;transition:opacity .4s ease}
.pg-zoom:hover::after{opacity:1}

/* ---- INFO ---- */
.pg-info{padding-top:4px}
.pg-brand-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.pg-chip{display:inline-flex;align-items:center;gap:7px;font-size:.66rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:6px 13px;border-radius:999px;font-family:'Montserrat',sans-serif}
.pg-chip--red{background:#fef2f2;color:var(--primary-red);border:1px solid rgba(211,47,47,.25)}
.pg-chip--navy{background:#f1f5f9;color:var(--dark-navy);border:1px solid #e2e8f0}
.pg-chip--green{background:#f0fdf4;color:var(--green);border:1px solid rgba(22,163,74,.25)}
.pg-title{font-family:'Montserrat',sans-serif;font-size:clamp(1.4rem,2.5vw,2.05rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.025em;margin-bottom:16px}
.pg-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;font-size:.76rem;font-weight:600;color:var(--text-gray);padding-bottom:20px;border-bottom:1px solid #eef1f6;margin-bottom:22px}
.pg-stars{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:#d1d5db}
.pg-stars .filled{color:var(--star-gold)}
.pg-stars b{color:var(--dark-navy);font-weight:800;margin-left:5px;font-size:.8rem}
.pg-stars a{color:var(--primary-red);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pg-meta-item{display:inline-flex;align-items:center;gap:6px}
.pg-meta-item i{color:var(--primary-red);font-size:.72rem}
.pg-price-box{display:flex;align-items:center;flex-wrap:wrap;gap:14px;background:linear-gradient(135deg,#fff5f5,#fff);border:1px solid rgba(211,47,47,.16);border-left:4px solid var(--primary-red);border-radius:16px;padding:20px 24px;margin-bottom:22px;position:relative;overflow:hidden}
.pg-price-box::after{content:"";position:absolute;right:-50px;top:-50px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(211,47,47,.09),transparent 70%)}
.pg-price{font-family:'Montserrat',sans-serif;font-size:2.15rem;font-weight:900;color:var(--primary-red);letter-spacing:-.03em;line-height:1}
.pg-old{font-size:1.05rem;color:#94a3b8;text-decoration:line-through;font-weight:600}
.pg-save{background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:7px 13px;border-radius:999px;margin-left:auto;box-shadow:0 10px 20px -10px rgba(22,163,74,.7);z-index:1}
.pg-short{font-size:.92rem;color:#475569;line-height:1.75;margin-bottom:22px}
.pg-short b{color:var(--dark-navy);font-weight:700}

/* fitment */
.pg-fitment{background:#f8fafc;border:1px solid #eef1f6;border-radius:16px;padding:18px 20px;margin-bottom:22px}
.pg-fitment__head{display:flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--dark-navy);margin-bottom:14px}
.pg-fitment__head i{color:var(--primary-red)}
.pg-fitment__row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px}
.pg-fitment select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 30px 12px 13px;border:1.5px solid var(--light-gray);border-radius:11px;background:#fff;font-size:.8rem;font-weight:600;color:var(--dark-navy);cursor:pointer;outline:none;transition:all .25s ease;font-family:'Poppins',sans-serif}
.pg-fitment select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.1)}
.pg-fitment select:invalid{color:#93a2b8}
.pg-fitment__field{position:relative}
.pg-fitment__field::after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;border-right:2px solid #8895a8;border-bottom:2px solid #8895a8;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.pg-fitment__btn{border:0;cursor:pointer;background:var(--dark-navy);color:#fff;border-radius:11px;padding:12px 20px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.pg-fitment__btn:hover{background:var(--primary-red);transform:translateY(-2px)}
.pg-fitment__result{margin-top:12px;font-size:.78rem;font-weight:600;display:none;align-items:flex-start;gap:9px;line-height:1.5;padding:11px 14px;border-radius:11px}
.pg-fitment__result.show{display:flex;animation:hintPop .4s cubic-bezier(.34,1.56,.64,1)}
.pg-fitment__result i{margin-top:2px}
.pg-fitment__result.ok{background:#f0fdf4;color:#15803d;border:1px solid rgba(22,163,74,.25)}
.pg-fitment__result.no{background:#fef2f2;color:var(--hover-red);border:1px solid rgba(211,47,47,.25)}
@keyframes hintPop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* stock */
.pg-stock{margin-bottom:20px}
.pg-stock__row{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;font-weight:700;margin-bottom:8px}
.pg-stock__label{display:inline-flex;align-items:center;gap:7px;color:var(--green)}
.pg-stock__label i{font-size:.5rem;animation:blink 1.6s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
.pg-stock__count{color:var(--text-gray);font-weight:600}
.pg-stock__bar{height:7px;background:#eef1f6;border-radius:99px;overflow:hidden}
.pg-stock__fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#f59e0b,var(--primary-red));width:0;transition:width 1.2s cubic-bezier(.34,1.56,.64,1)}

/* qty + actions */
.pg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.qty{display:flex;align-items:center;border:1.5px solid var(--light-gray);border-radius:14px;overflow:hidden;height:56px;background:#fff;transition:border-color .3s ease}
.qty:focus-within{border-color:var(--primary-red)}
.qty button{width:48px;height:100%;border:none;background:transparent;cursor:pointer;font-size:.95rem;color:var(--dark-navy);transition:all .3s ease;display:flex;align-items:center;justify-content:center}
.qty button:hover{background:#fef2f2;color:var(--primary-red)}
.qty button:disabled{opacity:.3;cursor:not-allowed;background:transparent;color:var(--text-gray)}
.qty input{width:52px;height:100%;border:none;text-align:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:1rem;color:var(--dark-navy);outline:none;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:1.3px;text-transform:uppercase;border-radius:14px;padding:0 26px;height:56px;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.btn i{font-size:.85rem}
.btn--cart{background:var(--dark-navy);color:#fff;flex:1;min-width:170px}
.btn--cart:hover{background:var(--medium-navy);transform:translateY(-3px);box-shadow:0 18px 34px -14px rgba(15,23,42,.7)}
.btn--buy{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;flex:1;min-width:170px;box-shadow:0 14px 30px -12px rgba(211,47,47,.8)}
.btn--buy:hover{transform:translateY(-3px);box-shadow:0 20px 40px -14px rgba(211,47,47,.95)}
.btn--buy::before,.btn--cart::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:left .65s ease}
.btn--buy:hover::before,.btn--cart:hover::before{left:100%}
.btn--wish{width:56px;padding:0;background:#fff;border:1.5px solid var(--light-gray);color:#64748b;flex:0 0 auto}
.btn--wish:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-3px)}
.btn--wish.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.btn--wish.active i{animation:heartPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1)}}
.btn--share{width:56px;padding:0;background:#fff;border:1.5px solid var(--light-gray);color:#64748b;flex:0 0 auto}
.btn--share:hover{border-color:var(--dark-navy);color:var(--dark-navy);transform:translateY(-3px)}

/* delivery */
.pg-delivery{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:14px 18px;margin-bottom:22px}
.pg-delivery i{color:var(--primary-red);font-size:1.1rem}
.pg-delivery p{font-size:.8rem;color:var(--text-gray);line-height:1.5}
.pg-delivery b{color:var(--dark-navy);font-weight:700}

/* trust */
.pg-trust{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}
.pg-trust__item{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #eef1f6;border-radius:13px;transition:all .4s cubic-bezier(.34,1.56,.64,1);background:#fff}
.pg-trust__item:hover{border-color:rgba(211,47,47,.3);transform:translateY(-3px);box-shadow:0 14px 28px -18px rgba(211,47,47,.45)}
.pg-trust__icon{width:38px;height:38px;border-radius:11px;background:#fef2f2;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;border:1px solid rgba(211,47,47,.15);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.pg-trust__item:hover .pg-trust__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08);border-color:transparent}
.pg-trust__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;color:var(--dark-navy);margin-bottom:2px}
.pg-trust__txt span{font-size:.67rem;color:var(--text-gray);font-weight:500}

/* payment strip */
.pg-pay{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #eef1f6}
.pg-pay__label{font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;color:var(--text-gray);letter-spacing:1.4px;text-transform:uppercase}
.pg-pay span.pay{height:34px;padding:0 12px;border:1.5px solid #eef1f6;border-radius:9px;display:inline-flex;align-items:center;gap:7px;font-family:'Montserrat',sans-serif;font-size:.64rem;font-weight:800;color:var(--dark-navy);transition:all .35s ease}
.pg-pay span.pay i{color:var(--primary-red);font-size:.8rem}
.pg-pay span.pay:hover{border-color:rgba(211,47,47,.4);transform:translateY(-3px)}

/* ============ STICKY BUY BAR ============ */
.sticky-bar{position:fixed;left:0;right:0;top:0;z-index:99;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid #eef1f6;box-shadow:0 10px 34px -22px rgba(15,23,42,.4);transform:translateY(-110%);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.sticky-bar.show{transform:translateY(0)}
.sticky-bar__inner{display:flex;align-items:center;gap:18px;padding:12px 0}
.sticky-bar__img{width:52px;height:52px;border-radius:11px;background-size:cover;background-position:center;border:1px solid #eef1f6;flex-shrink:0}
.sticky-bar__txt{flex:1;min-width:0}
.sticky-bar__txt h4{font-family:'Montserrat',sans-serif;font-size:.84rem;font-weight:800;color:var(--dark-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.sticky-bar__txt span{font-size:.78rem;font-weight:800;color:var(--primary-red)}
.sticky-bar__txt s{font-size:.72rem;color:#94a3b8;font-weight:500;margin-left:7px}
.sticky-bar .btn{height:46px;padding:0 22px;font-size:.7rem;flex:0 0 auto;min-width:0}

/* ============ TABS ============ */
.pg-tabs-section{background:#fff;padding:20px 0 80px}
.pg-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #eef1f6;margin-bottom:34px;position:relative}
.pg-tab{background:none;border:none;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-gray);padding:16px 22px;position:relative;transition:color .3s ease;display:inline-flex;align-items:center;gap:9px}
.pg-tab i{font-size:.8rem}
.pg-tab::after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:3px;background:var(--primary-red);border-radius:3px 3px 0 0;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.pg-tab:hover{color:var(--dark-navy)}
.pg-tab.active{color:var(--primary-red)}
.pg-tab.active::after{transform:scaleX(1)}
.pg-tab__count{background:#f1f5f9;color:var(--text-gray);font-size:.6rem;padding:2px 7px;border-radius:999px;font-weight:800}
.pg-tab.active .pg-tab__count{background:var(--primary-red);color:#fff}
.pg-panel{display:none;animation:panelIn .5s cubic-bezier(.34,1.56,.64,1)}
.pg-panel.active{display:block}
@keyframes panelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.pg-panel h3{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--dark-navy);margin-bottom:14px;letter-spacing:-.01em}
.pg-panel p{font-size:.9rem;color:#475569;line-height:1.85;margin-bottom:16px}
.pg-panel p b{color:var(--dark-navy);font-weight:700}
.pg-list{display:grid;gap:11px;margin-bottom:22px}
.pg-list li{display:flex;align-items:flex-start;gap:11px;font-size:.88rem;color:#475569;line-height:1.6}
.pg-list li i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.55rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px}
.spec-table{width:100%;border-collapse:collapse;border:1px solid #eef1f6;border-radius:16px;overflow:hidden}
.spec-table tr:nth-child(odd){background:#fafbfc}
.spec-table td{padding:15px 20px;font-size:.85rem;border-bottom:1px solid #eef1f6;vertical-align:top}
.spec-table tr:last-child td{border-bottom:none}
.spec-table td:first-child{font-family:'Montserrat',sans-serif;font-weight:800;color:var(--dark-navy);font-size:.74rem;letter-spacing:.8px;text-transform:uppercase;width:34%;white-space:nowrap}
.spec-table td:last-child{color:#475569;font-weight:500}

/* fitment table */
.fit-table{width:100%;border-collapse:collapse;border:1px solid #eef1f6;border-radius:16px;overflow:hidden}
.fit-table th{background:var(--dark-navy);color:#fff;font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;padding:14px 18px;text-align:left}
.fit-table td{padding:14px 18px;font-size:.85rem;color:#475569;border-bottom:1px solid #eef1f6}
.fit-table tr:nth-child(even) td{background:#fafbfc}
.fit-table tr:last-child td{border-bottom:none}
.fit-table .ok{color:var(--green);font-weight:700;display:inline-flex;align-items:center;gap:7px}
.fit-table .ok i{font-size:.55rem}

/* reviews */
.rev-summary{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:center;background:#f8fafc;border:1px solid #eef1f6;border-radius:18px;padding:28px 32px;margin-bottom:34px}
.rev-score{text-align:center}
.rev-score__num{font-family:'Montserrat',sans-serif;font-size:3.4rem;font-weight:900;color:var(--dark-navy);line-height:1;letter-spacing:-.04em}
.rev-score__stars{display:flex;justify-content:center;gap:4px;font-size:1rem;color:#d1d5db;margin:10px 0 8px}
.rev-score__stars .filled{color:var(--star-gold)}
.rev-score__total{font-size:.76rem;color:var(--text-gray);font-weight:600}
.rev-bars{display:grid;gap:9px}
.rev-bar{display:grid;grid-template-columns:52px 1fr 42px;align-items:center;gap:12px;font-size:.74rem;font-weight:700;color:var(--text-gray)}
.rev-bar__track{height:8px;background:#e8edf3;border-radius:99px;overflow:hidden}
.rev-bar__fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--star-gold),#f59e0b);width:0;transition:width 1.2s cubic-bezier(.34,1.56,.64,1)}
.rev-list{display:grid;gap:16px;margin-bottom:32px}
.rev-item{border:1px solid #eef1f6;border-radius:16px;padding:20px 22px;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:panelIn .5s cubic-bezier(.34,1.56,.64,1)}
.rev-item:hover{border-color:rgba(211,47,47,.28);box-shadow:0 18px 40px -28px rgba(211,47,47,.5);transform:translateY(-3px)}
.rev-item__head{display:flex;align-items:center;gap:13px;margin-bottom:12px;flex-wrap:wrap}
.rev-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.82rem;flex-shrink:0}
.rev-item__who b{display:block;font-size:.84rem;font-weight:800;color:var(--dark-navy);line-height:1.2}
.rev-item__who span{font-size:.68rem;color:var(--text-gray);font-weight:500}
.rev-item__stars{margin-left:auto;display:flex;gap:3px;font-size:.72rem;color:#d1d5db}
.rev-item__stars .filled{color:var(--star-gold)}
.rev-item__verified{display:inline-flex;align-items:center;gap:6px;font-size:.62rem;font-weight:800;color:var(--green);background:#f0fdf4;border:1px solid rgba(22,163,74,.22);padding:4px 10px;border-radius:999px;letter-spacing:.6px;text-transform:uppercase}
.rev-item__title{font-family:'Montserrat',sans-serif;font-size:.86rem;font-weight:800;color:var(--dark-navy);margin-bottom:7px}
.rev-item__body{font-size:.85rem;color:#475569;line-height:1.7}
.rev-form{background:#fff;border:1px solid #eef1f6;border-left:4px solid var(--primary-red);border-radius:18px;padding:28px 30px;box-shadow:0 20px 50px -40px rgba(15,23,42,.5)}
.rev-form h4{font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:900;color:var(--dark-navy);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:20px}
.rev-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.rev-field label{display:block;font-family:'Montserrat',sans-serif;font-size:.64rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-gray);margin-bottom:8px}
.rev-field input,.rev-field textarea{width:100%;padding:13px 16px;border:1.5px solid var(--light-gray);border-radius:12px;font-family:'Poppins',sans-serif;font-size:.85rem;color:var(--dark-navy);outline:none;transition:all .25s ease;background:#fff;resize:vertical}
.rev-field input:focus,.rev-field textarea:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.1)}
.rev-star-pick{display:flex;gap:6px;margin-bottom:18px;font-size:1.3rem;color:#d1d5db}
.rev-star-pick i{cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}
.rev-star-pick i:hover{transform:scale(1.2)}
.rev-star-pick i.on{color:var(--star-gold)}
.rev-form .btn{margin-top:6px;height:50px;font-size:.72rem}

/* ============ BUNDLE ============ */
.bundle{background:#f8fafc;border:1px solid #eef1f6;border-radius:20px;padding:30px 32px;margin:0 0 70px}
.bundle__head{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.bundle__head i{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.95rem;box-shadow:0 10px 22px -10px rgba(211,47,47,.7)}
.bundle__head h3{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:900;color:var(--dark-navy);letter-spacing:-.01em}
.bundle__head span{font-size:.74rem;color:var(--text-gray);display:block;font-weight:500;margin-top:2px}
.bundle__grid{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}
.bundle__items{display:grid;gap:14px}
.bundle__item{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid #eef1f6;border-radius:14px;padding:13px 16px;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.bundle__item:hover{border-color:rgba(211,47,47,.35);transform:translateX(4px)}
.bundle__item.checked{border-color:rgba(211,47,47,.45);background:#fffafa;box-shadow:0 12px 26px -20px rgba(211,47,47,.6)}
.bundle__check{width:22px;height:22px;border-radius:7px;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);color:transparent;font-size:.6rem}
.bundle__item.checked .bundle__check{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.bundle__img{width:52px;height:52px;border-radius:11px;background-size:cover;background-position:center;border:1px solid #eef1f6;flex-shrink:0}
.bundle__name{flex:1;font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;min-width:0}
.bundle__price{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red);white-space:nowrap}
.bundle__total{text-align:center;background:#fff;border:1px solid #eef1f6;border-radius:16px;padding:24px 28px;min-width:240px}
.bundle__total small{display:block;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-gray);margin-bottom:8px}
.bundle__total b{display:block;font-family:'Montserrat',sans-serif;font-size:1.85rem;font-weight:900;color:var(--dark-navy);letter-spacing:-.03em;line-height:1;margin-bottom:6px}
.bundle__total s{font-size:.82rem;color:#94a3b8;font-weight:600}
.bundle__total .btn{width:100%;height:50px;margin-top:18px;font-size:.7rem}

/* ============ RELATED ============ */
.related{padding:0 0 90px;background:#fff}
.sec-head{text-align:center;margin-bottom:44px}
.sec-kicker{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.sec-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(211,47,47,.6)}70%{box-shadow:0 0 0 12px rgba(211,47,47,0)}100%{box-shadow:0 0 0 0 rgba(211,47,47,0)}}
.sec-kicker i{font-size:.78rem;animation:spin 3s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.sec-title{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:12px}
.sec-title span{color:var(--primary-red)}
.sec-sub{color:var(--text-gray);font-size:.92rem;max-width:560px;margin:0 auto;line-height:1.7}
.sec-sub b{color:var(--dark-navy);font-weight:700}
.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.p-card{background:#fff;border:1px solid #eef1f6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(30px)}
.p-card.revealed{opacity:1;transform:translateY(0)}
.p-card:hover{border-color:rgba(211,47,47,.4);transform:translateY(-8px);box-shadow:0 30px 55px -28px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.p-card__img-wrap{position:relative;aspect-ratio:1.15/1;background:#f8fafc;overflow:hidden}
.p-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.p-card:hover .p-card__img{transform:scale(1.14) rotate(-1deg)}
.p-card__off{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.56rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:3;box-shadow:0 8px 18px -6px rgba(211,47,47,.7);letter-spacing:.5px}
.p-card__free{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.54rem;font-weight:900;padding:6px 9px;border-radius:8px;z-index:3;text-transform:uppercase;letter-spacing:.5px}
.p-card__quick{position:absolute;bottom:12px;right:12px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;z-index:3;opacity:0;transform:translateY(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.p-card:hover .p-card__quick{opacity:1;transform:translateY(0) scale(1)}
.p-card__quick:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.15) rotate(-10deg) !important}
.p-card__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.p-card__cat{font-family:'Montserrat',sans-serif;font-size:.54rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:6px}
.p-card__cat::before{content:"";width:12px;height:2px;background:var(--primary-red);border-radius:2px}
.p-card__title{font-size:.84rem;font-weight:600;color:#374151;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;transition:color .3s ease;cursor:pointer}
.p-card:hover .p-card__title{color:var(--primary-red)}
.p-card__stars{display:flex;align-items:center;gap:3px;font-size:.66rem;color:#d1d5db}
.p-card__stars .filled{color:var(--star-gold)}
.p-card__stars span{color:var(--text-gray);font-size:.64rem;margin-left:5px;font-weight:500}
.p-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #f1f5f9}
.p-card__price{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.p-card__old{font-size:.72rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.p-card__btn{margin-top:10px;width:100%;height:42px;border:none;border-radius:11px;background:var(--dark-navy);color:#fff;font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.p-card__btn:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(211,47,47,.8)}

/* ============ FOOTER ============ */
.site-footer{background:var(--dark-navy);color:#94a3b8;position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--hover-red) 25%,#fff 50%,var(--hover-red) 75%,var(--primary-red) 100%);background-size:200% 100%;animation:footerBar 6s linear infinite}
@keyframes footerBar{to{background-position:200% 0}}
.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;padding:64px 0 44px}
.f-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.f-logo__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;box-shadow:0 10px 22px -8px rgba(211,47,47,.7);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.f-logo:hover .f-logo__icon{transform:rotate(15deg) scale(1.08)}
.f-logo h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.3rem;color:#fff;line-height:1;letter-spacing:-.02em}
.f-logo h3 span{color:var(--primary-red)}
.f-logo small{display:block;font-size:.58rem;font-weight:700;color:#64748b;letter-spacing:2px;text-transform:uppercase;margin-top:4px}
.f-desc{font-size:.84rem;line-height:1.75;margin-bottom:20px;max-width:330px}
.f-desc b{color:#e2e8f0;font-weight:700}
.f-social{display:flex;gap:10px}
.f-social a{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.06);color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.08)}
.f-social a:hover{transform:translateY(-4px) rotate(-6deg);color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary-red),var(--hover-red))}
.f-col h4{font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:900;color:#fff;letter-spacing:2.4px;text-transform:uppercase;margin-bottom:22px;position:relative;padding-bottom:12px}
.f-col h4::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--hover-red));border-radius:2px}
.f-links{display:flex;flex-direction:column;gap:12px}
.f-links a{font-size:.84rem;color:#94a3b8;font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:9px;width:fit-content}
.f-links a i{font-size:.55rem;color:var(--primary-red);opacity:0;transition:all .35s ease}
.f-links a:hover{color:#fff;transform:translateX(6px)}
.f-links a:hover i{opacity:1}
.f-contact{display:flex;flex-direction:column;gap:14px}
.f-contact__item{display:flex;align-items:flex-start;gap:12px}
.f-contact__icon{width:36px;height:36px;border-radius:10px;background:rgba(211,47,47,.14);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0;border:1px solid rgba(211,47,47,.24)}
.f-contact__txt b{display:block;font-size:.68rem;font-weight:800;color:#e2e8f0;letter-spacing:.6px;text-transform:uppercase;margin-bottom:3px}
.f-contact__txt span,.f-contact__txt a{font-size:.82rem;color:#94a3b8;transition:color .3s ease}
.f-contact__txt a:hover{color:var(--primary-red)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:22px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:.78rem}
.footer-bottom b{color:#e2e8f0;font-weight:800}
.footer-bottom span{color:var(--primary-red)}
.footer-bottom .made{display:inline-flex;align-items:center;gap:8px;font-size:.72rem}
.footer-bottom .made i{color:var(--primary-red);animation:heartBeat 1.6s ease-in-out infinite}
@keyframes heartBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}

/* ============ CART DRAWER ============ */
.drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;transition:opacity .4s ease}
.drawer-overlay.show{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:92vw;background:#fff;z-index:201;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .5s cubic-bezier(.34,1.56,.64,1);box-shadow:-30px 0 70px -30px rgba(15,23,42,.6)}
.cart-drawer.show{transform:translateX(0)}
.cart-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #eef1f6;background:#fff}
.cart-drawer__head h3{font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:900;color:var(--dark-navy);letter-spacing:1.6px;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.cart-drawer__head h3 i{color:var(--primary-red)}
.cart-drawer__head span{background:var(--primary-red);color:#fff;font-size:.62rem;font-weight:800;padding:3px 9px;border-radius:999px}
.cart-close{width:38px;height:38px;border-radius:11px;border:1.5px solid #eef1f6;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.85rem}
.cart-close:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:rotate(90deg)}
.cart-drawer__body{flex:1;overflow-y:auto;padding:18px 24px;display:flex;flex-direction:column;gap:14px}
.cart-drawer__body::-webkit-scrollbar{width:6px}
.cart-drawer__body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:9px}
.cart-empty{text-align:center;padding:60px 20px;color:var(--text-gray)}
.cart-empty i{font-size:3rem;color:#e2e8f0;margin-bottom:18px;display:block}
.cart-empty b{display:block;font-family:'Montserrat',sans-serif;font-size:.95rem;color:var(--dark-navy);margin-bottom:8px;font-weight:800}
.cart-empty p{font-size:.82rem;line-height:1.6}
.cart-item{display:grid;grid-template-columns:74px 1fr auto;gap:14px;padding:14px;border:1px solid #eef1f6;border-radius:14px;transition:all .35s ease;animation:panelIn .4s cubic-bezier(.34,1.56,.64,1)}
.cart-item:hover{border-color:rgba(211,47,47,.3);box-shadow:0 14px 30px -24px rgba(211,47,47,.6)}
.cart-item__img{width:74px;height:74px;border-radius:11px;background-size:cover;background-position:center;border:1px solid #eef1f6}
.cart-item__info{min-width:0;display:flex;flex-direction:column;gap:6px}
.cart-item__title{font-size:.78rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cart-item__price{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red)}
.cart-item__qty{display:inline-flex;align-items:center;border:1.5px solid #eef1f6;border-radius:9px;overflow:hidden;width:fit-content}
.cart-item__qty button{width:28px;height:28px;border:none;background:#fff;cursor:pointer;color:var(--dark-navy);font-size:.7rem;transition:all .3s ease}
.cart-item__qty button:hover{background:#fef2f2;color:var(--primary-red)}
.cart-item__qty span{width:32px;text-align:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.78rem;color:var(--dark-navy)}
.cart-item__right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}
.cart-item__total{font-family:'Montserrat',sans-serif;font-size:.86rem;font-weight:900;color:var(--dark-navy);white-space:nowrap}
.cart-item__del{border:none;background:none;color:#cbd5e1;cursor:pointer;font-size:.8rem;transition:all .3s ease;padding:4px}
.cart-item__del:hover{color:var(--primary-red);transform:scale(1.15)}
.cart-drawer__foot{border-top:1px solid #eef1f6;padding:20px 24px 24px;background:#fafbfc}
.cart-line{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:600;color:var(--text-gray);margin-bottom:10px}
.cart-line.total{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--dark-navy);padding-top:12px;border-top:1px dashed #dbe3ec;margin-top:12px;margin-bottom:16px}
.cart-line.total span:last-child{color:var(--primary-red)}
.cart-free-note{background:#f0fdf4;border:1px solid rgba(22,163,74,.22);color:#15803d;font-size:.72rem;font-weight:600;padding:10px 14px;border-radius:11px;display:flex;align-items:center;gap:9px;margin-bottom:14px;line-height:1.4}
.cart-drawer__foot .btn{width:100%;height:52px;font-size:.74rem}

/* ============ LIGHTBOX ============ */
.lightbox{position:fixed;inset:0;background:rgba(8,12,24,.96);z-index:300;display:none;align-items:center;justify-content:center;padding:40px 20px;backdrop-filter:blur(6px)}
.lightbox.show{display:flex;animation:panelIn .35s ease}
.lb-stage{position:relative;width:min(880px,92vw);max-height:84vh;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#0f172a;cursor:crosshair;box-shadow:0 50px 100px -40px rgba(0,0,0,.9)}
.lb-stage img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease;transform-origin:50% 50%;user-select:none}
.lb-stage.zoomed img{transform:scale(2.6);transition:transform .12s linear}
.lb-close{position:absolute;top:22px;right:26px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:5}
.lb-close:hover{background:var(--primary-red);border-color:var(--primary-red);transform:rotate(90deg) scale(1.08)}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:5}
.lb-nav:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-50%) scale(1.12)}
.lb-nav--prev{left:22px}
.lb-nav--next{right:22px}
.lb-thumbs{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5;background:rgba(15,23,42,.6);padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.lb-thumb{width:46px;height:46px;border-radius:9px;background-size:cover;background-position:center;cursor:pointer;border:2px solid transparent;opacity:.55;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.lb-thumb:hover{opacity:1;transform:translateY(-3px)}
.lb-thumb.active{border-color:var(--primary-red);opacity:1}
.lb-hint{position:absolute;top:22px;left:26px;color:rgba(255,255,255,.6);font-size:.72rem;font-weight:600;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}
.lb-hint i{color:#FF8B94}

/* ============ TOAST ============ */
.toast-cart{position:fixed;bottom:28px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:15px 24px;border-radius:13px;font-weight:600;font-size:.88rem;box-shadow:0 22px 45px -12px rgba(22,163,74,.6);display:flex;align-items:center;gap:11px;z-index:400;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1);max-width:calc(100vw - 40px)}
.toast-cart.show{opacity:1;transform:translateY(0) scale(1)}
.toast-cart--red{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 22px 45px -12px rgba(211,47,47,.65)}
.toast-cart--navy{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));box-shadow:0 22px 45px -12px rgba(15,23,42,.7)}

/* ============ RESPONSIVE ============ */
@media (max-width:1180px){
  .pg-grid{gap:38px}
  .rel-grid{grid-template-columns:repeat(3,1fr)}
  .footer-main{grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:32px}
}
@media (max-width:1024px){
  .pg-grid{grid-template-columns:1fr;gap:36px}
  .pg-gallery{position:static;grid-template-columns:78px 1fr}
  .rel-grid{grid-template-columns:repeat(2,1fr)}
  .bundle__grid{grid-template-columns:1fr;gap:24px}
  .bundle__total{min-width:0}
  .rev-summary{grid-template-columns:1fr;gap:26px;padding:24px}
  .footer-main{grid-template-columns:1fr 1fr;gap:36px}
}
@media (max-width:768px){
  .header-content{flex-direction:column;gap:14px}
  .header-search{width:100%;max-width:100%}
  .header-icons{width:100%;justify-content:space-around}
  .pg-gallery{grid-template-columns:1fr}
  .pg-thumbs{flex-direction:row;order:2;overflow-x:auto;padding-bottom:6px}
  .pg-thumb{width:74px;flex:0 0 74px}
  .pg-zoom-wrap{order:1}
  .pg-title{font-size:1.35rem}
  .pg-price{font-size:1.75rem}
  .pg-fitment__row{grid-template-columns:1fr 1fr}
  .pg-fitment__btn{grid-column:1/-1}
  .pg-actions{gap:10px}
  .btn--cart,.btn--buy{min-width:0;flex:1 1 calc(50% - 5px);padding:0 14px;font-size:.7rem;letter-spacing:.8px}
  .btn--wish,.btn--share{width:52px;flex:0 0 52px}
  .qty{order:-1;width:100%;justify-content:space-between;height:52px}
  .qty input{flex:1}
  .pg-trust{grid-template-columns:1fr}
  .pg-tab{padding:14px 14px;font-size:.68rem}
  .pg-tab::after{left:14px;right:14px}
  .spec-table td:first-child{width:42%;font-size:.68rem}
  .rev-form__row{grid-template-columns:1fr}
  .sticky-bar__img{display:none}
  .sticky-bar .btn{padding:0 16px;font-size:.64rem;letter-spacing:.8px}
  .sticky-bar__txt h4{font-size:.76rem}
  .bundle{padding:24px 20px}
  .rev-item__stars{margin-left:0}
  .footer-main{grid-template-columns:1fr;gap:32px;padding:48px 0 34px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:520px){
  .ticker-item{font-size:.78rem}
  .brand-text h1{font-size:1.3rem}
  .logo-icon{width:44px;height:44px;font-size:1.25rem}
  .rel-grid{grid-template-columns:1fr}
  .pg-price-box{padding:16px 18px;gap:10px}
  .pg-save{margin-left:0}
  .pg-badge{font-size:.56rem;padding:6px 10px}
  .pg-zoom-hint{font-size:.6rem;padding:7px 12px;bottom:12px;text-align:center;white-space:nowrap}
  .lb-thumbs{display:none}
  .lb-nav{width:42px;height:42px}
  .lb-nav--prev{left:10px}
  .lb-nav--next{right:10px}
  .toast-cart{right:14px;bottom:16px;font-size:.8rem;padding:13px 18px}
  .sec-title{font-size:1.5rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .p-card{opacity:1;transform:none}
}

:root{--primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;--white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;--star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,0.08);--shadow-red:rgba(211,47,47,0.3)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:#fff;color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit}
img{display:block;max-width:100%}

/* ============ TICKER ============ */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ HEADER ============ */
header{background:#fff;padding:16px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:26px}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer;flex-shrink:0}
.logo-icon{background:var(--primary-red);color:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.5rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.55rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.62rem;letter-spacing:2.2px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-search{flex-grow:1;max-width:560px}
.search-box{display:flex;background:var(--off-white);border-radius:50px;overflow:hidden;height:50px;align-items:center;padding:5px;border:2px solid var(--light-gray);transition:all .4s ease}
.search-box:focus-within{background:#fff;border-color:var(--primary-red);box-shadow:0 0 22px var(--shadow-red)}
.header-input{border:none;flex-grow:1;padding:0 18px;font-size:.9rem;outline:none;background:transparent}
.header-input::placeholder{color:#94a3b8}
.header-search-btn{background:var(--primary-red);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}
.header-search-btn:hover{background:var(--hover-red);transform:scale(1.1) rotate(15deg)}
.header-icons{display:flex;align-items:center;gap:20px}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px;background:none;border:none;color:var(--text-dark)}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.35rem}
.badge{position:absolute;top:-4px;right:-6px;background:var(--primary-red);color:#fff;font-size:.62rem;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;animation:pulseBadge 2s infinite}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.icon-group.bump .badge{animation:bumpBadge .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes bumpBadge{0%{transform:scale(1)}50%{transform:scale(1.6)}100%{transform:scale(1)}}

/* ============ BREADCRUMB ============ */
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:22px 0 6px;font-size:.78rem;font-weight:500;color:var(--text-gray)}
.breadcrumb a{transition:color .3s ease}
.breadcrumb a:hover{color:var(--primary-red)}
.breadcrumb i{font-size:.55rem;color:#cbd5e1}
.breadcrumb span{color:var(--dark-navy);font-weight:700;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ============ PRODUCT LAYOUT ============ */
.product-page{padding-bottom:20px}
.pg-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;padding:26px 0 60px;align-items:start}

/* ---- GALLERY ---- */
.pg-gallery{display:grid;grid-template-columns:88px 1fr;gap:16px;position:sticky;top:110px}
.pg-thumbs{display:flex;flex-direction:column;gap:12px}
.pg-thumb{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid #eef1f6;background:#f8fafc;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);padding:0}
.pg-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.pg-thumb:hover{border-color:rgba(211,47,47,.5);transform:translateY(-3px)}
.pg-thumb:hover img{transform:scale(1.1)}
.pg-thumb.active{border-color:var(--primary-red);box-shadow:0 10px 24px -12px rgba(211,47,47,.6)}
.pg-thumb.active::after{content:"";position:absolute;inset:0;border-radius:10px;box-shadow:inset 0 0 0 2px rgba(211,47,47,.35)}
.pg-zoom-wrap{position:relative}
.pg-badges{position:absolute;top:16px;left:16px;z-index:6;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.pg-badge{font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:.6px;text-transform:uppercase;padding:7px 12px;border-radius:9px;color:#fff;display:inline-flex;align-items:center;gap:6px;box-shadow:0 10px 22px -10px rgba(0,0,0,.5);width:fit-content}
.pg-badge--sale{background:linear-gradient(135deg,#FF6B6B,var(--primary-red))}
.pg-badge--free{background:linear-gradient(135deg,#16a34a,#0f7a35)}
.pg-zoom{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;background:#f8fafc;border:1px solid #eef1f6;cursor:crosshair;box-shadow:0 24px 60px -34px rgba(15,23,42,.35)}
.pg-zoom img{width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;transition:transform .45s cubic-bezier(.19,1,.22,1);will-change:transform;user-select:none;-webkit-user-drag:none}
.pg-zoom.is-zoomed{cursor:zoom-out}
.pg-zoom.is-zoomed img{transform:scale(2.4)}
.pg-zoom-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(15,23,42,.78);color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.4px;padding:8px 16px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(10px);pointer-events:none;transition:opacity .35s ease,transform .35s ease;z-index:5}
.pg-zoom-hint i{color:#FF8B94;font-size:.72rem}
.pg-zoom.is-zoomed .pg-zoom-hint{opacity:0;transform:translateX(-50%) translateY(10px)}
.pg-zoom::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 50% 0%,rgba(211,47,47,.06),transparent 70%);pointer-events:none;opacity:0;transition:opacity .4s ease}
.pg-zoom:hover::after{opacity:1}

/* ---- INFO ---- */
.pg-info{padding-top:4px}
.pg-brand-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.pg-chip{display:inline-flex;align-items:center;gap:7px;font-size:.66rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:6px 13px;border-radius:999px;font-family:'Montserrat',sans-serif}
.pg-chip--red{background:#fef2f2;color:var(--primary-red);border:1px solid rgba(211,47,47,.25)}
.pg-chip--navy{background:#f1f5f9;color:var(--dark-navy);border:1px solid #e2e8f0}
.pg-chip--green{background:#f0fdf4;color:var(--green);border:1px solid rgba(22,163,74,.25)}
.pg-title{font-family:'Montserrat',sans-serif;font-size:clamp(1.4rem,2.5vw,2.05rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.025em;margin-bottom:16px}
.pg-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;font-size:.76rem;font-weight:600;color:var(--text-gray);padding-bottom:20px;border-bottom:1px solid #eef1f6;margin-bottom:22px}
.pg-stars{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:#d1d5db}
.pg-stars .filled{color:var(--star-gold)}
.pg-stars b{color:var(--dark-navy);font-weight:800;margin-left:5px;font-size:.8rem}
.pg-stars a{color:var(--primary-red);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pg-meta-item{display:inline-flex;align-items:center;gap:6px}
.pg-meta-item i{color:var(--primary-red);font-size:.72rem}
.pg-price-box{display:flex;align-items:center;flex-wrap:wrap;gap:14px;background:linear-gradient(135deg,#fff5f5,#fff);border:1px solid rgba(211,47,47,.16);border-left:4px solid var(--primary-red);border-radius:16px;padding:20px 24px;margin-bottom:22px;position:relative;overflow:hidden}
.pg-price-box::after{content:"";position:absolute;right:-50px;top:-50px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(211,47,47,.09),transparent 70%)}
.pg-price{font-family:'Montserrat',sans-serif;font-size:2.15rem;font-weight:900;color:var(--primary-red);letter-spacing:-.03em;line-height:1}
.pg-old{font-size:1.05rem;color:#94a3b8;text-decoration:line-through;font-weight:600}
.pg-save{background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:7px 13px;border-radius:999px;margin-left:auto;box-shadow:0 10px 20px -10px rgba(22,163,74,.7);z-index:1}
.pg-short{font-size:.92rem;color:#475569;line-height:1.75;margin-bottom:22px}
.pg-short b{color:var(--dark-navy);font-weight:700}

/* fitment */
.pg-fitment{background:#f8fafc;border:1px solid #eef1f6;border-radius:16px;padding:18px 20px;margin-bottom:22px}
.pg-fitment__head{display:flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--dark-navy);margin-bottom:14px}
.pg-fitment__head i{color:var(--primary-red)}
.pg-fitment__row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px}
.pg-fitment select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 30px 12px 13px;border:1.5px solid var(--light-gray);border-radius:11px;background:#fff;font-size:.8rem;font-weight:600;color:var(--dark-navy);cursor:pointer;outline:none;transition:all .25s ease;font-family:'Poppins',sans-serif}
.pg-fitment select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.1)}
.pg-fitment select:invalid{color:#93a2b8}
.pg-fitment__field{position:relative}
.pg-fitment__field::after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;border-right:2px solid #8895a8;border-bottom:2px solid #8895a8;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.pg-fitment__btn{border:0;cursor:pointer;background:var(--dark-navy);color:#fff;border-radius:11px;padding:12px 20px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.pg-fitment__btn:hover{background:var(--primary-red);transform:translateY(-2px)}
.pg-fitment__result{margin-top:12px;font-size:.78rem;font-weight:600;display:none;align-items:flex-start;gap:9px;line-height:1.5;padding:11px 14px;border-radius:11px}
.pg-fitment__result.show{display:flex;animation:hintPop .4s cubic-bezier(.34,1.56,.64,1)}
.pg-fitment__result i{margin-top:2px}
.pg-fitment__result.ok{background:#f0fdf4;color:#15803d;border:1px solid rgba(22,163,74,.25)}
.pg-fitment__result.no{background:#fef2f2;color:var(--hover-red);border:1px solid rgba(211,47,47,.25)}
@keyframes hintPop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* stock */
.pg-stock{margin-bottom:20px}
.pg-stock__row{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;font-weight:700;margin-bottom:8px}
.pg-stock__label{display:inline-flex;align-items:center;gap:7px;color:var(--green)}
.pg-stock__label i{font-size:.5rem;animation:blink 1.6s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
.pg-stock__count{color:var(--text-gray);font-weight:600}
.pg-stock__bar{height:7px;background:#eef1f6;border-radius:99px;overflow:hidden}
.pg-stock__fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#f59e0b,var(--primary-red));width:0;transition:width 1.2s cubic-bezier(.34,1.56,.64,1)}

/* qty + actions */
.pg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.qty{display:flex;align-items:center;border:1.5px solid var(--light-gray);border-radius:14px;overflow:hidden;height:56px;background:#fff;transition:border-color .3s ease}
.qty:focus-within{border-color:var(--primary-red)}
.qty button{width:48px;height:100%;border:none;background:transparent;cursor:pointer;font-size:.95rem;color:var(--dark-navy);transition:all .3s ease;display:flex;align-items:center;justify-content:center}
.qty button:hover{background:#fef2f2;color:var(--primary-red)}
.qty button:disabled{opacity:.3;cursor:not-allowed;background:transparent;color:var(--text-gray)}
.qty input{width:52px;height:100%;border:none;text-align:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:1rem;color:var(--dark-navy);outline:none;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:1.3px;text-transform:uppercase;border-radius:14px;padding:0 26px;height:56px;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.btn i{font-size:.85rem}
.btn--cart{background:var(--dark-navy);color:#fff;flex:1;min-width:170px}
.btn--cart:hover{background:var(--medium-navy);transform:translateY(-3px);box-shadow:0 18px 34px -14px rgba(15,23,42,.7)}
.btn--buy{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;flex:1;min-width:170px;box-shadow:0 14px 30px -12px rgba(211,47,47,.8)}
.btn--buy:hover{transform:translateY(-3px);box-shadow:0 20px 40px -14px rgba(211,47,47,.95)}
.btn--buy::before,.btn--cart::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:left .65s ease}
.btn--buy:hover::before,.btn--cart:hover::before{left:100%}
.btn--wish{width:56px;padding:0;background:#fff;border:1.5px solid var(--light-gray);color:#64748b;flex:0 0 auto}
.btn--wish:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-3px)}
.btn--wish.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.btn--wish.active i{animation:heartPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1)}}
.btn--share{width:56px;padding:0;background:#fff;border:1.5px solid var(--light-gray);color:#64748b;flex:0 0 auto}
.btn--share:hover{border-color:var(--dark-navy);color:var(--dark-navy);transform:translateY(-3px)}

/* delivery */
.pg-delivery{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:14px 18px;margin-bottom:22px}
.pg-delivery i{color:var(--primary-red);font-size:1.1rem}
.pg-delivery p{font-size:.8rem;color:var(--text-gray);line-height:1.5}
.pg-delivery b{color:var(--dark-navy);font-weight:700}

/* trust */
.pg-trust{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}
.pg-trust__item{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #eef1f6;border-radius:13px;transition:all .4s cubic-bezier(.34,1.56,.64,1);background:#fff}
.pg-trust__item:hover{border-color:rgba(211,47,47,.3);transform:translateY(-3px);box-shadow:0 14px 28px -18px rgba(211,47,47,.45)}
.pg-trust__icon{width:38px;height:38px;border-radius:11px;background:#fef2f2;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;border:1px solid rgba(211,47,47,.15);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.pg-trust__item:hover .pg-trust__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08);border-color:transparent}
.pg-trust__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;color:var(--dark-navy);margin-bottom:2px}
.pg-trust__txt span{font-size:.67rem;color:var(--text-gray);font-weight:500}

/* payment strip */
.pg-pay{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #eef1f6}
.pg-pay__label{font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;color:var(--text-gray);letter-spacing:1.4px;text-transform:uppercase}
.pg-pay span.pay{height:34px;padding:0 12px;border:1.5px solid #eef1f6;border-radius:9px;display:inline-flex;align-items:center;gap:7px;font-family:'Montserrat',sans-serif;font-size:.64rem;font-weight:800;color:var(--dark-navy);transition:all .35s ease}
.pg-pay span.pay i{color:var(--primary-red);font-size:.8rem}
.pg-pay span.pay:hover{border-color:rgba(211,47,47,.4);transform:translateY(-3px)}

/* ============ STICKY BUY BAR ============ */
.sticky-bar{position:fixed;left:0;right:0;top:0;z-index:99;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid #eef1f6;box-shadow:0 10px 34px -22px rgba(15,23,42,.4);transform:translateY(-110%);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.sticky-bar.show{transform:translateY(0)}
.sticky-bar__inner{display:flex;align-items:center;gap:18px;padding:12px 0}
.sticky-bar__img{width:52px;height:52px;border-radius:11px;background-size:cover;background-position:center;border:1px solid #eef1f6;flex-shrink:0}
.sticky-bar__txt{flex:1;min-width:0}
.sticky-bar__txt h4{font-family:'Montserrat',sans-serif;font-size:.84rem;font-weight:800;color:var(--dark-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.sticky-bar__txt span{font-size:.78rem;font-weight:800;color:var(--primary-red)}
.sticky-bar__txt s{font-size:.72rem;color:#94a3b8;font-weight:500;margin-left:7px}
.sticky-bar .btn{height:46px;padding:0 22px;font-size:.7rem;flex:0 0 auto;min-width:0}

/* ============ TABS ============ */
.pg-tabs-section{background:#fff;padding:20px 0 80px}
.pg-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #eef1f6;margin-bottom:34px;position:relative}
.pg-tab{background:none;border:none;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-gray);padding:16px 22px;position:relative;transition:color .3s ease;display:inline-flex;align-items:center;gap:9px}
.pg-tab i{font-size:.8rem}
.pg-tab::after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:3px;background:var(--primary-red);border-radius:3px 3px 0 0;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.pg-tab:hover{color:var(--dark-navy)}
.pg-tab.active{color:var(--primary-red)}
.pg-tab.active::after{transform:scaleX(1)}
.pg-tab__count{background:#f1f5f9;color:var(--text-gray);font-size:.6rem;padding:2px 7px;border-radius:999px;font-weight:800}
.pg-tab.active .pg-tab__count{background:var(--primary-red);color:#fff}
.pg-panel{display:none;animation:panelIn .5s cubic-bezier(.34,1.56,.64,1)}
.pg-panel.active{display:block}
@keyframes panelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.pg-panel h3{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--dark-navy);margin-bottom:14px;letter-spacing:-.01em}
.pg-panel p{font-size:.9rem;color:#475569;line-height:1.85;margin-bottom:16px}
.pg-panel p b{color:var(--dark-navy);font-weight:700}
.pg-list{display:grid;gap:11px;margin-bottom:22px}
.pg-list li{display:flex;align-items:flex-start;gap:11px;font-size:.88rem;color:#475569;line-height:1.6}
.pg-list li i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.55rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px}
.spec-table{width:100%;border-collapse:collapse;border:1px solid #eef1f6;border-radius:16px;overflow:hidden}
.spec-table tr:nth-child(odd){background:#fafbfc}
.spec-table td{padding:15px 20px;font-size:.85rem;border-bottom:1px solid #eef1f6;vertical-align:top}
.spec-table tr:last-child td{border-bottom:none}
.spec-table td:first-child{font-family:'Montserrat',sans-serif;font-weight:800;color:var(--dark-navy);font-size:.74rem;letter-spacing:.8px;text-transform:uppercase;width:34%;white-space:nowrap}
.spec-table td:last-child{color:#475569;font-weight:500}

/* fitment table */
.fit-table{width:100%;border-collapse:collapse;border:1px solid #eef1f6;border-radius:16px;overflow:hidden}
.fit-table th{background:var(--dark-navy);color:#fff;font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;padding:14px 18px;text-align:left}
.fit-table td{padding:14px 18px;font-size:.85rem;color:#475569;border-bottom:1px solid #eef1f6}
.fit-table tr:nth-child(even) td{background:#fafbfc}
.fit-table tr:last-child td{border-bottom:none}
.fit-table .ok{color:var(--green);font-weight:700;display:inline-flex;align-items:center;gap:7px}
.fit-table .ok i{font-size:.55rem}

/* reviews */
.rev-summary{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:center;background:#f8fafc;border:1px solid #eef1f6;border-radius:18px;padding:28px 32px;margin-bottom:34px}
.rev-score{text-align:center}
.rev-score__num{font-family:'Montserrat',sans-serif;font-size:3.4rem;font-weight:900;color:var(--dark-navy);line-height:1;letter-spacing:-.04em}
.rev-score__stars{display:flex;justify-content:center;gap:4px;font-size:1rem;color:#d1d5db;margin:10px 0 8px}
.rev-score__stars .filled{color:var(--star-gold)}
.rev-score__total{font-size:.76rem;color:var(--text-gray);font-weight:600}
.rev-bars{display:grid;gap:9px}
.rev-bar{display:grid;grid-template-columns:52px 1fr 42px;align-items:center;gap:12px;font-size:.74rem;font-weight:700;color:var(--text-gray)}
.rev-bar__track{height:8px;background:#e8edf3;border-radius:99px;overflow:hidden}
.rev-bar__fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--star-gold),#f59e0b);width:0;transition:width 1.2s cubic-bezier(.34,1.56,.64,1)}
.rev-list{display:grid;gap:16px;margin-bottom:32px}
.rev-item{border:1px solid #eef1f6;border-radius:16px;padding:20px 22px;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:panelIn .5s cubic-bezier(.34,1.56,.64,1)}
.rev-item:hover{border-color:rgba(211,47,47,.28);box-shadow:0 18px 40px -28px rgba(211,47,47,.5);transform:translateY(-3px)}
.rev-item__head{display:flex;align-items:center;gap:13px;margin-bottom:12px;flex-wrap:wrap}
.rev-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.82rem;flex-shrink:0}
.rev-item__who b{display:block;font-size:.84rem;font-weight:800;color:var(--dark-navy);line-height:1.2}
.rev-item__who span{font-size:.68rem;color:var(--text-gray);font-weight:500}
.rev-item__stars{margin-left:auto;display:flex;gap:3px;font-size:.72rem;color:#d1d5db}
.rev-item__stars .filled{color:var(--star-gold)}
.rev-item__verified{display:inline-flex;align-items:center;gap:6px;font-size:.62rem;font-weight:800;color:var(--green);background:#f0fdf4;border:1px solid rgba(22,163,74,.22);padding:4px 10px;border-radius:999px;letter-spacing:.6px;text-transform:uppercase}
.rev-item__title{font-family:'Montserrat',sans-serif;font-size:.86rem;font-weight:800;color:var(--dark-navy);margin-bottom:7px}
.rev-item__body{font-size:.85rem;color:#475569;line-height:1.7}
.rev-form{background:#fff;border:1px solid #eef1f6;border-left:4px solid var(--primary-red);border-radius:18px;padding:28px 30px;box-shadow:0 20px 50px -40px rgba(15,23,42,.5)}
.rev-form h4{font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:900;color:var(--dark-navy);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:20px}
.rev-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.rev-field label{display:block;font-family:'Montserrat',sans-serif;font-size:.64rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-gray);margin-bottom:8px}
.rev-field input,.rev-field textarea{width:100%;padding:13px 16px;border:1.5px solid var(--light-gray);border-radius:12px;font-family:'Poppins',sans-serif;font-size:.85rem;color:var(--dark-navy);outline:none;transition:all .25s ease;background:#fff;resize:vertical}
.rev-field input:focus,.rev-field textarea:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.1)}
.rev-star-pick{display:flex;gap:6px;margin-bottom:18px;font-size:1.3rem;color:#d1d5db}
.rev-star-pick i{cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}
.rev-star-pick i:hover{transform:scale(1.2)}
.rev-star-pick i.on{color:var(--star-gold)}
.rev-form .btn{margin-top:6px;height:50px;font-size:.72rem}

/* ============ BUNDLE ============ */
.bundle{background:#f8fafc;border:1px solid #eef1f6;border-radius:20px;padding:30px 32px;margin:0 0 70px}
.bundle__head{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.bundle__head i{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.95rem;box-shadow:0 10px 22px -10px rgba(211,47,47,.7)}
.bundle__head h3{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:900;color:var(--dark-navy);letter-spacing:-.01em}
.bundle__head span{font-size:.74rem;color:var(--text-gray);display:block;font-weight:500;margin-top:2px}
.bundle__grid{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}
.bundle__items{display:grid;gap:14px}
.bundle__item{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid #eef1f6;border-radius:14px;padding:13px 16px;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.bundle__item:hover{border-color:rgba(211,47,47,.35);transform:translateX(4px)}
.bundle__item.checked{border-color:rgba(211,47,47,.45);background:#fffafa;box-shadow:0 12px 26px -20px rgba(211,47,47,.6)}
.bundle__check{width:22px;height:22px;border-radius:7px;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);color:transparent;font-size:.6rem}
.bundle__item.checked .bundle__check{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.bundle__img{width:52px;height:52px;border-radius:11px;background-size:cover;background-position:center;border:1px solid #eef1f6;flex-shrink:0}
.bundle__name{flex:1;font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;min-width:0}
.bundle__price{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red);white-space:nowrap}
.bundle__total{text-align:center;background:#fff;border:1px solid #eef1f6;border-radius:16px;padding:24px 28px;min-width:240px}
.bundle__total small{display:block;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-gray);margin-bottom:8px}
.bundle__total b{display:block;font-family:'Montserrat',sans-serif;font-size:1.85rem;font-weight:900;color:var(--dark-navy);letter-spacing:-.03em;line-height:1;margin-bottom:6px}
.bundle__total s{font-size:.82rem;color:#94a3b8;font-weight:600}
.bundle__total .btn{width:100%;height:50px;margin-top:18px;font-size:.7rem}

/* ============ RELATED ============ */
.related{padding:0 0 90px;background:#fff}
.sec-head{text-align:center;margin-bottom:44px}
.sec-kicker{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.sec-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(211,47,47,.6)}70%{box-shadow:0 0 0 12px rgba(211,47,47,0)}100%{box-shadow:0 0 0 0 rgba(211,47,47,0)}}
.sec-kicker i{font-size:.78rem;animation:spin 3s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.sec-title{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:12px}
.sec-title span{color:var(--primary-red)}
.sec-sub{color:var(--text-gray);font-size:.92rem;max-width:560px;margin:0 auto;line-height:1.7}
.sec-sub b{color:var(--dark-navy);font-weight:700}
.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.p-card{background:#fff;border:1px solid #eef1f6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(30px)}
.p-card.revealed{opacity:1;transform:translateY(0)}
.p-card:hover{border-color:rgba(211,47,47,.4);transform:translateY(-8px);box-shadow:0 30px 55px -28px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.p-card__img-wrap{position:relative;aspect-ratio:1.15/1;background:#f8fafc;overflow:hidden}
.p-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.p-card:hover .p-card__img{transform:scale(1.14) rotate(-1deg)}
.p-card__off{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.56rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:3;box-shadow:0 8px 18px -6px rgba(211,47,47,.7);letter-spacing:.5px}
.p-card__free{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.54rem;font-weight:900;padding:6px 9px;border-radius:8px;z-index:3;text-transform:uppercase;letter-spacing:.5px}
.p-card__quick{position:absolute;bottom:12px;right:12px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;z-index:3;opacity:0;transform:translateY(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.p-card:hover .p-card__quick{opacity:1;transform:translateY(0) scale(1)}
.p-card__quick:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.15) rotate(-10deg) !important}
.p-card__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.p-card__cat{font-family:'Montserrat',sans-serif;font-size:.54rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:6px}
.p-card__cat::before{content:"";width:12px;height:2px;background:var(--primary-red);border-radius:2px}
.p-card__title{font-size:.84rem;font-weight:600;color:#374151;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;transition:color .3s ease;cursor:pointer}
.p-card:hover .p-card__title{color:var(--primary-red)}
.p-card__stars{display:flex;align-items:center;gap:3px;font-size:.66rem;color:#d1d5db}
.p-card__stars .filled{color:var(--star-gold)}
.p-card__stars span{color:var(--text-gray);font-size:.64rem;margin-left:5px;font-weight:500}
.p-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #f1f5f9}
.p-card__price{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.p-card__old{font-size:.72rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.p-card__btn{margin-top:10px;width:100%;height:42px;border:none;border-radius:11px;background:var(--dark-navy);color:#fff;font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.p-card__btn:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(211,47,47,.8)}

/* ============ FOOTER ============ */
.site-footer{background:var(--dark-navy);color:#94a3b8;position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--hover-red) 25%,#fff 50%,var(--hover-red) 75%,var(--primary-red) 100%);background-size:200% 100%;animation:footerBar 6s linear infinite}
@keyframes footerBar{to{background-position:200% 0}}
.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;padding:64px 0 44px}
.f-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.f-logo__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;box-shadow:0 10px 22px -8px rgba(211,47,47,.7);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.f-logo:hover .f-logo__icon{transform:rotate(15deg) scale(1.08)}
.f-logo h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.3rem;color:#fff;line-height:1;letter-spacing:-.02em}
.f-logo h3 span{color:var(--primary-red)}
.f-logo small{display:block;font-size:.58rem;font-weight:700;color:#64748b;letter-spacing:2px;text-transform:uppercase;margin-top:4px}
.f-desc{font-size:.84rem;line-height:1.75;margin-bottom:20px;max-width:330px}
.f-desc b{color:#e2e8f0;font-weight:700}
.f-social{display:flex;gap:10px}
.f-social a{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.06);color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.08)}
.f-social a:hover{transform:translateY(-4px) rotate(-6deg);color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary-red),var(--hover-red))}
.f-col h4{font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:900;color:#fff;letter-spacing:2.4px;text-transform:uppercase;margin-bottom:22px;position:relative;padding-bottom:12px}
.f-col h4::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--hover-red));border-radius:2px}
.f-links{display:flex;flex-direction:column;gap:12px}
.f-links a{font-size:.84rem;color:#94a3b8;font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:9px;width:fit-content}
.f-links a i{font-size:.55rem;color:var(--primary-red);opacity:0;transition:all .35s ease}
.f-links a:hover{color:#fff;transform:translateX(6px)}
.f-links a:hover i{opacity:1}
.f-contact{display:flex;flex-direction:column;gap:14px}
.f-contact__item{display:flex;align-items:flex-start;gap:12px}
.f-contact__icon{width:36px;height:36px;border-radius:10px;background:rgba(211,47,47,.14);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0;border:1px solid rgba(211,47,47,.24)}
.f-contact__txt b{display:block;font-size:.68rem;font-weight:800;color:#e2e8f0;letter-spacing:.6px;text-transform:uppercase;margin-bottom:3px}
.f-contact__txt span,.f-contact__txt a{font-size:.82rem;color:#94a3b8;transition:color .3s ease}
.f-contact__txt a:hover{color:var(--primary-red)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:22px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:.78rem}
.footer-bottom b{color:#e2e8f0;font-weight:800}
.footer-bottom span{color:var(--primary-red)}
.footer-bottom .made{display:inline-flex;align-items:center;gap:8px;font-size:.72rem}
.footer-bottom .made i{color:var(--primary-red);animation:heartBeat 1.6s ease-in-out infinite}
@keyframes heartBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}

/* ============ CART DRAWER ============ */
.drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;transition:opacity .4s ease}
.drawer-overlay.show{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:92vw;background:#fff;z-index:201;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .5s cubic-bezier(.34,1.56,.64,1);box-shadow:-30px 0 70px -30px rgba(15,23,42,.6)}
.cart-drawer.show{transform:translateX(0)}
.cart-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #eef1f6;background:#fff}
.cart-drawer__head h3{font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:900;color:var(--dark-navy);letter-spacing:1.6px;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.cart-drawer__head h3 i{color:var(--primary-red)}
.cart-drawer__head span{background:var(--primary-red);color:#fff;font-size:.62rem;font-weight:800;padding:3px 9px;border-radius:999px}
.cart-close{width:38px;height:38px;border-radius:11px;border:1.5px solid #eef1f6;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.85rem}
.cart-close:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:rotate(90deg)}
.cart-drawer__body{flex:1;overflow-y:auto;padding:18px 24px;display:flex;flex-direction:column;gap:14px}
.cart-drawer__body::-webkit-scrollbar{width:6px}
.cart-drawer__body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:9px}
.cart-empty{text-align:center;padding:60px 20px;color:var(--text-gray)}
.cart-empty i{font-size:3rem;color:#e2e8f0;margin-bottom:18px;display:block}
.cart-empty b{display:block;font-family:'Montserrat',sans-serif;font-size:.95rem;color:var(--dark-navy);margin-bottom:8px;font-weight:800}
.cart-empty p{font-size:.82rem;line-height:1.6}
.cart-item{display:grid;grid-template-columns:74px 1fr auto;gap:14px;padding:14px;border:1px solid #eef1f6;border-radius:14px;transition:all .35s ease;animation:panelIn .4s cubic-bezier(.34,1.56,.64,1)}
.cart-item:hover{border-color:rgba(211,47,47,.3);box-shadow:0 14px 30px -24px rgba(211,47,47,.6)}
.cart-item__img{width:74px;height:74px;border-radius:11px;background-size:cover;background-position:center;border:1px solid #eef1f6}
.cart-item__info{min-width:0;display:flex;flex-direction:column;gap:6px}
.cart-item__title{font-size:.78rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cart-item__price{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red)}
.cart-item__qty{display:inline-flex;align-items:center;border:1.5px solid #eef1f6;border-radius:9px;overflow:hidden;width:fit-content}
.cart-item__qty button{width:28px;height:28px;border:none;background:#fff;cursor:pointer;color:var(--dark-navy);font-size:.7rem;transition:all .3s ease}
.cart-item__qty button:hover{background:#fef2f2;color:var(--primary-red)}
.cart-item__qty span{width:32px;text-align:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.78rem;color:var(--dark-navy)}
.cart-item__right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}
.cart-item__total{font-family:'Montserrat',sans-serif;font-size:.86rem;font-weight:900;color:var(--dark-navy);white-space:nowrap}
.cart-item__del{border:none;background:none;color:#cbd5e1;cursor:pointer;font-size:.8rem;transition:all .3s ease;padding:4px}
.cart-item__del:hover{color:var(--primary-red);transform:scale(1.15)}
.cart-drawer__foot{border-top:1px solid #eef1f6;padding:20px 24px 24px;background:#fafbfc}
.cart-line{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:600;color:var(--text-gray);margin-bottom:10px}
.cart-line.total{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--dark-navy);padding-top:12px;border-top:1px dashed #dbe3ec;margin-top:12px;margin-bottom:16px}
.cart-line.total span:last-child{color:var(--primary-red)}
.cart-free-note{background:#f0fdf4;border:1px solid rgba(22,163,74,.22);color:#15803d;font-size:.72rem;font-weight:600;padding:10px 14px;border-radius:11px;display:flex;align-items:center;gap:9px;margin-bottom:14px;line-height:1.4}
.cart-drawer__foot .btn{width:100%;height:52px;font-size:.74rem}

/* ============ LIGHTBOX ============ */
.lightbox{position:fixed;inset:0;background:rgba(8,12,24,.96);z-index:300;display:none;align-items:center;justify-content:center;padding:40px 20px;backdrop-filter:blur(6px)}
.lightbox.show{display:flex;animation:panelIn .35s ease}
.lb-stage{position:relative;width:min(880px,92vw);max-height:84vh;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#0f172a;cursor:crosshair;box-shadow:0 50px 100px -40px rgba(0,0,0,.9)}
.lb-stage img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease;transform-origin:50% 50%;user-select:none}
.lb-stage.zoomed img{transform:scale(2.6);transition:transform .12s linear}
.lb-close{position:absolute;top:22px;right:26px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:5}
.lb-close:hover{background:var(--primary-red);border-color:var(--primary-red);transform:rotate(90deg) scale(1.08)}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:5}
.lb-nav:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-50%) scale(1.12)}
.lb-nav--prev{left:22px}
.lb-nav--next{right:22px}
.lb-thumbs{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5;background:rgba(15,23,42,.6);padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.lb-thumb{width:46px;height:46px;border-radius:9px;background-size:cover;background-position:center;cursor:pointer;border:2px solid transparent;opacity:.55;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.lb-thumb:hover{opacity:1;transform:translateY(-3px)}
.lb-thumb.active{border-color:var(--primary-red);opacity:1}
.lb-hint{position:absolute;top:22px;left:26px;color:rgba(255,255,255,.6);font-size:.72rem;font-weight:600;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}
.lb-hint i{color:#FF8B94}

/* ============ TOAST ============ */
.toast-cart{position:fixed;bottom:28px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:15px 24px;border-radius:13px;font-weight:600;font-size:.88rem;box-shadow:0 22px 45px -12px rgba(22,163,74,.6);display:flex;align-items:center;gap:11px;z-index:400;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1);max-width:calc(100vw - 40px)}
.toast-cart.show{opacity:1;transform:translateY(0) scale(1)}
.toast-cart--red{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 22px 45px -12px rgba(211,47,47,.65)}
.toast-cart--navy{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));box-shadow:0 22px 45px -12px rgba(15,23,42,.7)}

/* ============ RESPONSIVE ============ */
@media (max-width:1180px){
  .pg-grid{gap:38px}
  .rel-grid{grid-template-columns:repeat(3,1fr)}
  .footer-main{grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:32px}
}
@media (max-width:1024px){
  .pg-grid{grid-template-columns:1fr;gap:36px}
  .pg-gallery{position:static;grid-template-columns:78px 1fr}
  .rel-grid{grid-template-columns:repeat(2,1fr)}
  .bundle__grid{grid-template-columns:1fr;gap:24px}
  .bundle__total{min-width:0}
  .rev-summary{grid-template-columns:1fr;gap:26px;padding:24px}
  .footer-main{grid-template-columns:1fr 1fr;gap:36px}
}
@media (max-width:768px){
  .header-content{flex-direction:column;gap:14px}
  .header-search{width:100%;max-width:100%}
  .header-icons{width:100%;justify-content:space-around}
  .pg-gallery{grid-template-columns:1fr}
  .pg-thumbs{flex-direction:row;order:2;overflow-x:auto;padding-bottom:6px}
  .pg-thumb{width:74px;flex:0 0 74px}
  .pg-zoom-wrap{order:1}
  .pg-title{font-size:1.35rem}
  .pg-price{font-size:1.75rem}
  .pg-fitment__row{grid-template-columns:1fr 1fr}
  .pg-fitment__btn{grid-column:1/-1}
  .pg-actions{gap:10px}
  .btn--cart,.btn--buy{min-width:0;flex:1 1 calc(50% - 5px);padding:0 14px;font-size:.7rem;letter-spacing:.8px}
  .btn--wish,.btn--share{width:52px;flex:0 0 52px}
  .qty{order:-1;width:100%;justify-content:space-between;height:52px}
  .qty input{flex:1}
  .pg-trust{grid-template-columns:1fr}
  .pg-tab{padding:14px 14px;font-size:.68rem}
  .pg-tab::after{left:14px;right:14px}
  .spec-table td:first-child{width:42%;font-size:.68rem}
  .rev-form__row{grid-template-columns:1fr}
  .sticky-bar__img{display:none}
  .sticky-bar .btn{padding:0 16px;font-size:.64rem;letter-spacing:.8px}
  .sticky-bar__txt h4{font-size:.76rem}
  .bundle{padding:24px 20px}
  .rev-item__stars{margin-left:0}
  .footer-main{grid-template-columns:1fr;gap:32px;padding:48px 0 34px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:520px){
  .ticker-item{font-size:.78rem}
  .brand-text h1{font-size:1.3rem}
  .logo-icon{width:44px;height:44px;font-size:1.25rem}
  .rel-grid{grid-template-columns:1fr}
  .pg-price-box{padding:16px 18px;gap:10px}
  .pg-save{margin-left:0}
  .pg-badge{font-size:.56rem;padding:6px 10px}
  .pg-zoom-hint{font-size:.6rem;padding:7px 12px;bottom:12px;text-align:center;white-space:nowrap}
  .lb-thumbs{display:none}
  .lb-nav{width:42px;height:42px}
  .lb-nav--prev{left:10px}
  .lb-nav--next{right:10px}
  .toast-cart{right:14px;bottom:16px;font-size:.8rem;padding:13px 18px}
  .sec-title{font-size:1.5rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .p-card{opacity:1;transform:none}
}

:root{--primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;--white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;--star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,0.08);--shadow-red:rgba(211,47,47,0.3)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--white);color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit}

/* TICKER */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem;animation:iconBob 2.4s ease-in-out infinite}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes iconBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-8deg)}}

/* HEADER */
header{background:#fff;padding:18px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer}
.logo-icon{background:var(--primary-red);color:#fff;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.6rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.7rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.68rem;letter-spacing:2.5px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-search{flex-grow:1;max-width:600px}
.search-box{display:flex;background:var(--off-white);border-radius:50px;overflow:hidden;height:52px;align-items:center;padding:5px;border:2px solid var(--light-gray);transition:all .4s ease}
.search-box:focus-within{background:#fff;border-color:var(--primary-red);box-shadow:0 0 22px var(--shadow-red)}
.header-cat{border:none;background:transparent;padding:0 15px;font-size:.88rem;color:var(--text-dark);border-right:1px solid var(--light-gray);outline:none;cursor:pointer;font-weight:600}
.header-input{border:none;flex-grow:1;padding:0 15px;font-size:.92rem;outline:none;background:transparent}
.header-input::placeholder{color:#94a3b8}
.header-search-btn{background:var(--primary-red);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;font-size:1rem}
.header-search-btn:hover{background:var(--hover-red);transform:scale(1.1) rotate(15deg)}
.header-icons{display:flex;align-items:center;gap:22px}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.4rem}
.badge{position:absolute;top:-5px;right:-5px;background:var(--primary-red);color:#fff;font-size:.65rem;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;animation:pulseBadge 2s infinite}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* ALL CATEGORIES BUTTON */
.all-cat-btn{display:flex;align-items:center;gap:10px;background:var(--dark-navy);color:#fff;border:none;padding:0 20px;height:52px;border-radius:12px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;position:relative;z-index:102}
.all-cat-btn i{font-size:.9rem;transition:transform .3s ease}
.all-cat-btn:hover{background:var(--primary-red);transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(211,47,47,.6)}
.all-cat-btn.active i{transform:rotate(180deg)}

/* ============================================================
   MEGA MENU 2.0 — TABBED SPLIT VIEW (NEW DESIGN)
   ============================================================ */
.mega-menu{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 40px 80px -30px rgba(15,23,42,.4);border-top:3px solid var(--primary-red);opacity:0;pointer-events:none;transform:translateY(-10px) scale(.99);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:99;max-height:calc(100vh - 80px);overflow:hidden;border-radius:0 0 24px 24px;transform-origin:top center}
.mega-menu.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}

/* Top bar */
.mega-menu__topbar{background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#2a1a1a 100%);padding:14px 26px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden;flex-wrap:wrap}
.mega-menu__topbar::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-red),transparent)}
.mega-menu__title{display:flex;align-items:center;gap:12px;font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#fff;flex-shrink:0}
.mega-menu__title i{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 8px 20px -6px rgba(211,47,47,.7)}
.mega-menu__search{flex:1;max-width:380px;position:relative;min-width:180px}
.mega-menu__search input{width:100%;padding:10px 40px 10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:.8rem;outline:none;font-family:'Poppins',sans-serif;transition:all .3s ease}
.mega-menu__search input::placeholder{color:#94a3b8}
.mega-menu__search input:focus{background:rgba(255,255,255,.1);border-color:rgba(211,47,47,.5);box-shadow:0 0 0 4px rgba(211,47,47,.15)}
.mega-menu__search i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.8rem;pointer-events:none}
.mega-menu__close{margin-left:auto;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}
.mega-menu__close:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:rotate(90deg)}

/* Tabs row */
.mega-menu__tabs{display:flex;gap:6px;padding:12px 26px;background:#f8fafc;border-bottom:1px solid #eef1f6;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.mega-menu__tabs::-webkit-scrollbar{display:none}
.mega-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;font-family:'Poppins',sans-serif;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;white-space:nowrap;transition:all .35s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}
.mega-tab i{font-size:.72rem;color:#94a3b8;transition:color .3s ease}
.mega-tab .mega-tab__count{font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;padding:2px 6px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .3s ease}
.mega-tab:hover{border-color:rgba(211,47,47,.35);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 8px 18px -12px rgba(211,47,47,.4)}
.mega-tab:hover i{color:var(--primary-red)}
.mega-tab:hover .mega-tab__count{background:rgba(211,47,47,.15);color:var(--primary-red)}
.mega-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);transform:translateY(-2px)}
.mega-tab.active i,.mega-tab.active .mega-tab__count{color:#fff}
.mega-tab.active .mega-tab__count{background:rgba(255,255,255,.22)}

/* Body */
.mega-menu__body{display:grid;grid-template-columns:280px 1fr;gap:22px;padding:22px 26px;max-height:420px;overflow:hidden}

/* Promo card */
.mega-promo{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#FFE9E5 0%,#FFD9D4 55%,#FFC8C2 100%);padding:26px 24px;display:flex;flex-direction:column;min-height:340px;box-shadow:inset 0 0 0 1px rgba(211,47,47,.1);isolation:isolate}
.mega-promo::before{content:"";position:absolute;inset:0;background:radial-gradient(400px 300px at 100% 100%, rgba(211,47,47,.25), transparent 70%);z-index:-1}
.mega-promo__img{position:absolute;bottom:-20px;right:-20px;width:170px;height:170px;border-radius:50%;background-size:cover;background-position:center;border:6px solid #fff;box-shadow:0 20px 40px -18px rgba(0,0,0,.4);z-index:-1;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.mega-promo:hover .mega-promo__img{transform:scale(1.08) rotate(-4deg)}
.mega-promo__tag{display:inline-flex;align-items:center;gap:6px;background:rgba(211,47,47,.14);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:5px 10px;border-radius:999px;margin-bottom:14px;align-self:flex-start;border:1px solid rgba(211,47,47,.2)}
.mega-promo__tag i{font-size:.6rem}
.mega-promo__title{font-family:'Montserrat',sans-serif;font-size:1.35rem;font-weight:900;color:#111827;line-height:1.15;letter-spacing:-.02em;margin-bottom:8px;position:relative;z-index:2}
.mega-promo__title span{color:var(--primary-red)}
.mega-promo__sub{font-size:.78rem;color:#4b5563;line-height:1.5;margin-bottom:auto;position:relative;z-index:2;max-width:170px}
.mega-promo__stats{display:flex;flex-direction:column;gap:6px;margin:16px 0 18px;position:relative;z-index:2}
.mega-promo__stat{display:flex;align-items:center;gap:8px;font-size:.68rem;color:#334155;font-weight:600}
.mega-promo__stat i{width:18px;height:18px;border-radius:50%;background:#fff;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.55rem;flex-shrink:0;box-shadow:0 4px 10px -3px rgba(211,47,47,.35)}
.mega-promo__cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#0f172a;color:#fff;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);align-self:flex-start;position:relative;z-index:2;box-shadow:0 10px 22px -10px rgba(15,23,42,.7)}
.mega-promo__cta:hover{background:var(--primary-red);transform:translateY(-2px);box-shadow:0 14px 26px -10px rgba(211,47,47,.8)}
.mega-promo__cta i{font-size:.65rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.mega-promo__cta:hover i{transform:translateX(3px)}

/* Products area */
.mega-products{display:flex;flex-direction:column;overflow:hidden;min-width:0}
.mega-products__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:14px;border-bottom:1px dashed #e2e8f0;flex-wrap:wrap;gap:8px}
.mega-products__title{display:flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:900;color:var(--dark-navy);letter-spacing:1.8px;text-transform:uppercase}
.mega-products__title i{color:var(--primary-red);font-size:.75rem}
.mega-products__count{font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;color:var(--primary-red);background:#fef2f2;padding:3px 10px;border-radius:999px;border:1px solid rgba(211,47,47,.2)}
.mega-products__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}
.mega-products__grid::-webkit-scrollbar{width:5px}
.mega-products__grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9px}

.mega-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;opacity:0;transform:translateY(14px);animation:megaCardIn .45s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes megaCardIn{to{opacity:1;transform:translateY(0)}}
.mega-card:hover{border-color:rgba(211,47,47,.4);transform:translateY(-5px);box-shadow:0 22px 45px -22px rgba(211,47,47,.5)}
.mega-card__img-wrap{position:relative;aspect-ratio:1.15/1;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}
.mega-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.mega-card:hover .mega-card__img{transform:scale(1.13)}
.mega-card__badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.48rem;font-weight:900;padding:4px 7px;border-radius:5px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 6px 14px -5px rgba(211,47,47,.7);z-index:2}
.mega-card__body{padding:10px 11px 12px;display:flex;flex-direction:column;gap:5px;flex:1}
.mega-card__title{font-size:.72rem;font-weight:600;color:#374151;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:1.9em}
.mega-card:hover .mega-card__title{color:var(--primary-red)}
.mega-card__price-row{display:flex;align-items:baseline;gap:6px;margin-top:auto;flex-wrap:wrap}
.mega-card__price{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:900;color:var(--primary-red)}
.mega-card__old{font-size:.62rem;color:#94a3b8;text-decoration:line-through;font-weight:500}

/* Footer */
.mega-menu__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 26px;background:#f8fafc;border-top:1px solid #eef1f6;gap:14px;flex-wrap:wrap}
.mega-menu__footer-info{font-size:.72rem;color:var(--text-gray);font-weight:500}
.mega-menu__footer-info b{color:var(--dark-navy);font-weight:800;font-family:'Montserrat',sans-serif}
.mega-menu__footer-link{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary-red);transition:all .3s ease}
.mega-menu__footer-link:hover{gap:12px}
.mega-empty{grid-column:1/-1;text-align:center;padding:40px 20px;color:var(--text-gray);font-size:.82rem;font-weight:500}
.mega-empty i{font-size:2rem;color:#cbd5e1;display:block;margin-bottom:10px}

/* HERO */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:80px 0 140px}
.hero-slides{position:absolute;inset:0;z-index:-4;overflow:hidden}
.hero-slide{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;animation:heroKenBurns 32s infinite}
.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:8s}.hero-slide:nth-child(3){animation-delay:16s}.hero-slide:nth-child(4){animation-delay:24s}
@keyframes heroKenBurns{0%{opacity:0;transform:scale(1.06)}5%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1.18)}100%{opacity:0;transform:scale(1.06)}}
.hero-overlay{position:absolute;inset:0;z-index:-3;background:radial-gradient(1000px 600px at 50% 30%, rgba(211,47,47,.22) 0%, transparent 65%),linear-gradient(180deg,rgba(15,23,42,.75),rgba(15,23,42,.94))}
.hero-grid{position:absolute;inset:-40px;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);animation:gridDrift 26s linear infinite;pointer-events:none}
@keyframes gridDrift{to{background-position:54px 54px,54px 54px}}
.hero-particles{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-particles span{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);opacity:0;animation:rise var(--dur) linear infinite;animation-delay:var(--delay)}
@keyframes rise{0%{transform:translate3d(0,30px,0) scale(.5);opacity:0}18%{opacity:.85}78%{opacity:.3}100%{transform:translate3d(14px,-200px,0) scale(1.05);opacity:0}}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E5EDF9;padding:8px 20px 8px 14px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;backdrop-filter:blur(10px);animation:fadeUp .7s both}
.hero-eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#25D366;animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.hero-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:18px;text-transform:uppercase;animation:fadeUp .7s .08s both}
.hero-headline span{color:var(--primary-red);position:relative;display:inline-block}
.hero-headline span::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:12px;background:rgba(211,47,47,.28);z-index:-1;transform:skewX(-15deg)}
.typed-wrap{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,3.6vw,3rem);font-weight:900;line-height:1.25;color:#E5EDF9;margin-bottom:26px;display:block;min-height:1.4em;animation:fadeUp .7s .16s both;text-transform:uppercase}
.typed-line{display:inline-block;font-weight:900;min-height:1.2em;background:linear-gradient(120deg,#ff5a5a,#FFD166 50%,var(--primary-red));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease-in-out infinite}
@keyframes gradientShift{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
.typed-caret{display:inline-block;width:4px;height:1em;margin-left:6px;vertical-align:-.12em;border-radius:2px;background:var(--primary-red);animation:caretBlink 1.05s steps(1,end) infinite}
@keyframes caretBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
.hero-desc{font-size:1.02rem;color:#B6C6DE;line-height:1.75;margin:0 auto 40px;max-width:640px;animation:fadeUp .7s .24s both}
.hero-desc b{color:#fff;font-weight:700}
.hero-search{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.85);position:relative;overflow:hidden;max-width:960px;margin:0 auto 32px;animation:fadeUp .7s .32s both;text-align:left}
.hero-search::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-red),#F5919A,var(--dark-navy),#F5919A,var(--primary-red));background-size:200% 100%;animation:barSlide 6s linear infinite}
@keyframes barSlide{to{background-position:200% 0}}
.hero-search__head{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:14px;text-transform:uppercase;letter-spacing:.8px}
.hero-search__head i{color:var(--primary-red);font-size:.9rem}
.hero-search__head strong{color:var(--primary-red);margin-left:auto;font-size:.7rem;padding:4px 10px;background:#FDECEE;border-radius:999px;letter-spacing:1px}
.hero-search__row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px}
.field{position:relative}
.field select{appearance:none;-webkit-appearance:none;width:100%;padding:14px 34px 14px 14px;border:1.5px solid var(--light-gray);border-radius:12px;background:#fff;font-size:.88rem;font-weight:600;color:var(--dark-navy);cursor:pointer;outline:none;transition:all .2s ease}
.field select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.field select:invalid{color:#93a2b8}
.field--select::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #8895a8;border-bottom:2px solid #8895a8;transform:translateY(-72%) rotate(45deg);pointer-events:none}
.hero-search__btn{border:0;cursor:pointer;font-weight:700;font-size:.9rem;border-radius:12px;padding:14px 28px;white-space:nowrap;color:#fff;background:linear-gradient(180deg,#F04A56,var(--hover-red));box-shadow:0 12px 26px -10px rgba(211,47,47,.9);transition:transform .18s ease;display:inline-flex;align-items:center;gap:9px}
.hero-search__btn:hover{transform:translateY(-2px)}
.hero-search__hint{margin:13px 0 0;font-size:.78rem;font-weight:600;color:var(--text-gray);display:flex;align-items:center;gap:8px;min-height:20px}
.hero-search__hint.is-success{color:var(--green)}
.hero-search__hint.is-error{color:var(--primary-red)}
.hint-pop{animation:hintPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes hintPop{0%{transform:translateY(6px);opacity:0}100%{transform:translateY(0);opacity:1}}
.hero-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;animation:fadeUp .7s .4s both}
.quick-tag{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#DDE7F5;padding:7px 14px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:7px}
.quick-tag i{color:var(--primary-red);font-size:.75rem}
.quick-tag:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-2px)}
.quick-tag:hover i{color:white}
.chip-float{position:absolute;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:11px 15px 11px 11px;display:flex;align-items:center;gap:11px;box-shadow:0 22px 45px -18px rgba(0,0,0,.6);animation:bobChip 5.5s ease-in-out infinite;z-index:3}
.chip-float:nth-child(1){top:20%;left:4%}
.chip-float:nth-child(2){top:55%;right:5%;animation-delay:1.2s}
.chip-float:nth-child(3){bottom:22%;left:8%;animation-delay:2.4s}
.chip-float:nth-child(4){bottom:30%;right:9%;animation-delay:3.6s}
@keyframes bobChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.chip-float__img{width:44px;height:44px;border-radius:10px;background-size:cover;background-position:center;flex-shrink:0;border:1px solid rgba(15,23,42,.1)}
.chip-float__txt h4{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);white-space:nowrap}
.chip-float__txt span{font-size:.68rem;color:var(--text-gray);font-weight:600;white-space:nowrap}
.chip-float__txt span em{color:var(--primary-red);font-style:normal;font-weight:800}

/* TRUST */
.trust-overlap{position:relative;z-index:10;margin-top:-90px;padding:0 20px}
.trust-panel{max-width:1300px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 30px 70px -30px rgba(15,23,42,.35);padding:36px 30px;position:relative;overflow:hidden;animation:trustRise .9s .2s cubic-bezier(.34,1.56,.64,1) both}
@keyframes trustRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.trust-panel::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:280px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-red),transparent)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-item{text-align:center;padding:8px 20px;position:relative;cursor:pointer;opacity:0;animation:trustItemIn .8s cubic-bezier(.34,1.56,.64,1) forwards;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.trust-item:nth-child(1){animation-delay:.35s}.trust-item:nth-child(2){animation-delay:.48s}.trust-item:nth-child(3){animation-delay:.61s}.trust-item:nth-child(4){animation-delay:.74s}
@keyframes trustItemIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.trust-item:hover{transform:translateY(-8px)}
.trust-item:not(:last-child)::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:linear-gradient(180deg,transparent,#e2e8f0 25%,#e2e8f0 75%,transparent)}
.trust-icon{width:92px;height:92px;margin:0 auto 20px;position:relative;border-radius:50%;background:radial-gradient(circle at 30% 25%, #fff 0%, #eef2f7 60%, #e4eaf3 100%);display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-icon{transform:scale(1.12) rotate(-8deg);background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 20px 45px -12px rgba(211,47,47,.65)}
.trust-icon svg{width:40px;height:40px;stroke:#0f172a;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:iconFloat 4.6s ease-in-out infinite;transition:stroke .4s ease}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.trust-item:hover .trust-icon svg{stroke:#fff}
.trust-badge{position:absolute;top:-4px;right:-10px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 11px;border-radius:999px;border:2px solid #fff;box-shadow:0 6px 18px -4px rgba(211,47,47,.65);animation:badgeBounce 3s ease-in-out infinite}
@keyframes badgeBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}
.trust-item:hover .trust-badge{animation:none;background:#fff;color:var(--primary-red);border-color:var(--primary-red);transform:translateY(-4px) scale(1.12)}
.trust-title{font-family:'Montserrat',sans-serif;font-size:.92rem;font-weight:800;color:#0f172a;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:10px;position:relative;display:inline-block}
.trust-title::after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,var(--primary-red),#FF8B94);transform:translateX(-50%);transition:width .4s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-title{color:var(--primary-red)}
.trust-item:hover .trust-title::after{width:60%}
.trust-desc{font-size:.86rem;color:var(--text-gray);line-height:1.65;max-width:250px;margin:0 auto}

/* OFFER STRIP */
.offer-strip{position:relative;background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#2a1a1a 100%);padding:22px 0;overflow:hidden;border-top:3px solid var(--primary-red);border-bottom:3px solid var(--primary-red);margin-top:60px}
.offer-strip-inner{display:flex;align-items:center;gap:20px;position:relative;z-index:2}
.offer-strip-tag{background:var(--primary-red);color:white;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:8px 16px;border-radius:6px;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;gap:8px}
.offer-strip-tag i{animation:rotate360 3s linear infinite}
@keyframes rotate360{to{transform:rotate(360deg)}}
.offer-marquee{flex:1;overflow:hidden;position:relative}
.offer-marquee::before,.offer-marquee::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.offer-marquee::before{left:0;background:linear-gradient(90deg,#0f172a,transparent)}
.offer-marquee::after{right:0;background:linear-gradient(90deg,transparent,#0f172a)}
.offer-track{display:flex;gap:50px;white-space:nowrap;animation:offerScroll 30s linear infinite;align-items:center}
.offer-marquee:hover .offer-track{animation-play-state:paused}
@keyframes offerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.offer-item{display:inline-flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.92rem;color:#E5EDF9}
.offer-item i{color:var(--primary-red);font-size:1rem}
.offer-item strong{color:#FF8B94;font-weight:900;padding:2px 8px;background:rgba(211,47,47,.2);border-radius:5px}
.offer-item em{font-style:normal;color:#FFD166;font-weight:800}

/* SECTION HEAD */
.section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
@keyframes naKickerIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:14px;animation:naTitleIn .8s .08s both}
.section-title span{color:var(--primary-red);position:relative;display:inline-block}
.section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes titleUnderline{to{transform:skewX(-15deg) scaleX(1)}}
@keyframes naTitleIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.section-sub{color:var(--text-gray);font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.7;animation:naTitleIn .8s .16s both}
.section-sub b{color:var(--dark-navy);font-weight:700}

/* NEW ARRIVALS */
.new-arrivals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.na-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:44px}
.na-tab{background:#fff;border:1.5px solid var(--light-gray);color:var(--text-dark);padding:11px 22px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:8px}
.na-tab i{font-size:.8rem;color:var(--text-gray)}
.na-tab:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px)}
.na-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);transform:translateY(-3px) scale(1.03)}
.na-tab.active i{color:#fff}
.na-tab__count{background:rgba(0,0,0,.08);padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:800}
.na-tab.active .na-tab__count{background:rgba(255,255,255,.22)}
.na-carousel{position:relative;padding:0 56px}
.na-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px) / 5);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:12px 4px 22px;scrollbar-width:none}
.na-track::-webkit-scrollbar{display:none}
.na-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:0 0 14px;scroll-snap-align:start;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(35px)}
.na-card.revealed{opacity:1;transform:translateY(0)}
.na-card:hover{border-color:var(--primary-red);box-shadow:0 30px 55px -22px rgba(211,47,47,.35);transform:translateY(-10px)}
.na-img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);aspect-ratio:1;overflow:hidden;margin-bottom:14px}
.na-img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:all .7s cubic-bezier(.34,1.56,.64,1);opacity:0}
.na-img-wrap img.active{opacity:1}
.na-card:hover .na-img-wrap img.active{transform:scale(1.13)}
.na-sale{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#FF6B6B,#d32f2f);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:5}
.na-free{position:absolute;bottom:14px;left:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:6px 9px;border-radius:7px;text-transform:uppercase;z-index:5;display:flex;align-items:center;gap:5px}
.na-body{padding:0 14px;display:flex;flex-direction:column;flex:1}
.na-title-card{font-size:.84rem;font-weight:600;color:#374151;line-height:1.45;min-height:2.9em;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.na-card:hover .na-title-card{color:var(--primary-red)}
.na-stars{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#d1d5db;margin-bottom:12px}
.na-stars .filled{color:var(--star-gold)}
.na-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.na-price{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--primary-red)}
.na-old{font-size:.78rem;color:#94a3b8;text-decoration:line-through}
.na-add-btn{flex:1;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;border-radius:10px;color:#fff;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:all .35s ease;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:7px}
.na-add-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px rgba(211,47,47,.75)}
.na-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;z-index:5;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.na-nav:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-50%) scale(1.14)}
.na-nav--prev{left:0}.na-nav--next{right:0}
.view-all{display:flex;justify-content:center;margin-top:48px}
.view-all a{display:inline-flex;align-items:center;gap:12px;padding:15px 36px;border-radius:999px;background:#fff;border:2px solid var(--dark-navy);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;transition:all .45s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.view-all a::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover::before{transform:scaleX(1)}
.view-all a span,.view-all a i{position:relative;z-index:1}
.view-all a:hover{color:#fff;border-color:var(--primary-red)}
.view-all a i{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover i{transform:translateX(6px)}

/* BRAND BANNERS */
.brand-banners{padding:90px 0 100px;background:radial-gradient(900px 400px at 30% 0%, rgba(211,47,47,.05) 0%, transparent 60%),radial-gradient(900px 400px at 70% 100%, rgba(15,23,42,.05) 0%, transparent 60%),#f8fafc;position:relative;overflow:hidden}
.bb-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.bb-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/8.5;min-height:260px;cursor:pointer;isolation:isolate;box-shadow:0 20px 45px -22px rgba(15,23,42,.4);opacity:0;transform:translateY(35px)}
.bb-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover{transform:translateY(-8px);box-shadow:0 40px 70px -26px rgba(15,23,42,.6),0 0 0 2px var(--bb-accent,var(--primary-red))}
.bb-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:bbKenBurns 22s ease-in-out infinite alternate;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1)}
@keyframes bbKenBurns{0%{transform:scale(1)}100%{transform:scale(1.08) translate(-8px,-6px)}}
.bb-card:hover .bb-img{transform:scale(1.15) translate(-10px,-8px)}
.bb-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(15,23,42,.9),rgba(15,23,42,.75) 32%,rgba(15,23,42,.35) 58%,rgba(15,23,42,.05))}
.bb-content{position:relative;z-index:2;padding:32px 36px;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:70%}
.bb-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#E5EDF9;padding:5px 12px 5px 9px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:14px;align-self:flex-start;transition:all .4s ease}
.bb-tag__dot{width:6px;height:6px;border-radius:50%;background:var(--bb-accent,var(--primary-red))}
.bb-card:hover .bb-tag{background:var(--bb-accent,var(--primary-red));border-color:var(--bb-accent,var(--primary-red));color:#fff;transform:translateX(4px)}
.bb-headline{font-family:'Montserrat',sans-serif;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;color:#E5EDF9;line-height:1.2;margin-bottom:6px}
.bb-brand{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,2.9vw,2.3rem);font-weight:900;color:var(--bb-accent,var(--primary-red));letter-spacing:-.02em;line-height:1.05;margin-bottom:14px;text-shadow:0 4px 18px rgba(0,0,0,.5);position:relative;display:inline-block;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.bb-brand::after{content:"";position:absolute;bottom:-6px;left:0;height:3px;width:44px;background:var(--bb-accent,var(--primary-red));border-radius:2px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover .bb-brand{transform:translateX(3px)}
.bb-card:hover .bb-brand::after{width:80px}
.bb-text{font-size:.86rem;color:#B6C6DE;line-height:1.6;margin-bottom:22px;max-width:420px}
.bb-cta{display:inline-flex;align-items:center;gap:11px;background:linear-gradient(135deg,var(--bb-accent,var(--primary-red)),#8c1a1a);color:#fff;padding:12px 24px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(6px);opacity:.85}
.bb-card:hover .bb-cta{transform:translateY(0);opacity:1}
.bb-count{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.95);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:900;padding:8px 13px;border-radius:999px;z-index:4;display:flex;align-items:center;gap:7px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.bb-count i{color:var(--bb-accent,var(--primary-red));font-size:.7rem}
.bb-card:hover .bb-count{background:var(--bb-accent,var(--primary-red));color:#fff;transform:translateY(-4px) scale(1.06)}
.bb-card:hover .bb-count i{color:#fff}

/* CATEGORIES */
.categories{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cat-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1/1.05;cursor:pointer;isolation:isolate;background:#fff;box-shadow:0 12px 30px -18px rgba(15,23,42,.35);opacity:0;transform:translateY(35px)}
.cat-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover{transform:translateY(-10px);box-shadow:0 40px 70px -28px rgba(15,23,42,.55),0 0 0 2px var(--cat-accent,var(--primary-red))}
.cat-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:catKenBurns 20s ease-in-out infinite alternate}
@keyframes catKenBurns{0%{transform:scale(1)}100%{transform:scale(1.1) translate(-6px,-6px)}}
.cat-card:hover .cat-img{transform:scale(1.2) translate(-10px,-10px)}
.cat-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,23,42,.15) 0%,rgba(15,23,42,.45) 45%,rgba(15,23,42,.92) 100%)}
.cat-content{position:absolute;inset:auto 0 0 0;padding:24px 22px;z-index:2;display:flex;flex-direction:column;gap:6px}
.cat-icon-wrap{position:absolute;top:18px;left:18px;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--cat-accent,var(--primary-red));font-size:1.3rem;z-index:3;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-icon-wrap{background:var(--cat-accent,var(--primary-red));color:#fff;transform:rotate(-10deg) scale(1.08)}
.cat-name{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:#fff;letter-spacing:-.01em;line-height:1.15;text-shadow:0 4px 14px rgba(0,0,0,.5);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-name{transform:translateY(-3px)}
.cat-count{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#B6C6DE}
.cat-count b{color:var(--cat-accent,var(--primary-red));font-weight:900;background:rgba(255,255,255,.12);padding:2px 8px;border-radius:999px}
.cat-arrow{position:absolute;bottom:24px;right:22px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.9rem;z-index:3;opacity:0;transform:translateX(12px) scale(.9);transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-arrow{opacity:1;transform:translateX(0) scale(1);background:var(--cat-accent,var(--primary-red));color:#fff}
.cat-badge{position:absolute;top:18px;right:18px;background:linear-gradient(135deg,var(--cat-accent,var(--primary-red)),#8c1a1a);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.2px;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:3;display:flex;align-items:center;gap:5px;animation:catBadgePulse 2.8s ease-in-out infinite}
@keyframes catBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* PRODUCT SLIDER */
.product-slider{position:relative;padding:0;background:#0f172a;overflow:hidden;isolation:isolate;min-height:640px;display:flex;align-items:center}
.product-slider__header{position:absolute;top:34px;left:0;right:0;z-index:5;text-align:center;padding:0 20px}
.product-slider__kicker{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#E5EDF9;padding:6px 16px 6px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:12px;backdrop-filter:blur(10px)}
.product-slider__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.product-slider__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.product-slider__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}
.product-slider__title span{color:var(--primary-red)}
.ps-viewport{position:absolute;inset:0;overflow:hidden;z-index:1}
.ps-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:translateX(100%) scale(1.08);transition:opacity 1.1s cubic-bezier(.7,0,.3,1),transform 1.3s cubic-bezier(.7,0,.3,1)}
.ps-slide.is-active{opacity:1;transform:translateX(0) scale(1);animation:psKenBurns 9s ease-out forwards}
.ps-slide.is-prev{opacity:0;transform:translateX(-100%) scale(1.08)}
@keyframes psKenBurns{0%{background-size:100% auto}100%{background-size:112% auto}}
.ps-slide::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 25% 60%, rgba(211,47,47,.28) 0%, transparent 65%),linear-gradient(95deg,rgba(15,23,42,.95) 0%,rgba(15,23,42,.8) 32%,rgba(15,23,42,.4) 58%,rgba(15,23,42,.1) 100%)}
.ps-inner{position:relative;z-index:3;max-width:1300px;margin:0 auto;padding:140px 20px 120px;width:100%;display:flex;align-items:center;min-height:640px}
.ps-content{max-width:600px;opacity:0;transform:translateX(-40px)}
.ps-slide.is-active .ps-content{animation:psContentIn .9s .35s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psContentIn{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}
.ps-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.ps-tag__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.ps-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2.2rem,4.4vw,3.8rem);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.05;text-transform:uppercase;margin-bottom:16px;text-shadow:0 6px 26px rgba(0,0,0,.5)}
.ps-headline span{color:var(--primary-red)}
.ps-sub{font-family:'Montserrat',sans-serif;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;color:#E5EDF9;line-height:1.35;margin-bottom:22px;max-width:520px}
.ps-desc{font-size:1rem;color:#B6C6DE;line-height:1.7;margin-bottom:32px;max-width:520px}
.ps-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ps-btn{display:inline-flex;align-items:center;gap:11px;padding:15px 30px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none}
.ps-btn--primary{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;box-shadow:0 14px 30px -10px rgba(211,47,47,.85)}
.ps-btn--primary:hover{transform:translateY(-4px)}
.ps-btn--ghost{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px)}
.ps-btn--ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-4px)}
.ps-product-card{position:absolute;right:8%;top:50%;transform:translateY(-50%) translateX(60px) scale(.92);opacity:0;width:280px;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);z-index:4;pointer-events:none}
.ps-slide.is-active .ps-product-card{animation:psCardIn 1s .55s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psCardIn{to{transform:translateY(-50%) translateX(0) scale(1);opacity:1}}
.ps-product-card__img{width:100%;aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center;margin-bottom:14px;position:relative;overflow:hidden}
.ps-product-card__badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:2}
.ps-product-card__name{font-size:.86rem;font-weight:600;color:#374151;line-height:1.4;min-height:2.6em;margin-bottom:10px}
.ps-product-card__price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
.ps-product-card__price{font-family:'Montserrat',sans-serif;font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-product-card__old{font-size:.75rem;color:#94a3b8;text-decoration:line-through}
.ps-product-card__rating{display:flex;gap:2px;font-size:.72rem;color:var(--star-gold);margin-bottom:14px}
.ps-product-card__rating span{color:var(--text-gray);font-size:.68rem;margin-left:5px}
.ps-product-card__btn{width:100%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;color:#fff;padding:11px 14px;border-radius:10px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .35s ease;pointer-events:auto}
.ps-product-card__btn:hover{transform:translateY(-2px)}
.ps-counter{position:absolute;top:34px;right:30px;z-index:6;font-family:'Montserrat',sans-serif;color:#fff;display:flex;align-items:baseline;gap:4px;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-counter__current{font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-counter__sep{color:rgba(255,255,255,.35);font-size:.85rem;margin:0 3px}
.ps-counter__total{font-size:.85rem;font-weight:700;color:#B6C6DE}
.ps-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;font-size:1.05rem;z-index:7;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.ps-arrow:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-50%) scale(1.12)}
.ps-arrow--prev{left:26px}
.ps-arrow--next{right:26px}
.ps-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.1);z-index:8;overflow:hidden}
.ps-progress__fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--primary-red),#FF8B94)}
.ps-dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:7;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 14px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.3);cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;padding:0}
.ps-dot.active{background:var(--primary-red);width:28px}

/* EXTERIOR */
.mega-deals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#fff 0%,#f8fafc 100%);position:relative;overflow:hidden}
.mega-deals::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.025) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.md-section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.md-section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.md-section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
.md-section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:16px;animation:naTitleIn .8s .08s both}
.md-section-title span{color:var(--primary-red);position:relative;display:inline-block}
.md-section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
.md-section-sub{color:var(--text-gray);font-size:.98rem;max-width:680px;margin:0 auto 32px;line-height:1.75;animation:naTitleIn .8s .16s both}
.md-section-sub b{color:var(--dark-navy);font-weight:700}
.md-features{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px;margin-bottom:52px;position:relative;z-index:2;animation:naTitleIn .8s .24s both}
.md-feature{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;color:#475569;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #eef1f6;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.md-feature i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.62rem;display:flex;align-items:center;justify-content:center}
.md-feature:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.4);color:var(--primary-red);box-shadow:0 10px 22px -12px rgba(211,47,47,.4)}

.md-wrap{display:grid;grid-template-columns:260px 320px 1fr;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -34px rgba(15,23,42,.32);background:#fff;opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2;border:1px solid #eef1f6}
.md-wrap.revealed{opacity:1;transform:translateY(0)}
.md-cats{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);padding:38px 30px;border-right:1px solid #eef1f6;display:flex;flex-direction:column;position:relative}
.md-cats__label{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--text-gray);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.md-cats__label::before{content:"";width:14px;height:2px;background:var(--primary-red);border-radius:2px}
.md-cats__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary-red);margin-bottom:32px;letter-spacing:-.015em;line-height:1.15;position:relative}
.md-cats__title::after{content:"";position:absolute;left:0;bottom:-10px;width:36px;height:3px;background:var(--primary-red);border-radius:2px;animation:mdTitleLine 3s ease-in-out infinite}
@keyframes mdTitleLine{0%,100%{width:36px;opacity:.85}50%{width:58px;opacity:1}}
.md-cats__list{display:flex;flex-direction:column;gap:4px;flex:1}
.md-cat{font-size:.92rem;font-weight:500;color:#6b7280;padding:11px 14px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;border-radius:10px;background:transparent;border:1.5px solid transparent;font-family:'Poppins',sans-serif}
.md-cat__icon{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat__txt{flex:1;text-align:left;line-height:1.3}
.md-cat__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.md-cat:hover{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.15);transform:translateX(6px)}
.md-cat:hover .md-cat__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.md-cat:hover .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat.active{background:linear-gradient(135deg,rgba(211,47,47,.08),rgba(211,47,47,.04));color:var(--primary-red);border-color:rgba(211,47,47,.25);font-weight:700;transform:translateX(6px);box-shadow:0 8px 20px -12px rgba(211,47,47,.5)}
.md-cat.active .md-cat__icon{background:var(--primary-red);color:#fff}
.md-cat.active .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat--view{margin-top:auto;color:var(--dark-navy);font-weight:700;padding:14px;margin-top:24px;border-top:1px solid #eef1f6;display:inline-flex;align-items:center;gap:10px;font-size:.85rem}
.md-cat--view__badge{margin-left:auto;background:#f1f5f9;color:#64748b;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:1.2px;text-transform:uppercase}
.md-cat--view:hover{color:var(--primary-red);transform:translateX(6px)}
.md-cat--view:hover .md-cat--view__badge{background:var(--primary-red);color:#fff}
.md-cat--view i{font-size:.75rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat--view:hover i{transform:translateX(4px)}
.md-promo{position:relative;background:radial-gradient(400px 300px at 50% 100%, rgba(211,47,47,.22) 0%, transparent 70%),linear-gradient(160deg,#FFE9E5 0%,#FFD9D4 55%,#FFC8C2 100%);overflow:hidden;padding:38px 30px 0;cursor:pointer;display:flex;flex-direction:column}
.md-promo__badge{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.9);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 12px;border-radius:999px;z-index:3;animation:mdPromoBadgePulse 3s ease-in-out infinite}
@keyframes mdPromoBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.md-promo__img{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:120%;max-height:70%;background-size:contain;background-repeat:no-repeat;background-position:center bottom;z-index:-1;animation:mdPromoFloat 6s ease-in-out infinite}
@keyframes mdPromoFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
.md-promo__content{position:relative;z-index:2;margin-bottom:auto}
.md-promo__tag{display:inline-flex;align-items:center;gap:7px;background:rgba(211,47,47,.1);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:14px;border:1px solid rgba(211,47,47,.2)}
.md-promo__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-promo__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:#111827;line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}
.md-promo__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.md-promo__title em::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:6px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg)}
.md-promo__sub{font-size:.88rem;color:#4b5563;line-height:1.55;margin-bottom:20px;max-width:240px}
.md-promo__stats{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.md-promo__stat{display:flex;align-items:center;gap:9px;font-size:.74rem;color:#475569;font-weight:600}
.md-promo__stat i{width:20px;height:20px;border-radius:50%;background:#fff;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0;box-shadow:0 4px 10px -3px rgba(211,47,47,.3)}
.md-promo__cta{display:inline-flex;align-items:center;gap:9px;background:var(--primary-red);color:#fff;padding:11px 22px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(211,47,47,.7);position:relative;overflow:hidden}
.md-promo__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.md-promo__cta:hover::before{left:100%}
.md-promo__cta:hover{transform:translateY(-3px);box-shadow:0 16px 32px -10px rgba(211,47,47,.9)}
.md-products{background:#f8f9fb;padding:28px 30px 30px;display:flex;flex-direction:column}
.md-products__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid #eef1f6}
.md-products__title h4{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block}
.md-products__title h4::after{content:"";position:absolute;bottom:-6px;left:0;width:34px;height:2px;background:var(--primary-red);border-radius:2px;animation:mdHeadLine 3s ease-in-out infinite}
@keyframes mdHeadLine{0%,100%{width:34px;opacity:.75}50%{width:56px;opacity:1}}
.md-products__title span{font-size:.7rem;color:var(--text-gray);font-weight:500;margin-top:6px;display:block}
.md-nav{display:flex;gap:6px;align-items:center}
.md-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.md-nav__info b{color:var(--primary-red)}
.md-nav__btn{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.md-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.12)}
.md-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.md-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;position:relative;margin-top:20px}
.md-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden}
@keyframes mdCardIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.md-card:hover{transform:translateY(-6px);border-color:rgba(211,47,47,.35);box-shadow:0 25px 50px -26px rgba(211,47,47,.45)}
.md-card__top{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.md-card__img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:9px;overflow:hidden;aspect-ratio:1;align-self:center}
.md-card__img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.md-card:hover .md-card__img{transform:scale(1.14)}
.md-card__free{position:absolute;top:6px;left:6px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.48rem;font-weight:900;line-height:1.15;padding:5px 7px;border-radius:5px;text-transform:uppercase;z-index:3;animation:mdFreePulse 2.4s ease-in-out infinite}
@keyframes mdFreePulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}
.md-card__zoom{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.7rem;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:4}
.md-card__zoom:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.18) rotate(-10deg)}
.md-card__info{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:6px}
.md-card__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:5px}
.md-card__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.md-card__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.md-card:hover .md-card__title{color:var(--primary-red)}
.md-card__stars{display:flex;gap:2px;color:#d1d5db;font-size:.65rem}
.md-card__stars .filled{color:var(--star-gold)}
.md-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:2px;flex-wrap:wrap}
.md-card__price{font-family:'Montserrat',sans-serif;font-size:.96rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.md-card__old{font-size:.7rem;color:#94a3b8;text-decoration:line-through}
.md-card__price--call{font-size:.82rem;font-weight:800;color:var(--dark-navy)}
.md-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9;font-size:.65rem;color:var(--text-gray);font-weight:500}
.md-card__meta-item{display:inline-flex;align-items:center;gap:5px}
.md-card__meta-item i{font-size:.62rem;color:#94a3b8}
.md-card__stock{display:inline-flex;align-items:center;gap:5px;color:#16a34a;font-weight:700}
.md-card__stock i{font-size:.5rem;color:#16a34a;animation:mdStockBlink 1.6s ease-in-out infinite}
@keyframes mdStockBlink{0%,100%{opacity:1}50%{opacity:.4}}
.md-card__stock--low{color:#eab308}
.md-assurance{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;padding:22px 26px;background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 12px 30px -22px rgba(15,23,42,.18);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .3s cubic-bezier(.34,1.56,.64,1)}
.md-assurance.revealed{opacity:1;transform:translateY(0)}
.md-assurance__item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-right:1px solid #eef1f6}
.md-assurance__item:last-child{border-right:none}
.md-assurance__icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-assurance__item:hover .md-assurance__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.md-assurance__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;color:var(--dark-navy);letter-spacing:.3px;margin-bottom:2px}
.md-assurance__txt span{font-size:.66rem;color:var(--text-gray);font-weight:500}

/* ELECTRICAL & LIGHTING */
.electrical-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#ffffff 0%,#fafafa 100%);position:relative;overflow:hidden}
.electrical-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.03) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.el-header{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin-bottom:50px;position:relative;z-index:2;padding-bottom:32px;border-bottom:1px solid #eef1f6}
.el-header__left{animation:naTitleIn .8s .05s cubic-bezier(.4,0,.2,1) both}
.el-header__right{animation:naTitleIn .8s .15s cubic-bezier(.4,0,.2,1) both}
.el-header__kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.el-header__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-header__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.el-header__title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.08;margin-bottom:14px}
.el-header__title span{color:var(--primary-red);position:relative;display:inline-block}
.el-header__title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .5s cubic-bezier(.34,1.56,.64,1) forwards}
.el-header__lead{font-size:.95rem;color:var(--text-gray);line-height:1.7;max-width:520px}
.el-header__lead b{color:var(--dark-navy);font-weight:700}
.el-header__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.el-stat{background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.35);box-shadow:0 14px 30px -18px rgba(211,47,47,.35)}
.el-stat__icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover .el-stat__icon{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;transform:rotate(-8deg) scale(1.08)}
.el-stat__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;line-height:1.2;margin-bottom:2px}
.el-stat__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}
.el-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px;position:relative;z-index:2;animation:naTitleIn .8s .25s cubic-bezier(.4,0,.2,1) both}
.el-tab{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #eef1f6;color:#475569;padding:12px 20px 12px 14px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.el-tab__icon{width:26px;height:26px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.68rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-tab__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.el-tab:hover{border-color:rgba(211,47,47,.35);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(211,47,47,.35)}
.el-tab:hover .el-tab__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.el-tab:hover .el-tab__count{background:var(--primary-red);color:#fff}
.el-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 16px 32px -12px rgba(211,47,47,.55);transform:translateY(-3px) scale(1.02)}
.el-tab.active .el-tab__icon{background:rgba(255,255,255,.2);color:#fff}
.el-tab.active .el-tab__count{background:rgba(255,255,255,.25);color:#fff}

.el-feature-banner{position:relative;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;min-height:280px;margin-bottom:34px;background:radial-gradient(500px 400px at 90% 100%, rgba(211,47,47,.12) 0%, transparent 70%),linear-gradient(120deg,#ffffff 0%,#fef5f5 45%,#fde8e8 100%);border:1px solid rgba(211,47,47,.15);box-shadow:0 30px 70px -34px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.el-feature-banner.revealed{opacity:1;transform:translateY(0)}
.el-feature-banner::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));z-index:4}
.el-feature-banner__content{padding:38px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;max-width:520px}
.el-feature-banner__tag{display:inline-flex;align-items:center;gap:8px;background:rgba(211,47,47,.1);color:var(--primary-red);padding:6px 14px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:16px;align-self:flex-start;border:1px solid rgba(211,47,47,.25);transition:all .4s ease}
.el-feature-banner__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-feature-banner:hover .el-feature-banner__tag{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}
.el-feature-banner:hover .el-feature-banner__tag__dot{background:#fff}
.el-feature-banner__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:900;color:var(--dark-navy);line-height:1.15;letter-spacing:-.02em;margin-bottom:12px}
.el-feature-banner__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.el-feature-banner__title em::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:8px;background:rgba(211,47,47,.2);z-index:-1;transform:skewX(-15deg)}
.el-feature-banner__sub{font-size:.9rem;color:#4b5563;line-height:1.6;margin-bottom:22px;max-width:380px}
.el-feature-banner__cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;padding:12px 26px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);position:relative;overflow:hidden}
.el-feature-banner__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.el-feature-banner:hover .el-feature-banner__cta::before{left:100%}
.el-feature-banner__cta:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.8)}
.el-feature-banner__visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.el-feature-banner__visual::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 240px at 50% 50%, rgba(211,47,47,.15) 0%, transparent 70%);z-index:1;opacity:.7}
.el-feature-banner:hover .el-feature-banner__visual::before{opacity:1}
.el-feature-banner__img{position:relative;z-index:2;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1);animation:elBannerFloat 6s ease-in-out infinite}
@keyframes elBannerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.el-feature-banner:hover .el-feature-banner__img{transform:scale(1.08) translateY(-14px);animation:none}
.el-feature-banner__badge{position:absolute;top:22px;right:22px;background:var(--dark-navy);color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:8px 14px;border-radius:999px;z-index:5;box-shadow:0 10px 22px -8px rgba(15,23,42,.5);animation:mdPromoBadgePulse 3s ease-in-out infinite}

.el-products-panel{background:#fff;border:1px solid #eef1f6;border-radius:22px;padding:28px 30px 30px;box-shadow:0 20px 50px -34px rgba(15,23,42,.2);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s .1s cubic-bezier(.34,1.56,.64,1)}
.el-products-panel.revealed{opacity:1;transform:translateY(0)}
.el-products-panel__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #eef1f6;flex-wrap:wrap;gap:14px}
.el-products-panel__title{display:flex;align-items:center;gap:14px}
.el-products-panel__title h4{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block;padding-left:20px}
.el-products-panel__title h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--primary-red);animation:mdStockBlink 1.6s ease-in-out infinite}
.el-products-panel__title span{font-size:.72rem;color:var(--text-gray);font-weight:500;padding-left:18px;border-left:1px solid #eef1f6}
.el-nav{display:flex;gap:6px;align-items:center}
.el-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.el-nav__info b{color:var(--primary-red)}
.el-nav__btn{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.el-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}
.el-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.el-grid-new{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.el-card-new{background:#fff;border:1px solid #eef1f6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards}
.el-card-new:hover{border-color:rgba(211,47,47,.4);transform:translateY(-8px);box-shadow:0 30px 55px -28px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.el-card-new__img-wrap{position:relative;aspect-ratio:1.2/1;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.el-card-new__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__img{transform:scale(1.12) rotate(-1deg)}
.el-card-new__free{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase;line-height:1.15;padding:6px 8px;border-radius:6px;z-index:3;animation:mdFreePulse 2.4s ease-in-out infinite}
.el-card-new__discount{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:3;letter-spacing:.4px;animation:salePop 2.6s ease-in-out infinite}
@keyframes salePop{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.el-card-new__quick{position:absolute;bottom:12px;right:12px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;z-index:3;opacity:0;transform:translateY(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__quick{opacity:1;transform:translateY(0) scale(1)}
.el-card-new__quick:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.15) rotate(-10deg) !important}
.el-card-new__wish{position:absolute;top:12px;right:52px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.72rem;cursor:pointer;z-index:3;opacity:0;transform:translateX(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__wish{opacity:1;transform:translateX(0) scale(1)}
.el-card-new__wish:hover,.el-card-new__wish.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.el-card-new__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.el-card-new__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:6px}
.el-card-new__cat::before{content:"";width:12px;height:2px;background:var(--primary-red);border-radius:2px}
.el-card-new__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.3em}
.el-card-new:hover .el-card-new__title{color:var(--primary-red)}
.el-card-new__stars{display:flex;align-items:center;gap:3px;font-size:.65rem;color:#d1d5db}
.el-card-new__stars .filled{color:var(--star-gold)}
.el-card-new__stars span{color:var(--text-gray);font-size:.62rem;margin-left:4px;font-weight:500}
.el-card-new__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid #f1f5f9}
.el-card-new__price{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.el-card-new__old{font-size:.72rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.el-card-new__price--call{font-size:.86rem;font-weight:800;color:var(--dark-navy)}
.el-card-new__stock{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;color:#16a34a;margin-top:-2px}
.el-card-new__stock i{font-size:.5rem;animation:mdStockBlink 1.6s ease-in-out infinite}
.el-card-new__stock--low{color:#eab308}
.el-assurance-new{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;background:linear-gradient(135deg,#ffffff,#fafafa);border:1px solid #eef1f6;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 20px 45px -30px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .2s cubic-bezier(.34,1.56,.64,1)}
.el-assurance-new.revealed{opacity:1;transform:translateY(0)}
.el-assurance-new__item{display:flex;align-items:center;gap:14px;padding:22px 22px;border-right:1px solid #eef1f6;transition:background .35s ease}
.el-assurance-new__item:last-child{border-right:none}
.el-assurance-new__item:hover{background:linear-gradient(135deg,#fafafa,#fef5f5)}
.el-assurance-new__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(15,23,42,.6)}
.el-assurance-new__item:hover .el-assurance-new__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:rotate(-10deg) scale(1.08)}
.el-assurance-new__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;margin-bottom:3px}
.el-assurance-new__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}

/* BLOG SECTION */
.blog-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#ffffff;position:relative;overflow:hidden}
.blog-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.02) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.02) 1px, transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.25) 55%, transparent 85%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.25) 55%, transparent 85%);pointer-events:none}
.blog-feature-wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;margin-bottom:44px;position:relative;z-index:2}
.blog-feature{position:relative;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #eef1f6;box-shadow:0 25px 60px -34px rgba(15,23,42,.28);transition:all .6s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(35px)}
.blog-feature.revealed{opacity:1;transform:translateY(0)}
.blog-feature:hover{transform:translateY(-8px);box-shadow:0 40px 80px -34px rgba(211,47,47,.4),0 0 0 2px rgba(211,47,47,.25)}
.blog-feature__img-wrap{position:relative;overflow:hidden;min-height:380px}
.blog-feature__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__img{transform:scale(1.1)}
.blog-feature__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,23,42,.35) 0%,rgba(15,23,42,0) 55%)}
.blog-feature__content{padding:38px 34px;display:flex;flex-direction:column;justify-content:center}
.blog-feature__meta{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.blog-cat{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:6px 12px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(211,47,47,.5)}
.blog-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-gray);font-weight:500}
.blog-meta-item i{color:var(--primary-red);font-size:.7rem}
.blog-feature__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px;transition:color .3s ease}
.blog-feature:hover .blog-feature__title{color:var(--primary-red)}
.blog-feature__excerpt{font-size:.9rem;color:var(--text-gray);line-height:1.7;margin-bottom:22px}
.blog-feature__author{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.blog-author-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.85rem;flex-shrink:0}
.blog-author-info{line-height:1.2}
.blog-author-info b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:2px}
.blog-author-info span{font-size:.65rem;color:var(--text-gray);font-weight:500}
.blog-feature__link{display:inline-flex;align-items:center;gap:10px;color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;align-self:flex-start;padding-bottom:4px;border-bottom:2px solid transparent;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__link{border-bottom-color:var(--primary-red);gap:14px}
.blog-feature__link i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__link i{transform:translateX(4px)}
.blog-side{display:flex;flex-direction:column;gap:16px}
.blog-side__item{position:relative;display:grid;grid-template-columns:120px 1fr;gap:16px;background:#fff;border:1px solid #eef1f6;border-radius:16px;padding:14px;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden;opacity:0;transform:translateX(30px)}
.blog-side__item.revealed{opacity:1;transform:translateX(0)}
.blog-side__item:nth-child(1){transition-delay:.1s}
.blog-side__item:nth-child(2){transition-delay:.2s}
.blog-side__item:nth-child(3){transition-delay:.3s}
.blog-side__item:hover{transform:translateY(-4px);border-color:rgba(211,47,47,.35);box-shadow:0 20px 42px -24px rgba(211,47,47,.4)}
.blog-side__item::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.blog-side__item:hover::before{transform:scaleY(1)}
.blog-side__img{width:100%;aspect-ratio:1;background-size:cover;background-position:center;border-radius:11px;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}
.blog-side__item:hover .blog-side__img{transform:scale(1.08)}
.blog-side__info{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
.blog-side__cat{display:inline-flex;align-items:center;gap:5px;font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary-red)}
.blog-side__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.blog-side__title{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.blog-side__item:hover .blog-side__title{color:var(--primary-red)}
.blog-side__date{font-size:.65rem;color:var(--text-gray);display:flex;align-items:center;gap:6px;font-weight:500}
.blog-side__date i{color:var(--primary-red);font-size:.65rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:44px;position:relative;z-index:2}
.blog-card{background:#fff;border:1px solid #eef1f6;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .55s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(35px)}
.blog-card.revealed{opacity:1;transform:translateY(0)}
.blog-card:hover{transform:translateY(-10px);border-color:rgba(211,47,47,.35);box-shadow:0 32px 62px -30px rgba(211,47,47,.45),0 8px 20px -10px rgba(15,23,42,.08)}
.blog-card__img-wrap{position:relative;aspect-ratio:16/10;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.blog-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__img{transform:scale(1.13)}
.blog-card__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 45%,rgba(15,23,42,.55) 100%);opacity:.85;transition:opacity .4s ease}
.blog-card:hover .blog-card__img-wrap::after{opacity:1}
.blog-card__cat{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 11px;border-radius:999px;z-index:3;box-shadow:0 8px 18px -8px rgba(211,47,47,.6);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__cat{transform:scale(1.06)}
.blog-card__readtime{position:absolute;top:14px;right:14px;background:rgba(15,23,42,.8);backdrop-filter:blur(8px);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.6px;padding:6px 11px;border-radius:999px;z-index:3;display:flex;align-items:center;gap:5px}
.blog-card__readtime i{color:var(--primary-red);font-size:.6rem}
.blog-card__body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.68rem;color:var(--text-gray);font-weight:500}
.blog-card__meta span{display:inline-flex;align-items:center;gap:6px}
.blog-card__meta i{color:var(--primary-red);font-size:.68rem}
.blog-card__title{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.7em}
.blog-card:hover .blog-card__title{color:var(--primary-red)}
.blog-card__excerpt{font-size:.82rem;color:var(--text-gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:auto;border-top:1px solid #f1f5f9}
.blog-card__author{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;color:var(--text-dark)}
.blog-card__avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.blog-card__link{width:34px;height:34px;border-radius:50%;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__link{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-45deg) scale(1.1);box-shadow:0 10px 22px -8px rgba(211,47,47,.7)}
.blog-newsletter{position:relative;border-radius:22px;background:linear-gradient(135deg,#ffffff 0%,#fef5f5 100%);border:1px solid rgba(211,47,47,.18);padding:38px 40px;display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;box-shadow:0 25px 60px -34px rgba(211,47,47,.3);margin-top:12px;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1)}
.blog-newsletter.revealed{opacity:1;transform:translateY(0)}
.blog-newsletter::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));border-radius:22px 0 0 22px}
.blog-newsletter__icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px;box-shadow:0 12px 24px -10px rgba(15,23,42,.5)}
.blog-newsletter__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:10px}
.blog-newsletter__title span{color:var(--primary-red)}
.blog-newsletter__sub{font-size:.88rem;color:var(--text-gray);line-height:1.6}
.blog-newsletter__form{display:flex;gap:10px}
.blog-newsletter__form input{flex:1;padding:14px 18px;border:1.5px solid var(--light-gray);border-radius:12px;font-size:.9rem;outline:none;font-family:'Poppins',sans-serif;transition:all .3s ease;background:#fff}
.blog-newsletter__form input:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.blog-newsletter__form button{padding:14px 26px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);white-space:nowrap}
.blog-newsletter__form button:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}
.blog-newsletter__form button i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-newsletter__form button:hover i{transform:translateX(4px)}
.blog-newsletter__note{font-size:.7rem;color:var(--text-gray);margin-top:10px;display:flex;align-items:center;gap:6px}
.blog-newsletter__note i{color:var(--green);font-size:.7rem}

/* FOOTER */
footer{background:#ffffff;color:var(--text-dark);position:relative;overflow:hidden;border-top:1px solid #eef1f6}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--dark-navy) 50%,var(--primary-red) 100%)}
.footer-top{position:relative;padding:70px 0 50px;background:radial-gradient(900px 400px at 20% 0%, rgba(211,47,47,.05) 0%, transparent 55%),radial-gradient(900px 400px at 80% 100%, rgba(15,23,42,.04) 0%, transparent 55%),#ffffff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:40px;position:relative;z-index:2}
.footer-col__title{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:900;color:var(--dark-navy);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;position:relative;padding-bottom:12px}
.footer-col__title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--dark-navy));border-radius:2px;animation:ftLine 3s ease-in-out infinite}
@keyframes ftLine{0%,100%{width:34px;opacity:.85}50%{width:52px;opacity:1}}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.footer-brand-icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.4rem;box-shadow:0 8px 20px var(--shadow-red)}
.footer-brand-text h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.4rem;color:var(--dark-navy);line-height:1;letter-spacing:-.5px}
.footer-brand-text h3 span{color:var(--primary-red)}
.footer-brand-text span{display:block;color:var(--text-gray);font-size:.62rem;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-weight:500}
.footer-about{font-size:.85rem;color:var(--text-gray);line-height:1.75;margin-bottom:22px}
.footer-contacts{display:flex;flex-direction:column;gap:12px}
.footer-contact{display:flex;align-items:flex-start;gap:12px;font-size:.82rem;color:var(--text-dark);line-height:1.5}
.footer-contact i{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.footer-contact:hover i{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.footer-contact b{display:block;font-family:'Montserrat',sans-serif;font-weight:800;color:var(--dark-navy);font-size:.7rem;letter-spacing:.6px;text-transform:uppercase;margin-bottom:2px}
.footer-contact span{color:var(--text-gray);font-weight:500;font-size:.8rem}
.footer-links{display:flex;flex-direction:column;gap:11px}
.footer-link{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;color:var(--text-gray);font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);padding:3px 0;position:relative;width:fit-content;cursor:pointer}
.footer-link i{color:var(--primary-red);font-size:.6rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.footer-link::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:var(--primary-red);transition:right .4s cubic-bezier(.34,1.56,.64,1)}
.footer-link:hover{color:var(--primary-red);transform:translateX(5px)}
.footer-link:hover i{transform:translateX(3px)}
.footer-link:hover::after{right:0}
.footer-apps{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.footer-app{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #eef1f6;border-radius:11px;padding:10px 14px;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-app:hover{border-color:rgba(211,47,47,.35);transform:translateY(-3px);box-shadow:0 12px 26px -14px rgba(211,47,47,.4)}
.footer-app i{font-size:1.4rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.footer-app:hover i{transform:scale(1.1) rotate(-6deg)}
.footer-app-txt{line-height:1.2}
.footer-app-txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:900;color:var(--dark-navy);letter-spacing:.6px}
.footer-app-txt span{font-size:.6rem;color:var(--text-gray);font-weight:500}
.footer-social-title{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--dark-navy);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:12px}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap}
.footer-social{width:40px;height:40px;border-radius:11px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.92rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-social:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-4px) rotate(-8deg);box-shadow:0 14px 28px -12px rgba(211,47,47,.6)}
.footer-bottom{background:#ffffff;border-top:1px solid #eef1f6;padding:22px 0;position:relative;z-index:2}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-copy{font-size:.78rem;color:var(--text-gray);font-weight:500}
.footer-copy b{color:var(--dark-navy);font-weight:800}
.footer-copy span{color:var(--primary-red);font-weight:700}
.footer-payments{display:flex;align-items:center;gap:10px}
.footer-payments span{font-size:.72rem;color:var(--text-gray);font-weight:500;margin-right:4px}
.pay-icon{width:42px;height:28px;border-radius:6px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .35s ease;border:1px solid #eef1f6}
.pay-icon:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-2px);border-color:transparent}
.footer-top-btn{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.7);border:0}
.footer-top-btn:hover{transform:translateY(-4px) rotate(-6deg);box-shadow:0 20px 38px -12px rgba(211,47,47,.9)}
.footer-top-btn i{animation:ftBob 2.4s ease-in-out infinite}
@keyframes ftBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* TOAST + WA */
.toast-cart{position:fixed;bottom:100px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 20px 40px -10px rgba(22,163,74,.5);display:flex;align-items:center;gap:10px;z-index:999;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.toast-cart.show{opacity:1;transform:translateY(0) scale(1)}
.toast-cart--wish{background:linear-gradient(135deg,var(--primary-red),var(--hover-red))}
.wa-float{position:fixed;right:20px;bottom:22px;z-index:99;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C7E);display:grid;place-items:center;box-shadow:0 14px 32px -10px rgba(18,140,126,.9);animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:29px;height:29px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 16px rgba(37,211,102,0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* RESPONSIVE */
@media (max-width:1180px){
  .hero-search__row{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .hero-search__row .hero-search__btn{grid-column:1/-1;justify-content:center}
  .chip-float{display:none}
  .na-track{grid-auto-columns:calc((100% - 66px) / 4)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-product-card{right:3%;width:250px}
  .md-wrap{grid-template-columns:230px 280px 1fr}
  .el-grid-new{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
  .mega-menu__body{grid-template-columns:240px 1fr;gap:18px}
  .mega-products__grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:1024px){
  .hero{min-height:auto;padding:60px 0 130px}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:28px 12px}
  .trust-item:not(:last-child)::after{display:none}
  .na-carousel{padding:0 46px}
  .na-track{grid-auto-columns:calc((100% - 44px) / 3)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-inner{padding:130px 20px 110px}
  .ps-product-card{position:relative;right:auto;top:auto;transform:none;opacity:1;animation:none !important;margin-top:26px;width:100%;max-width:340px;pointer-events:auto}
  .ps-content{max-width:100%}
  .md-wrap{grid-template-columns:1fr}
  .md-cats{border-right:none;border-bottom:1px solid #eef1f6;padding:28px 24px}
  .md-cats__list{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:12px}
  .md-cat{padding:9px 14px;background:#f8fafc;border-radius:999px;width:auto;transform:none !important}
  .md-cat__icon{background:#e2e8f0}
  .md-promo{min-height:260px;padding:28px 24px 0}
  .md-assurance{grid-template-columns:repeat(2,1fr)}
  .el-header{grid-template-columns:1fr;gap:26px;align-items:start;padding-bottom:28px}
  .el-feature-banner{grid-template-columns:1fr;min-height:auto}
  .el-feature-banner__visual{min-height:200px;order:-1}
  .el-feature-banner__content{padding:28px 26px;max-width:100%}
  .el-grid-new{grid-template-columns:repeat(2,1fr)}
  .el-assurance-new{grid-template-columns:repeat(2,1fr)}
  .blog-feature-wrap{grid-template-columns:1fr;gap:22px}
  .blog-feature{grid-template-columns:1fr}
  .blog-feature__img-wrap{min-height:250px}
  .blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .blog-newsletter{grid-template-columns:1fr;gap:24px;padding:32px 28px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
  .mega-menu__body{grid-template-columns:1fr;max-height:none}
  .mega-promo{min-height:240px}
  .mega-products__grid{grid-template-columns:repeat(4,1fr);max-height:340px}
}
@media (max-width:768px){
  .header-content{flex-direction:column;gap:16px}
  .header-search{width:100%;max-width:100%}
  .header-icons{width:100%;justify-content:space-around}
  .all-cat-btn{width:100%;justify-content:center}
  .mega-menu__topbar{padding:12px 16px;gap:12px}
  .mega-menu__search{max-width:100%;order:3;flex:1 1 100%}
  .mega-menu__close{margin-left:auto}
  .mega-menu__tabs{padding:10px 16px}
  .mega-menu__body{padding:16px;gap:16px}
  .mega-products__grid{grid-template-columns:repeat(3,1fr);gap:10px}
  .mega-menu__footer{padding:10px 16px}
  .hero{padding:50px 0 120px}
  .hero-search{padding:16px}
  .hero-search__row{grid-template-columns:1fr 1fr}
  .hero-search__row .hero-search__btn{grid-column:1/-1}
  .trust-overlap{margin-top:-70px;padding:0 14px}
  .trust-panel{padding:26px 16px}
  .trust-grid{grid-template-columns:1fr;gap:24px}
  .new-arrivals{padding:60px 0 70px}
  .na-carousel{padding:0 44px}
  .na-track{grid-auto-columns:calc((100% - 22px) / 2);gap:18px}
  .na-nav{width:40px;height:40px}
  .section-title{font-size:1.7rem}
  .brand-banners{padding:60px 0 70px}
  .bb-grid{grid-template-columns:1fr;gap:18px}
  .bb-card{aspect-ratio:16/9;min-height:220px}
  .categories{padding:60px 0 70px}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .product-slider{min-height:520px}
  .ps-inner{padding:120px 20px 90px}
  .ps-headline{font-size:2rem}
  .ps-arrow{width:42px;height:42px}
  .ps-arrow--prev{left:10px}
  .ps-arrow--next{right:10px}
  .mega-deals,.electrical-section{padding:60px 0 70px}
  .md-products{padding:22px 18px 24px}
  .md-grid{grid-template-columns:1fr}
  .md-card__top{grid-template-columns:100px 1fr;gap:14px}
  .md-assurance{grid-template-columns:1fr;padding:18px}
  .el-header{margin-bottom:34px;padding-bottom:24px}
  .el-header__title{font-size:1.7rem}
  .el-header__stats{grid-template-columns:1fr}
  .el-tabs{margin-bottom:28px;gap:8px}
  .el-tab{padding:10px 16px 10px 11px;font-size:.75rem}
  .el-feature-banner{border-radius:18px;margin-bottom:24px}
  .el-feature-banner__content{padding:24px 22px}
  .el-feature-banner__title{font-size:1.35rem}
  .el-products-panel{padding:22px 18px 24px;border-radius:18px}
  .el-grid-new{grid-template-columns:repeat(2,1fr);gap:12px}
  .el-assurance-new{grid-template-columns:1fr;border-radius:16px}
  .el-assurance-new__item{border-right:none;border-bottom:1px solid #eef1f6;padding:16px 18px}
  .el-assurance-new__item:last-child{border-bottom:none}
  .blog-section{padding:60px 0 70px}
  .blog-feature__content{padding:28px 22px}
  .blog-feature__title{font-size:1.25rem}
  .blog-side__item{grid-template-columns:100px 1fr;gap:13px;padding:12px}
  .blog-side__title{font-size:.82rem}
  .blog-grid{grid-template-columns:1fr;gap:18px}
  .blog-newsletter{padding:28px 22px}
  .blog-newsletter__form{flex-direction:column}
  .blog-newsletter__form button{justify-content:center}
  .footer-top{padding:52px 0 40px}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-bottom-inner{justify-content:center;text-align:center}
}
@media (max-width:520px){
  .ticker-item{font-size:.78rem}
  .brand-text h1{font-size:1.4rem}
  .logo-icon{width:44px;height:44px;font-size:1.3rem}
  .mega-products__grid{grid-template-columns:repeat(2,1fr)}
  .mega-promo{padding:20px 18px;min-height:200px}
  .mega-promo__title{font-size:1.1rem}
  .mega-promo__img{width:120px;height:120px}
  .hero{padding:40px 0 100px}
  .hero-search__row{grid-template-columns:1fr}
  .trust-overlap{margin-top:-60px}
  .na-carousel{padding:0 38px}
  .na-track{grid-auto-columns:82%}
  .wa-float{width:50px;height:50px;right:14px;bottom:16px}
  .wa-float svg{width:25px;height:25px}
  .toast-cart{right:14px;bottom:80px;font-size:.82rem;padding:12px 18px}
  .bb-card{aspect-ratio:16/10;min-height:200px}
  .cat-grid{grid-template-columns:1fr;gap:14px}
  .cat-card{aspect-ratio:16/9}
  .ps-headline{font-size:1.5rem}
  .ps-product-card{display:none}
  .md-cats{padding:24px 18px}
  .md-cats__title{font-size:1.15rem}
  .md-cat{font-size:.78rem;padding:8px 12px}
  .md-promo{min-height:180px;padding:22px 18px 0}
  .md-promo__title{font-size:1.02rem}
  .md-card{padding:12px}
  .el-header__title{font-size:1.5rem}
  .el-tab{padding:9px 14px 9px 10px;font-size:.7rem;gap:8px}
  .el-feature-banner__title{font-size:1.15rem}
  .el-grid-new{grid-template-columns:1fr;gap:14px}
  .el-card-new__img-wrap{aspect-ratio:16/10}
  .blog-feature__img-wrap{min-height:200px}
  .blog-feature__title{font-size:1.1rem}
  .blog-side__item{grid-template-columns:90px 1fr;padding:10px;gap:11px}
  .blog-side__title{font-size:.78rem}
  .blog-newsletter__title{font-size:1.15rem}
  .footer-brand-text h3{font-size:1.2rem}
  .footer-contact span{font-size:.76rem}
  .footer-social{width:36px;height:36px;font-size:.85rem}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .hero-particles{display:none}
  .hero-slide:first-child{opacity:1}
  .typed-caret{opacity:1}
  .na-card,.bb-card,.cat-card,.md-wrap,.md-assurance,.el-feature-banner,.el-products-panel,.el-assurance-new,.blog-feature,.blog-side__item,.blog-card,.blog-newsletter,.mega-card{opacity:1;transform:none}
  .ps-slide.is-active{animation:none}
  .ps-content{opacity:1;transform:none;animation:none !important}
  .ps-product-card{transform:translateY(-50%) translateX(0) scale(1);opacity:1;animation:none !important}
}

:root{--primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;--white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;--star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,0.08);--shadow-red:rgba(211,47,47,0.3)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--white);color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit}

/* TICKER */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem;animation:iconBob 2.4s ease-in-out infinite}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes iconBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-8deg)}}

/* HEADER */
header{background:#fff;padding:18px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer}
.logo-icon{background:var(--primary-red);color:#fff;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.6rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.7rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.68rem;letter-spacing:2.5px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-search{flex-grow:1;max-width:600px}
.search-box{display:flex;background:var(--off-white);border-radius:50px;overflow:hidden;height:52px;align-items:center;padding:5px;border:2px solid var(--light-gray);transition:all .4s ease}
.search-box:focus-within{background:#fff;border-color:var(--primary-red);box-shadow:0 0 22px var(--shadow-red)}
.header-cat{border:none;background:transparent;padding:0 15px;font-size:.88rem;color:var(--text-dark);border-right:1px solid var(--light-gray);outline:none;cursor:pointer;font-weight:600}
.header-input{border:none;flex-grow:1;padding:0 15px;font-size:.92rem;outline:none;background:transparent}
.header-input::placeholder{color:#94a3b8}
.header-search-btn{background:var(--primary-red);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;font-size:1rem}
.header-search-btn:hover{background:var(--hover-red);transform:scale(1.1) rotate(15deg)}
.header-icons{display:flex;align-items:center;gap:22px}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.4rem}
.badge{position:absolute;top:-5px;right:-5px;background:var(--primary-red);color:#fff;font-size:.65rem;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;animation:pulseBadge 2s infinite}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* ALL CATEGORIES BUTTON */
.all-cat-btn{display:flex;align-items:center;gap:10px;background:var(--dark-navy);color:#fff;border:none;padding:0 20px;height:52px;border-radius:12px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;position:relative;z-index:102}
.all-cat-btn i{font-size:.9rem;transition:transform .3s ease}
.all-cat-btn:hover{background:var(--primary-red);transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(211,47,47,.6)}
.all-cat-btn.active i{transform:rotate(180deg)}

/* ============================================================
   MEGA MENU 2.0 — TABBED SPLIT VIEW (NEW DESIGN)
   ============================================================ */
.mega-menu{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 40px 80px -30px rgba(15,23,42,.4);border-top:3px solid var(--primary-red);opacity:0;pointer-events:none;transform:translateY(-10px) scale(.99);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:99;max-height:calc(100vh - 80px);overflow:hidden;border-radius:0 0 24px 24px;transform-origin:top center}
.mega-menu.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}

/* Top bar */
.mega-menu__topbar{background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#2a1a1a 100%);padding:14px 26px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden;flex-wrap:wrap}
.mega-menu__topbar::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-red),transparent)}
.mega-menu__title{display:flex;align-items:center;gap:12px;font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#fff;flex-shrink:0}
.mega-menu__title i{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 8px 20px -6px rgba(211,47,47,.7)}
.mega-menu__search{flex:1;max-width:380px;position:relative;min-width:180px}
.mega-menu__search input{width:100%;padding:10px 40px 10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:.8rem;outline:none;font-family:'Poppins',sans-serif;transition:all .3s ease}
.mega-menu__search input::placeholder{color:#94a3b8}
.mega-menu__search input:focus{background:rgba(255,255,255,.1);border-color:rgba(211,47,47,.5);box-shadow:0 0 0 4px rgba(211,47,47,.15)}
.mega-menu__search i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.8rem;pointer-events:none}
.mega-menu__close{margin-left:auto;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}
.mega-menu__close:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:rotate(90deg)}

/* Tabs row */
.mega-menu__tabs{display:flex;gap:6px;padding:12px 26px;background:#f8fafc;border-bottom:1px solid #eef1f6;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.mega-menu__tabs::-webkit-scrollbar{display:none}
.mega-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;font-family:'Poppins',sans-serif;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;white-space:nowrap;transition:all .35s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}
.mega-tab i{font-size:.72rem;color:#94a3b8;transition:color .3s ease}
.mega-tab .mega-tab__count{font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;padding:2px 6px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .3s ease}
.mega-tab:hover{border-color:rgba(211,47,47,.35);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 8px 18px -12px rgba(211,47,47,.4)}
.mega-tab:hover i{color:var(--primary-red)}
.mega-tab:hover .mega-tab__count{background:rgba(211,47,47,.15);color:var(--primary-red)}
.mega-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);transform:translateY(-2px)}
.mega-tab.active i,.mega-tab.active .mega-tab__count{color:#fff}
.mega-tab.active .mega-tab__count{background:rgba(255,255,255,.22)}

/* Body */
.mega-menu__body{display:grid;grid-template-columns:280px 1fr;gap:22px;padding:22px 26px;max-height:420px;overflow:hidden}

/* Promo card */
.mega-promo{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#FFE9E5 0%,#FFD9D4 55%,#FFC8C2 100%);padding:26px 24px;display:flex;flex-direction:column;min-height:340px;box-shadow:inset 0 0 0 1px rgba(211,47,47,.1);isolation:isolate}
.mega-promo::before{content:"";position:absolute;inset:0;background:radial-gradient(400px 300px at 100% 100%, rgba(211,47,47,.25), transparent 70%);z-index:-1}
.mega-promo__img{position:absolute;bottom:-20px;right:-20px;width:170px;height:170px;border-radius:50%;background-size:cover;background-position:center;border:6px solid #fff;box-shadow:0 20px 40px -18px rgba(0,0,0,.4);z-index:-1;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.mega-promo:hover .mega-promo__img{transform:scale(1.08) rotate(-4deg)}
.mega-promo__tag{display:inline-flex;align-items:center;gap:6px;background:rgba(211,47,47,.14);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:5px 10px;border-radius:999px;margin-bottom:14px;align-self:flex-start;border:1px solid rgba(211,47,47,.2)}
.mega-promo__tag i{font-size:.6rem}
.mega-promo__title{font-family:'Montserrat',sans-serif;font-size:1.35rem;font-weight:900;color:#111827;line-height:1.15;letter-spacing:-.02em;margin-bottom:8px;position:relative;z-index:2}
.mega-promo__title span{color:var(--primary-red)}
.mega-promo__sub{font-size:.78rem;color:#4b5563;line-height:1.5;margin-bottom:auto;position:relative;z-index:2;max-width:170px}
.mega-promo__stats{display:flex;flex-direction:column;gap:6px;margin:16px 0 18px;position:relative;z-index:2}
.mega-promo__stat{display:flex;align-items:center;gap:8px;font-size:.68rem;color:#334155;font-weight:600}
.mega-promo__stat i{width:18px;height:18px;border-radius:50%;background:#fff;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.55rem;flex-shrink:0;box-shadow:0 4px 10px -3px rgba(211,47,47,.35)}
.mega-promo__cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#0f172a;color:#fff;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);align-self:flex-start;position:relative;z-index:2;box-shadow:0 10px 22px -10px rgba(15,23,42,.7)}
.mega-promo__cta:hover{background:var(--primary-red);transform:translateY(-2px);box-shadow:0 14px 26px -10px rgba(211,47,47,.8)}
.mega-promo__cta i{font-size:.65rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.mega-promo__cta:hover i{transform:translateX(3px)}

/* Products area */
.mega-products{display:flex;flex-direction:column;overflow:hidden;min-width:0}
.mega-products__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:14px;border-bottom:1px dashed #e2e8f0;flex-wrap:wrap;gap:8px}
.mega-products__title{display:flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:900;color:var(--dark-navy);letter-spacing:1.8px;text-transform:uppercase}
.mega-products__title i{color:var(--primary-red);font-size:.75rem}
.mega-products__count{font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;color:var(--primary-red);background:#fef2f2;padding:3px 10px;border-radius:999px;border:1px solid rgba(211,47,47,.2)}
.mega-products__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}
.mega-products__grid::-webkit-scrollbar{width:5px}
.mega-products__grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9px}

.mega-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;opacity:0;transform:translateY(14px);animation:megaCardIn .45s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes megaCardIn{to{opacity:1;transform:translateY(0)}}
.mega-card:hover{border-color:rgba(211,47,47,.4);transform:translateY(-5px);box-shadow:0 22px 45px -22px rgba(211,47,47,.5)}
.mega-card__img-wrap{position:relative;aspect-ratio:1.15/1;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}
.mega-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.mega-card:hover .mega-card__img{transform:scale(1.13)}
.mega-card__badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.48rem;font-weight:900;padding:4px 7px;border-radius:5px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 6px 14px -5px rgba(211,47,47,.7);z-index:2}
.mega-card__body{padding:10px 11px 12px;display:flex;flex-direction:column;gap:5px;flex:1}
.mega-card__title{font-size:.72rem;font-weight:600;color:#374151;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:1.9em}
.mega-card:hover .mega-card__title{color:var(--primary-red)}
.mega-card__price-row{display:flex;align-items:baseline;gap:6px;margin-top:auto;flex-wrap:wrap}
.mega-card__price{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:900;color:var(--primary-red)}
.mega-card__old{font-size:.62rem;color:#94a3b8;text-decoration:line-through;font-weight:500}

/* Footer */
.mega-menu__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 26px;background:#f8fafc;border-top:1px solid #eef1f6;gap:14px;flex-wrap:wrap}
.mega-menu__footer-info{font-size:.72rem;color:var(--text-gray);font-weight:500}
.mega-menu__footer-info b{color:var(--dark-navy);font-weight:800;font-family:'Montserrat',sans-serif}
.mega-menu__footer-link{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary-red);transition:all .3s ease}
.mega-menu__footer-link:hover{gap:12px}
.mega-empty{grid-column:1/-1;text-align:center;padding:40px 20px;color:var(--text-gray);font-size:.82rem;font-weight:500}
.mega-empty i{font-size:2rem;color:#cbd5e1;display:block;margin-bottom:10px}

/* HERO */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:80px 0 140px}
.hero-slides{position:absolute;inset:0;z-index:-4;overflow:hidden}
.hero-slide{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;animation:heroKenBurns 32s infinite}
.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:8s}.hero-slide:nth-child(3){animation-delay:16s}.hero-slide:nth-child(4){animation-delay:24s}
@keyframes heroKenBurns{0%{opacity:0;transform:scale(1.06)}5%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1.18)}100%{opacity:0;transform:scale(1.06)}}
.hero-overlay{position:absolute;inset:0;z-index:-3;background:radial-gradient(1000px 600px at 50% 30%, rgba(211,47,47,.22) 0%, transparent 65%),linear-gradient(180deg,rgba(15,23,42,.75),rgba(15,23,42,.94))}
.hero-grid{position:absolute;inset:-40px;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);animation:gridDrift 26s linear infinite;pointer-events:none}
@keyframes gridDrift{to{background-position:54px 54px,54px 54px}}
.hero-particles{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-particles span{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);opacity:0;animation:rise var(--dur) linear infinite;animation-delay:var(--delay)}
@keyframes rise{0%{transform:translate3d(0,30px,0) scale(.5);opacity:0}18%{opacity:.85}78%{opacity:.3}100%{transform:translate3d(14px,-200px,0) scale(1.05);opacity:0}}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E5EDF9;padding:8px 20px 8px 14px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;backdrop-filter:blur(10px);animation:fadeUp .7s both}
.hero-eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#25D366;animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.hero-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:18px;text-transform:uppercase;animation:fadeUp .7s .08s both}
.hero-headline span{color:var(--primary-red);position:relative;display:inline-block}
.hero-headline span::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:12px;background:rgba(211,47,47,.28);z-index:-1;transform:skewX(-15deg)}
.typed-wrap{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,3.6vw,3rem);font-weight:900;line-height:1.25;color:#E5EDF9;margin-bottom:26px;display:block;min-height:1.4em;animation:fadeUp .7s .16s both;text-transform:uppercase}
.typed-line{display:inline-block;font-weight:900;min-height:1.2em;background:linear-gradient(120deg,#ff5a5a,#FFD166 50%,var(--primary-red));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease-in-out infinite}
@keyframes gradientShift{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
.typed-caret{display:inline-block;width:4px;height:1em;margin-left:6px;vertical-align:-.12em;border-radius:2px;background:var(--primary-red);animation:caretBlink 1.05s steps(1,end) infinite}
@keyframes caretBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
.hero-desc{font-size:1.02rem;color:#B6C6DE;line-height:1.75;margin:0 auto 40px;max-width:640px;animation:fadeUp .7s .24s both}
.hero-desc b{color:#fff;font-weight:700}
.hero-search{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.85);position:relative;overflow:hidden;max-width:960px;margin:0 auto 32px;animation:fadeUp .7s .32s both;text-align:left}
.hero-search::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-red),#F5919A,var(--dark-navy),#F5919A,var(--primary-red));background-size:200% 100%;animation:barSlide 6s linear infinite}
@keyframes barSlide{to{background-position:200% 0}}
.hero-search__head{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:14px;text-transform:uppercase;letter-spacing:.8px}
.hero-search__head i{color:var(--primary-red);font-size:.9rem}
.hero-search__head strong{color:var(--primary-red);margin-left:auto;font-size:.7rem;padding:4px 10px;background:#FDECEE;border-radius:999px;letter-spacing:1px}
.hero-search__row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px}
.field{position:relative}
.field select{appearance:none;-webkit-appearance:none;width:100%;padding:14px 34px 14px 14px;border:1.5px solid var(--light-gray);border-radius:12px;background:#fff;font-size:.88rem;font-weight:600;color:var(--dark-navy);cursor:pointer;outline:none;transition:all .2s ease}
.field select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.field select:invalid{color:#93a2b8}
.field--select::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #8895a8;border-bottom:2px solid #8895a8;transform:translateY(-72%) rotate(45deg);pointer-events:none}
.hero-search__btn{border:0;cursor:pointer;font-weight:700;font-size:.9rem;border-radius:12px;padding:14px 28px;white-space:nowrap;color:#fff;background:linear-gradient(180deg,#F04A56,var(--hover-red));box-shadow:0 12px 26px -10px rgba(211,47,47,.9);transition:transform .18s ease;display:inline-flex;align-items:center;gap:9px}
.hero-search__btn:hover{transform:translateY(-2px)}
.hero-search__hint{margin:13px 0 0;font-size:.78rem;font-weight:600;color:var(--text-gray);display:flex;align-items:center;gap:8px;min-height:20px}
.hero-search__hint.is-success{color:var(--green)}
.hero-search__hint.is-error{color:var(--primary-red)}
.hint-pop{animation:hintPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes hintPop{0%{transform:translateY(6px);opacity:0}100%{transform:translateY(0);opacity:1}}
.hero-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;animation:fadeUp .7s .4s both}
.quick-tag{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#DDE7F5;padding:7px 14px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:7px}
.quick-tag i{color:var(--primary-red);font-size:.75rem}
.quick-tag:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-2px)}
.quick-tag:hover i{color:white}
.chip-float{position:absolute;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:11px 15px 11px 11px;display:flex;align-items:center;gap:11px;box-shadow:0 22px 45px -18px rgba(0,0,0,.6);animation:bobChip 5.5s ease-in-out infinite;z-index:3}
.chip-float:nth-child(1){top:20%;left:4%}
.chip-float:nth-child(2){top:55%;right:5%;animation-delay:1.2s}
.chip-float:nth-child(3){bottom:22%;left:8%;animation-delay:2.4s}
.chip-float:nth-child(4){bottom:30%;right:9%;animation-delay:3.6s}
@keyframes bobChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.chip-float__img{width:44px;height:44px;border-radius:10px;background-size:cover;background-position:center;flex-shrink:0;border:1px solid rgba(15,23,42,.1)}
.chip-float__txt h4{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);white-space:nowrap}
.chip-float__txt span{font-size:.68rem;color:var(--text-gray);font-weight:600;white-space:nowrap}
.chip-float__txt span em{color:var(--primary-red);font-style:normal;font-weight:800}

/* TRUST */
.trust-overlap{position:relative;z-index:10;margin-top:-90px;padding:0 20px}
.trust-panel{max-width:1300px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 30px 70px -30px rgba(15,23,42,.35);padding:36px 30px;position:relative;overflow:hidden;animation:trustRise .9s .2s cubic-bezier(.34,1.56,.64,1) both}
@keyframes trustRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.trust-panel::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:280px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-red),transparent)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-item{text-align:center;padding:8px 20px;position:relative;cursor:pointer;opacity:0;animation:trustItemIn .8s cubic-bezier(.34,1.56,.64,1) forwards;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.trust-item:nth-child(1){animation-delay:.35s}.trust-item:nth-child(2){animation-delay:.48s}.trust-item:nth-child(3){animation-delay:.61s}.trust-item:nth-child(4){animation-delay:.74s}
@keyframes trustItemIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.trust-item:hover{transform:translateY(-8px)}
.trust-item:not(:last-child)::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:linear-gradient(180deg,transparent,#e2e8f0 25%,#e2e8f0 75%,transparent)}
.trust-icon{width:92px;height:92px;margin:0 auto 20px;position:relative;border-radius:50%;background:radial-gradient(circle at 30% 25%, #fff 0%, #eef2f7 60%, #e4eaf3 100%);display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-icon{transform:scale(1.12) rotate(-8deg);background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 20px 45px -12px rgba(211,47,47,.65)}
.trust-icon svg{width:40px;height:40px;stroke:#0f172a;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:iconFloat 4.6s ease-in-out infinite;transition:stroke .4s ease}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.trust-item:hover .trust-icon svg{stroke:#fff}
.trust-badge{position:absolute;top:-4px;right:-10px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 11px;border-radius:999px;border:2px solid #fff;box-shadow:0 6px 18px -4px rgba(211,47,47,.65);animation:badgeBounce 3s ease-in-out infinite}
@keyframes badgeBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}
.trust-item:hover .trust-badge{animation:none;background:#fff;color:var(--primary-red);border-color:var(--primary-red);transform:translateY(-4px) scale(1.12)}
.trust-title{font-family:'Montserrat',sans-serif;font-size:.92rem;font-weight:800;color:#0f172a;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:10px;position:relative;display:inline-block}
.trust-title::after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,var(--primary-red),#FF8B94);transform:translateX(-50%);transition:width .4s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-title{color:var(--primary-red)}
.trust-item:hover .trust-title::after{width:60%}
.trust-desc{font-size:.86rem;color:var(--text-gray);line-height:1.65;max-width:250px;margin:0 auto}

/* OFFER STRIP */
.offer-strip{position:relative;background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#2a1a1a 100%);padding:22px 0;overflow:hidden;border-top:3px solid var(--primary-red);border-bottom:3px solid var(--primary-red);margin-top:60px}
.offer-strip-inner{display:flex;align-items:center;gap:20px;position:relative;z-index:2}
.offer-strip-tag{background:var(--primary-red);color:white;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:8px 16px;border-radius:6px;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;gap:8px}
.offer-strip-tag i{animation:rotate360 3s linear infinite}
@keyframes rotate360{to{transform:rotate(360deg)}}
.offer-marquee{flex:1;overflow:hidden;position:relative}
.offer-marquee::before,.offer-marquee::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.offer-marquee::before{left:0;background:linear-gradient(90deg,#0f172a,transparent)}
.offer-marquee::after{right:0;background:linear-gradient(90deg,transparent,#0f172a)}
.offer-track{display:flex;gap:50px;white-space:nowrap;animation:offerScroll 30s linear infinite;align-items:center}
.offer-marquee:hover .offer-track{animation-play-state:paused}
@keyframes offerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.offer-item{display:inline-flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.92rem;color:#E5EDF9}
.offer-item i{color:var(--primary-red);font-size:1rem}
.offer-item strong{color:#FF8B94;font-weight:900;padding:2px 8px;background:rgba(211,47,47,.2);border-radius:5px}
.offer-item em{font-style:normal;color:#FFD166;font-weight:800}

/* SECTION HEAD */
.section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
@keyframes naKickerIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:14px;animation:naTitleIn .8s .08s both}
.section-title span{color:var(--primary-red);position:relative;display:inline-block}
.section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes titleUnderline{to{transform:skewX(-15deg) scaleX(1)}}
@keyframes naTitleIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.section-sub{color:var(--text-gray);font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.7;animation:naTitleIn .8s .16s both}
.section-sub b{color:var(--dark-navy);font-weight:700}

/* NEW ARRIVALS */
.new-arrivals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.na-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:44px}
.na-tab{background:#fff;border:1.5px solid var(--light-gray);color:var(--text-dark);padding:11px 22px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:8px}
.na-tab i{font-size:.8rem;color:var(--text-gray)}
.na-tab:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px)}
.na-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);transform:translateY(-3px) scale(1.03)}
.na-tab.active i{color:#fff}
.na-tab__count{background:rgba(0,0,0,.08);padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:800}
.na-tab.active .na-tab__count{background:rgba(255,255,255,.22)}
.na-carousel{position:relative;padding:0 56px}
.na-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px) / 5);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:12px 4px 22px;scrollbar-width:none}
.na-track::-webkit-scrollbar{display:none}
.na-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:0 0 14px;scroll-snap-align:start;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(35px)}
.na-card.revealed{opacity:1;transform:translateY(0)}
.na-card:hover{border-color:var(--primary-red);box-shadow:0 30px 55px -22px rgba(211,47,47,.35);transform:translateY(-10px)}
.na-img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);aspect-ratio:1;overflow:hidden;margin-bottom:14px}
.na-img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:all .7s cubic-bezier(.34,1.56,.64,1);opacity:0}
.na-img-wrap img.active{opacity:1}
.na-card:hover .na-img-wrap img.active{transform:scale(1.13)}
.na-sale{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#FF6B6B,#d32f2f);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:5}
.na-free{position:absolute;bottom:14px;left:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:6px 9px;border-radius:7px;text-transform:uppercase;z-index:5;display:flex;align-items:center;gap:5px}
.na-body{padding:0 14px;display:flex;flex-direction:column;flex:1}
.na-title-card{font-size:.84rem;font-weight:600;color:#374151;line-height:1.45;min-height:2.9em;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.na-card:hover .na-title-card{color:var(--primary-red)}
.na-stars{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#d1d5db;margin-bottom:12px}
.na-stars .filled{color:var(--star-gold)}
.na-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.na-price{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--primary-red)}
.na-old{font-size:.78rem;color:#94a3b8;text-decoration:line-through}
.na-add-btn{flex:1;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;border-radius:10px;color:#fff;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:all .35s ease;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:7px}
.na-add-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px rgba(211,47,47,.75)}
.na-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;z-index:5;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.na-nav:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-50%) scale(1.14)}
.na-nav--prev{left:0}.na-nav--next{right:0}
.view-all{display:flex;justify-content:center;margin-top:48px}
.view-all a{display:inline-flex;align-items:center;gap:12px;padding:15px 36px;border-radius:999px;background:#fff;border:2px solid var(--dark-navy);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;transition:all .45s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.view-all a::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover::before{transform:scaleX(1)}
.view-all a span,.view-all a i{position:relative;z-index:1}
.view-all a:hover{color:#fff;border-color:var(--primary-red)}
.view-all a i{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover i{transform:translateX(6px)}

/* BRAND BANNERS */
.brand-banners{padding:90px 0 100px;background:radial-gradient(900px 400px at 30% 0%, rgba(211,47,47,.05) 0%, transparent 60%),radial-gradient(900px 400px at 70% 100%, rgba(15,23,42,.05) 0%, transparent 60%),#f8fafc;position:relative;overflow:hidden}
.bb-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.bb-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/8.5;min-height:260px;cursor:pointer;isolation:isolate;box-shadow:0 20px 45px -22px rgba(15,23,42,.4);opacity:0;transform:translateY(35px)}
.bb-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover{transform:translateY(-8px);box-shadow:0 40px 70px -26px rgba(15,23,42,.6),0 0 0 2px var(--bb-accent,var(--primary-red))}
.bb-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:bbKenBurns 22s ease-in-out infinite alternate;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1)}
@keyframes bbKenBurns{0%{transform:scale(1)}100%{transform:scale(1.08) translate(-8px,-6px)}}
.bb-card:hover .bb-img{transform:scale(1.15) translate(-10px,-8px)}
.bb-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(15,23,42,.9),rgba(15,23,42,.75) 32%,rgba(15,23,42,.35) 58%,rgba(15,23,42,.05))}
.bb-content{position:relative;z-index:2;padding:32px 36px;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:70%}
.bb-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#E5EDF9;padding:5px 12px 5px 9px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:14px;align-self:flex-start;transition:all .4s ease}
.bb-tag__dot{width:6px;height:6px;border-radius:50%;background:var(--bb-accent,var(--primary-red))}
.bb-card:hover .bb-tag{background:var(--bb-accent,var(--primary-red));border-color:var(--bb-accent,var(--primary-red));color:#fff;transform:translateX(4px)}
.bb-headline{font-family:'Montserrat',sans-serif;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;color:#E5EDF9;line-height:1.2;margin-bottom:6px}
.bb-brand{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,2.9vw,2.3rem);font-weight:900;color:var(--bb-accent,var(--primary-red));letter-spacing:-.02em;line-height:1.05;margin-bottom:14px;text-shadow:0 4px 18px rgba(0,0,0,.5);position:relative;display:inline-block;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.bb-brand::after{content:"";position:absolute;bottom:-6px;left:0;height:3px;width:44px;background:var(--bb-accent,var(--primary-red));border-radius:2px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover .bb-brand{transform:translateX(3px)}
.bb-card:hover .bb-brand::after{width:80px}
.bb-text{font-size:.86rem;color:#B6C6DE;line-height:1.6;margin-bottom:22px;max-width:420px}
.bb-cta{display:inline-flex;align-items:center;gap:11px;background:linear-gradient(135deg,var(--bb-accent,var(--primary-red)),#8c1a1a);color:#fff;padding:12px 24px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(6px);opacity:.85}
.bb-card:hover .bb-cta{transform:translateY(0);opacity:1}
.bb-count{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.95);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:900;padding:8px 13px;border-radius:999px;z-index:4;display:flex;align-items:center;gap:7px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.bb-count i{color:var(--bb-accent,var(--primary-red));font-size:.7rem}
.bb-card:hover .bb-count{background:var(--bb-accent,var(--primary-red));color:#fff;transform:translateY(-4px) scale(1.06)}
.bb-card:hover .bb-count i{color:#fff}

/* CATEGORIES */
.categories{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cat-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1/1.05;cursor:pointer;isolation:isolate;background:#fff;box-shadow:0 12px 30px -18px rgba(15,23,42,.35);opacity:0;transform:translateY(35px)}
.cat-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover{transform:translateY(-10px);box-shadow:0 40px 70px -28px rgba(15,23,42,.55),0 0 0 2px var(--cat-accent,var(--primary-red))}
.cat-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:catKenBurns 20s ease-in-out infinite alternate}
@keyframes catKenBurns{0%{transform:scale(1)}100%{transform:scale(1.1) translate(-6px,-6px)}}
.cat-card:hover .cat-img{transform:scale(1.2) translate(-10px,-10px)}
.cat-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,23,42,.15) 0%,rgba(15,23,42,.45) 45%,rgba(15,23,42,.92) 100%)}
.cat-content{position:absolute;inset:auto 0 0 0;padding:24px 22px;z-index:2;display:flex;flex-direction:column;gap:6px}
.cat-icon-wrap{position:absolute;top:18px;left:18px;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--cat-accent,var(--primary-red));font-size:1.3rem;z-index:3;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-icon-wrap{background:var(--cat-accent,var(--primary-red));color:#fff;transform:rotate(-10deg) scale(1.08)}
.cat-name{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:#fff;letter-spacing:-.01em;line-height:1.15;text-shadow:0 4px 14px rgba(0,0,0,.5);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-name{transform:translateY(-3px)}
.cat-count{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#B6C6DE}
.cat-count b{color:var(--cat-accent,var(--primary-red));font-weight:900;background:rgba(255,255,255,.12);padding:2px 8px;border-radius:999px}
.cat-arrow{position:absolute;bottom:24px;right:22px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.9rem;z-index:3;opacity:0;transform:translateX(12px) scale(.9);transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-arrow{opacity:1;transform:translateX(0) scale(1);background:var(--cat-accent,var(--primary-red));color:#fff}
.cat-badge{position:absolute;top:18px;right:18px;background:linear-gradient(135deg,var(--cat-accent,var(--primary-red)),#8c1a1a);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.2px;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:3;display:flex;align-items:center;gap:5px;animation:catBadgePulse 2.8s ease-in-out infinite}
@keyframes catBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* PRODUCT SLIDER */
.product-slider{position:relative;padding:0;background:#0f172a;overflow:hidden;isolation:isolate;min-height:640px;display:flex;align-items:center}
.product-slider__header{position:absolute;top:34px;left:0;right:0;z-index:5;text-align:center;padding:0 20px}
.product-slider__kicker{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#E5EDF9;padding:6px 16px 6px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:12px;backdrop-filter:blur(10px)}
.product-slider__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.product-slider__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.product-slider__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}
.product-slider__title span{color:var(--primary-red)}
.ps-viewport{position:absolute;inset:0;overflow:hidden;z-index:1}
.ps-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:translateX(100%) scale(1.08);transition:opacity 1.1s cubic-bezier(.7,0,.3,1),transform 1.3s cubic-bezier(.7,0,.3,1)}
.ps-slide.is-active{opacity:1;transform:translateX(0) scale(1);animation:psKenBurns 9s ease-out forwards}
.ps-slide.is-prev{opacity:0;transform:translateX(-100%) scale(1.08)}
@keyframes psKenBurns{0%{background-size:100% auto}100%{background-size:112% auto}}
.ps-slide::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 25% 60%, rgba(211,47,47,.28) 0%, transparent 65%),linear-gradient(95deg,rgba(15,23,42,.95) 0%,rgba(15,23,42,.8) 32%,rgba(15,23,42,.4) 58%,rgba(15,23,42,.1) 100%)}
.ps-inner{position:relative;z-index:3;max-width:1300px;margin:0 auto;padding:140px 20px 120px;width:100%;display:flex;align-items:center;min-height:640px}
.ps-content{max-width:600px;opacity:0;transform:translateX(-40px)}
.ps-slide.is-active .ps-content{animation:psContentIn .9s .35s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psContentIn{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}
.ps-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.ps-tag__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.ps-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2.2rem,4.4vw,3.8rem);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.05;text-transform:uppercase;margin-bottom:16px;text-shadow:0 6px 26px rgba(0,0,0,.5)}
.ps-headline span{color:var(--primary-red)}
.ps-sub{font-family:'Montserrat',sans-serif;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;color:#E5EDF9;line-height:1.35;margin-bottom:22px;max-width:520px}
.ps-desc{font-size:1rem;color:#B6C6DE;line-height:1.7;margin-bottom:32px;max-width:520px}
.ps-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ps-btn{display:inline-flex;align-items:center;gap:11px;padding:15px 30px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none}
.ps-btn--primary{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;box-shadow:0 14px 30px -10px rgba(211,47,47,.85)}
.ps-btn--primary:hover{transform:translateY(-4px)}
.ps-btn--ghost{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px)}
.ps-btn--ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-4px)}
.ps-product-card{position:absolute;right:8%;top:50%;transform:translateY(-50%) translateX(60px) scale(.92);opacity:0;width:280px;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);z-index:4;pointer-events:none}
.ps-slide.is-active .ps-product-card{animation:psCardIn 1s .55s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psCardIn{to{transform:translateY(-50%) translateX(0) scale(1);opacity:1}}
.ps-product-card__img{width:100%;aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center;margin-bottom:14px;position:relative;overflow:hidden}
.ps-product-card__badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:2}
.ps-product-card__name{font-size:.86rem;font-weight:600;color:#374151;line-height:1.4;min-height:2.6em;margin-bottom:10px}
.ps-product-card__price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
.ps-product-card__price{font-family:'Montserrat',sans-serif;font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-product-card__old{font-size:.75rem;color:#94a3b8;text-decoration:line-through}
.ps-product-card__rating{display:flex;gap:2px;font-size:.72rem;color:var(--star-gold);margin-bottom:14px}
.ps-product-card__rating span{color:var(--text-gray);font-size:.68rem;margin-left:5px}
.ps-product-card__btn{width:100%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;color:#fff;padding:11px 14px;border-radius:10px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .35s ease;pointer-events:auto}
.ps-product-card__btn:hover{transform:translateY(-2px)}
.ps-counter{position:absolute;top:34px;right:30px;z-index:6;font-family:'Montserrat',sans-serif;color:#fff;display:flex;align-items:baseline;gap:4px;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-counter__current{font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-counter__sep{color:rgba(255,255,255,.35);font-size:.85rem;margin:0 3px}
.ps-counter__total{font-size:.85rem;font-weight:700;color:#B6C6DE}
.ps-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;font-size:1.05rem;z-index:7;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.ps-arrow:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-50%) scale(1.12)}
.ps-arrow--prev{left:26px}
.ps-arrow--next{right:26px}
.ps-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.1);z-index:8;overflow:hidden}
.ps-progress__fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--primary-red),#FF8B94)}
.ps-dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:7;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 14px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.3);cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;padding:0}
.ps-dot.active{background:var(--primary-red);width:28px}

/* EXTERIOR */
.mega-deals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#fff 0%,#f8fafc 100%);position:relative;overflow:hidden}
.mega-deals::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.025) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.md-section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.md-section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.md-section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
.md-section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:16px;animation:naTitleIn .8s .08s both}
.md-section-title span{color:var(--primary-red);position:relative;display:inline-block}
.md-section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
.md-section-sub{color:var(--text-gray);font-size:.98rem;max-width:680px;margin:0 auto 32px;line-height:1.75;animation:naTitleIn .8s .16s both}
.md-section-sub b{color:var(--dark-navy);font-weight:700}
.md-features{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px;margin-bottom:52px;position:relative;z-index:2;animation:naTitleIn .8s .24s both}
.md-feature{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;color:#475569;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #eef1f6;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.md-feature i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.62rem;display:flex;align-items:center;justify-content:center}
.md-feature:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.4);color:var(--primary-red);box-shadow:0 10px 22px -12px rgba(211,47,47,.4)}

.md-wrap{display:grid;grid-template-columns:260px 320px 1fr;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -34px rgba(15,23,42,.32);background:#fff;opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2;border:1px solid #eef1f6}
.md-wrap.revealed{opacity:1;transform:translateY(0)}
.md-cats{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);padding:38px 30px;border-right:1px solid #eef1f6;display:flex;flex-direction:column;position:relative}
.md-cats__label{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--text-gray);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.md-cats__label::before{content:"";width:14px;height:2px;background:var(--primary-red);border-radius:2px}
.md-cats__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary-red);margin-bottom:32px;letter-spacing:-.015em;line-height:1.15;position:relative}
.md-cats__title::after{content:"";position:absolute;left:0;bottom:-10px;width:36px;height:3px;background:var(--primary-red);border-radius:2px;animation:mdTitleLine 3s ease-in-out infinite}
@keyframes mdTitleLine{0%,100%{width:36px;opacity:.85}50%{width:58px;opacity:1}}
.md-cats__list{display:flex;flex-direction:column;gap:4px;flex:1}
.md-cat{font-size:.92rem;font-weight:500;color:#6b7280;padding:11px 14px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;border-radius:10px;background:transparent;border:1.5px solid transparent;font-family:'Poppins',sans-serif}
.md-cat__icon{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat__txt{flex:1;text-align:left;line-height:1.3}
.md-cat__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.md-cat:hover{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.15);transform:translateX(6px)}
.md-cat:hover .md-cat__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.md-cat:hover .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat.active{background:linear-gradient(135deg,rgba(211,47,47,.08),rgba(211,47,47,.04));color:var(--primary-red);border-color:rgba(211,47,47,.25);font-weight:700;transform:translateX(6px);box-shadow:0 8px 20px -12px rgba(211,47,47,.5)}
.md-cat.active .md-cat__icon{background:var(--primary-red);color:#fff}
.md-cat.active .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat--view{margin-top:auto;color:var(--dark-navy);font-weight:700;padding:14px;margin-top:24px;border-top:1px solid #eef1f6;display:inline-flex;align-items:center;gap:10px;font-size:.85rem}
.md-cat--view__badge{margin-left:auto;background:#f1f5f9;color:#64748b;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:1.2px;text-transform:uppercase}
.md-cat--view:hover{color:var(--primary-red);transform:translateX(6px)}
.md-cat--view:hover .md-cat--view__badge{background:var(--primary-red);color:#fff}
.md-cat--view i{font-size:.75rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat--view:hover i{transform:translateX(4px)}
.md-promo{position:relative;background:radial-gradient(400px 300px at 50% 100%, rgba(211,47,47,.22) 0%, transparent 70%),linear-gradient(160deg,#FFE9E5 0%,#FFD9D4 55%,#FFC8C2 100%);overflow:hidden;padding:38px 30px 0;cursor:pointer;display:flex;flex-direction:column}
.md-promo__badge{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.9);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 12px;border-radius:999px;z-index:3;animation:mdPromoBadgePulse 3s ease-in-out infinite}
@keyframes mdPromoBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.md-promo__img{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:120%;max-height:70%;background-size:contain;background-repeat:no-repeat;background-position:center bottom;z-index:-1;animation:mdPromoFloat 6s ease-in-out infinite}
@keyframes mdPromoFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
.md-promo__content{position:relative;z-index:2;margin-bottom:auto}
.md-promo__tag{display:inline-flex;align-items:center;gap:7px;background:rgba(211,47,47,.1);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:14px;border:1px solid rgba(211,47,47,.2)}
.md-promo__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-promo__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:#111827;line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}
.md-promo__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.md-promo__title em::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:6px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg)}
.md-promo__sub{font-size:.88rem;color:#4b5563;line-height:1.55;margin-bottom:20px;max-width:240px}
.md-promo__stats{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.md-promo__stat{display:flex;align-items:center;gap:9px;font-size:.74rem;color:#475569;font-weight:600}
.md-promo__stat i{width:20px;height:20px;border-radius:50%;background:#fff;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0;box-shadow:0 4px 10px -3px rgba(211,47,47,.3)}
.md-promo__cta{display:inline-flex;align-items:center;gap:9px;background:var(--primary-red);color:#fff;padding:11px 22px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(211,47,47,.7);position:relative;overflow:hidden}
.md-promo__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.md-promo__cta:hover::before{left:100%}
.md-promo__cta:hover{transform:translateY(-3px);box-shadow:0 16px 32px -10px rgba(211,47,47,.9)}
.md-products{background:#f8f9fb;padding:28px 30px 30px;display:flex;flex-direction:column}
.md-products__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid #eef1f6}
.md-products__title h4{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block}
.md-products__title h4::after{content:"";position:absolute;bottom:-6px;left:0;width:34px;height:2px;background:var(--primary-red);border-radius:2px;animation:mdHeadLine 3s ease-in-out infinite}
@keyframes mdHeadLine{0%,100%{width:34px;opacity:.75}50%{width:56px;opacity:1}}
.md-products__title span{font-size:.7rem;color:var(--text-gray);font-weight:500;margin-top:6px;display:block}
.md-nav{display:flex;gap:6px;align-items:center}
.md-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.md-nav__info b{color:var(--primary-red)}
.md-nav__btn{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.md-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.12)}
.md-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.md-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;position:relative;margin-top:20px}
.md-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden}
@keyframes mdCardIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.md-card:hover{transform:translateY(-6px);border-color:rgba(211,47,47,.35);box-shadow:0 25px 50px -26px rgba(211,47,47,.45)}
.md-card__top{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.md-card__img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:9px;overflow:hidden;aspect-ratio:1;align-self:center}
.md-card__img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.md-card:hover .md-card__img{transform:scale(1.14)}
.md-card__free{position:absolute;top:6px;left:6px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.48rem;font-weight:900;line-height:1.15;padding:5px 7px;border-radius:5px;text-transform:uppercase;z-index:3;animation:mdFreePulse 2.4s ease-in-out infinite}
@keyframes mdFreePulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}
.md-card__zoom{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.7rem;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:4}
.md-card__zoom:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.18) rotate(-10deg)}
.md-card__info{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:6px}
.md-card__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:5px}
.md-card__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.md-card__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.md-card:hover .md-card__title{color:var(--primary-red)}
.md-card__stars{display:flex;gap:2px;color:#d1d5db;font-size:.65rem}
.md-card__stars .filled{color:var(--star-gold)}
.md-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:2px;flex-wrap:wrap}
.md-card__price{font-family:'Montserrat',sans-serif;font-size:.96rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.md-card__old{font-size:.7rem;color:#94a3b8;text-decoration:line-through}
.md-card__price--call{font-size:.82rem;font-weight:800;color:var(--dark-navy)}
.md-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9;font-size:.65rem;color:var(--text-gray);font-weight:500}
.md-card__meta-item{display:inline-flex;align-items:center;gap:5px}
.md-card__meta-item i{font-size:.62rem;color:#94a3b8}
.md-card__stock{display:inline-flex;align-items:center;gap:5px;color:#16a34a;font-weight:700}
.md-card__stock i{font-size:.5rem;color:#16a34a;animation:mdStockBlink 1.6s ease-in-out infinite}
@keyframes mdStockBlink{0%,100%{opacity:1}50%{opacity:.4}}
.md-card__stock--low{color:#eab308}
.md-assurance{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;padding:22px 26px;background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 12px 30px -22px rgba(15,23,42,.18);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .3s cubic-bezier(.34,1.56,.64,1)}
.md-assurance.revealed{opacity:1;transform:translateY(0)}
.md-assurance__item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-right:1px solid #eef1f6}
.md-assurance__item:last-child{border-right:none}
.md-assurance__icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-assurance__item:hover .md-assurance__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.md-assurance__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;color:var(--dark-navy);letter-spacing:.3px;margin-bottom:2px}
.md-assurance__txt span{font-size:.66rem;color:var(--text-gray);font-weight:500}

/* ELECTRICAL & LIGHTING */
.electrical-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#ffffff 0%,#fafafa 100%);position:relative;overflow:hidden}
.electrical-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.03) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.el-header{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin-bottom:50px;position:relative;z-index:2;padding-bottom:32px;border-bottom:1px solid #eef1f6}
.el-header__left{animation:naTitleIn .8s .05s cubic-bezier(.4,0,.2,1) both}
.el-header__right{animation:naTitleIn .8s .15s cubic-bezier(.4,0,.2,1) both}
.el-header__kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.el-header__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-header__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.el-header__title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.08;margin-bottom:14px}
.el-header__title span{color:var(--primary-red);position:relative;display:inline-block}
.el-header__title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .5s cubic-bezier(.34,1.56,.64,1) forwards}
.el-header__lead{font-size:.95rem;color:var(--text-gray);line-height:1.7;max-width:520px}
.el-header__lead b{color:var(--dark-navy);font-weight:700}
.el-header__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.el-stat{background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.35);box-shadow:0 14px 30px -18px rgba(211,47,47,.35)}
.el-stat__icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover .el-stat__icon{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;transform:rotate(-8deg) scale(1.08)}
.el-stat__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;line-height:1.2;margin-bottom:2px}
.el-stat__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}
.el-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px;position:relative;z-index:2;animation:naTitleIn .8s .25s cubic-bezier(.4,0,.2,1) both}
.el-tab{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #eef1f6;color:#475569;padding:12px 20px 12px 14px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.el-tab__icon{width:26px;height:26px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.68rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-tab__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.el-tab:hover{border-color:rgba(211,47,47,.35);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(211,47,47,.35)}
.el-tab:hover .el-tab__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.el-tab:hover .el-tab__count{background:var(--primary-red);color:#fff}
.el-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 16px 32px -12px rgba(211,47,47,.55);transform:translateY(-3px) scale(1.02)}
.el-tab.active .el-tab__icon{background:rgba(255,255,255,.2);color:#fff}
.el-tab.active .el-tab__count{background:rgba(255,255,255,.25);color:#fff}

.el-feature-banner{position:relative;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;min-height:280px;margin-bottom:34px;background:radial-gradient(500px 400px at 90% 100%, rgba(211,47,47,.12) 0%, transparent 70%),linear-gradient(120deg,#ffffff 0%,#fef5f5 45%,#fde8e8 100%);border:1px solid rgba(211,47,47,.15);box-shadow:0 30px 70px -34px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.el-feature-banner.revealed{opacity:1;transform:translateY(0)}
.el-feature-banner::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));z-index:4}
.el-feature-banner__content{padding:38px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;max-width:520px}
.el-feature-banner__tag{display:inline-flex;align-items:center;gap:8px;background:rgba(211,47,47,.1);color:var(--primary-red);padding:6px 14px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:16px;align-self:flex-start;border:1px solid rgba(211,47,47,.25);transition:all .4s ease}
.el-feature-banner__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-feature-banner:hover .el-feature-banner__tag{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}
.el-feature-banner:hover .el-feature-banner__tag__dot{background:#fff}
.el-feature-banner__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:900;color:var(--dark-navy);line-height:1.15;letter-spacing:-.02em;margin-bottom:12px}
.el-feature-banner__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.el-feature-banner__title em::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:8px;background:rgba(211,47,47,.2);z-index:-1;transform:skewX(-15deg)}
.el-feature-banner__sub{font-size:.9rem;color:#4b5563;line-height:1.6;margin-bottom:22px;max-width:380px}
.el-feature-banner__cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;padding:12px 26px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);position:relative;overflow:hidden}
.el-feature-banner__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.el-feature-banner:hover .el-feature-banner__cta::before{left:100%}
.el-feature-banner__cta:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.8)}
.el-feature-banner__visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.el-feature-banner__visual::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 240px at 50% 50%, rgba(211,47,47,.15) 0%, transparent 70%);z-index:1;opacity:.7}
.el-feature-banner:hover .el-feature-banner__visual::before{opacity:1}
.el-feature-banner__img{position:relative;z-index:2;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1);animation:elBannerFloat 6s ease-in-out infinite}
@keyframes elBannerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.el-feature-banner:hover .el-feature-banner__img{transform:scale(1.08) translateY(-14px);animation:none}
.el-feature-banner__badge{position:absolute;top:22px;right:22px;background:var(--dark-navy);color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:8px 14px;border-radius:999px;z-index:5;box-shadow:0 10px 22px -8px rgba(15,23,42,.5);animation:mdPromoBadgePulse 3s ease-in-out infinite}

.el-products-panel{background:#fff;border:1px solid #eef1f6;border-radius:22px;padding:28px 30px 30px;box-shadow:0 20px 50px -34px rgba(15,23,42,.2);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s .1s cubic-bezier(.34,1.56,.64,1)}
.el-products-panel.revealed{opacity:1;transform:translateY(0)}
.el-products-panel__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #eef1f6;flex-wrap:wrap;gap:14px}
.el-products-panel__title{display:flex;align-items:center;gap:14px}
.el-products-panel__title h4{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block;padding-left:20px}
.el-products-panel__title h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--primary-red);animation:mdStockBlink 1.6s ease-in-out infinite}
.el-products-panel__title span{font-size:.72rem;color:var(--text-gray);font-weight:500;padding-left:18px;border-left:1px solid #eef1f6}
.el-nav{display:flex;gap:6px;align-items:center}
.el-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.el-nav__info b{color:var(--primary-red)}
.el-nav__btn{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.el-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}
.el-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.el-grid-new{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.el-card-new{background:#fff;border:1px solid #eef1f6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards}
.el-card-new:hover{border-color:rgba(211,47,47,.4);transform:translateY(-8px);box-shadow:0 30px 55px -28px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.el-card-new__img-wrap{position:relative;aspect-ratio:1.2/1;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.el-card-new__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__img{transform:scale(1.12) rotate(-1deg)}
.el-card-new__free{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase;line-height:1.15;padding:6px 8px;border-radius:6px;z-index:3;animation:mdFreePulse 2.4s ease-in-out infinite}
.el-card-new__discount{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:3;letter-spacing:.4px;animation:salePop 2.6s ease-in-out infinite}
@keyframes salePop{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.el-card-new__quick{position:absolute;bottom:12px;right:12px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;z-index:3;opacity:0;transform:translateY(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__quick{opacity:1;transform:translateY(0) scale(1)}
.el-card-new__quick:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.15) rotate(-10deg) !important}
.el-card-new__wish{position:absolute;top:12px;right:52px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.72rem;cursor:pointer;z-index:3;opacity:0;transform:translateX(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__wish{opacity:1;transform:translateX(0) scale(1)}
.el-card-new__wish:hover,.el-card-new__wish.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.el-card-new__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.el-card-new__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:6px}
.el-card-new__cat::before{content:"";width:12px;height:2px;background:var(--primary-red);border-radius:2px}
.el-card-new__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.3em}
.el-card-new:hover .el-card-new__title{color:var(--primary-red)}
.el-card-new__stars{display:flex;align-items:center;gap:3px;font-size:.65rem;color:#d1d5db}
.el-card-new__stars .filled{color:var(--star-gold)}
.el-card-new__stars span{color:var(--text-gray);font-size:.62rem;margin-left:4px;font-weight:500}
.el-card-new__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid #f1f5f9}
.el-card-new__price{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.el-card-new__old{font-size:.72rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.el-card-new__price--call{font-size:.86rem;font-weight:800;color:var(--dark-navy)}
.el-card-new__stock{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;color:#16a34a;margin-top:-2px}
.el-card-new__stock i{font-size:.5rem;animation:mdStockBlink 1.6s ease-in-out infinite}
.el-card-new__stock--low{color:#eab308}
.el-assurance-new{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;background:linear-gradient(135deg,#ffffff,#fafafa);border:1px solid #eef1f6;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 20px 45px -30px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .2s cubic-bezier(.34,1.56,.64,1)}
.el-assurance-new.revealed{opacity:1;transform:translateY(0)}
.el-assurance-new__item{display:flex;align-items:center;gap:14px;padding:22px 22px;border-right:1px solid #eef1f6;transition:background .35s ease}
.el-assurance-new__item:last-child{border-right:none}
.el-assurance-new__item:hover{background:linear-gradient(135deg,#fafafa,#fef5f5)}
.el-assurance-new__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(15,23,42,.6)}
.el-assurance-new__item:hover .el-assurance-new__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:rotate(-10deg) scale(1.08)}
.el-assurance-new__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;margin-bottom:3px}
.el-assurance-new__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}

/* BLOG SECTION */
.blog-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#ffffff;position:relative;overflow:hidden}
.blog-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.02) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.02) 1px, transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.25) 55%, transparent 85%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.25) 55%, transparent 85%);pointer-events:none}
.blog-feature-wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;margin-bottom:44px;position:relative;z-index:2}
.blog-feature{position:relative;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #eef1f6;box-shadow:0 25px 60px -34px rgba(15,23,42,.28);transition:all .6s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(35px)}
.blog-feature.revealed{opacity:1;transform:translateY(0)}
.blog-feature:hover{transform:translateY(-8px);box-shadow:0 40px 80px -34px rgba(211,47,47,.4),0 0 0 2px rgba(211,47,47,.25)}
.blog-feature__img-wrap{position:relative;overflow:hidden;min-height:380px}
.blog-feature__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__img{transform:scale(1.1)}
.blog-feature__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,23,42,.35) 0%,rgba(15,23,42,0) 55%)}
.blog-feature__content{padding:38px 34px;display:flex;flex-direction:column;justify-content:center}
.blog-feature__meta{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.blog-cat{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:6px 12px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(211,47,47,.5)}
.blog-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-gray);font-weight:500}
.blog-meta-item i{color:var(--primary-red);font-size:.7rem}
.blog-feature__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px;transition:color .3s ease}
.blog-feature:hover .blog-feature__title{color:var(--primary-red)}
.blog-feature__excerpt{font-size:.9rem;color:var(--text-gray);line-height:1.7;margin-bottom:22px}
.blog-feature__author{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.blog-author-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.85rem;flex-shrink:0}
.blog-author-info{line-height:1.2}
.blog-author-info b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:2px}
.blog-author-info span{font-size:.65rem;color:var(--text-gray);font-weight:500}
.blog-feature__link{display:inline-flex;align-items:center;gap:10px;color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;align-self:flex-start;padding-bottom:4px;border-bottom:2px solid transparent;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__link{border-bottom-color:var(--primary-red);gap:14px}
.blog-feature__link i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__link i{transform:translateX(4px)}
.blog-side{display:flex;flex-direction:column;gap:16px}
.blog-side__item{position:relative;display:grid;grid-template-columns:120px 1fr;gap:16px;background:#fff;border:1px solid #eef1f6;border-radius:16px;padding:14px;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden;opacity:0;transform:translateX(30px)}
.blog-side__item.revealed{opacity:1;transform:translateX(0)}
.blog-side__item:nth-child(1){transition-delay:.1s}
.blog-side__item:nth-child(2){transition-delay:.2s}
.blog-side__item:nth-child(3){transition-delay:.3s}
.blog-side__item:hover{transform:translateY(-4px);border-color:rgba(211,47,47,.35);box-shadow:0 20px 42px -24px rgba(211,47,47,.4)}
.blog-side__item::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.blog-side__item:hover::before{transform:scaleY(1)}
.blog-side__img{width:100%;aspect-ratio:1;background-size:cover;background-position:center;border-radius:11px;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}
.blog-side__item:hover .blog-side__img{transform:scale(1.08)}
.blog-side__info{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
.blog-side__cat{display:inline-flex;align-items:center;gap:5px;font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary-red)}
.blog-side__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.blog-side__title{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.blog-side__item:hover .blog-side__title{color:var(--primary-red)}
.blog-side__date{font-size:.65rem;color:var(--text-gray);display:flex;align-items:center;gap:6px;font-weight:500}
.blog-side__date i{color:var(--primary-red);font-size:.65rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:44px;position:relative;z-index:2}
.blog-card{background:#fff;border:1px solid #eef1f6;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .55s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(35px)}
.blog-card.revealed{opacity:1;transform:translateY(0)}
.blog-card:hover{transform:translateY(-10px);border-color:rgba(211,47,47,.35);box-shadow:0 32px 62px -30px rgba(211,47,47,.45),0 8px 20px -10px rgba(15,23,42,.08)}
.blog-card__img-wrap{position:relative;aspect-ratio:16/10;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.blog-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__img{transform:scale(1.13)}
.blog-card__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 45%,rgba(15,23,42,.55) 100%);opacity:.85;transition:opacity .4s ease}
.blog-card:hover .blog-card__img-wrap::after{opacity:1}
.blog-card__cat{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 11px;border-radius:999px;z-index:3;box-shadow:0 8px 18px -8px rgba(211,47,47,.6);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__cat{transform:scale(1.06)}
.blog-card__readtime{position:absolute;top:14px;right:14px;background:rgba(15,23,42,.8);backdrop-filter:blur(8px);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.6px;padding:6px 11px;border-radius:999px;z-index:3;display:flex;align-items:center;gap:5px}
.blog-card__readtime i{color:var(--primary-red);font-size:.6rem}
.blog-card__body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.68rem;color:var(--text-gray);font-weight:500}
.blog-card__meta span{display:inline-flex;align-items:center;gap:6px}
.blog-card__meta i{color:var(--primary-red);font-size:.68rem}
.blog-card__title{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.7em}
.blog-card:hover .blog-card__title{color:var(--primary-red)}
.blog-card__excerpt{font-size:.82rem;color:var(--text-gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:auto;border-top:1px solid #f1f5f9}
.blog-card__author{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;color:var(--text-dark)}
.blog-card__avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.blog-card__link{width:34px;height:34px;border-radius:50%;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__link{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-45deg) scale(1.1);box-shadow:0 10px 22px -8px rgba(211,47,47,.7)}
.blog-newsletter{position:relative;border-radius:22px;background:linear-gradient(135deg,#ffffff 0%,#fef5f5 100%);border:1px solid rgba(211,47,47,.18);padding:38px 40px;display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;box-shadow:0 25px 60px -34px rgba(211,47,47,.3);margin-top:12px;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1)}
.blog-newsletter.revealed{opacity:1;transform:translateY(0)}
.blog-newsletter::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));border-radius:22px 0 0 22px}
.blog-newsletter__icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px;box-shadow:0 12px 24px -10px rgba(15,23,42,.5)}
.blog-newsletter__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:10px}
.blog-newsletter__title span{color:var(--primary-red)}
.blog-newsletter__sub{font-size:.88rem;color:var(--text-gray);line-height:1.6}
.blog-newsletter__form{display:flex;gap:10px}
.blog-newsletter__form input{flex:1;padding:14px 18px;border:1.5px solid var(--light-gray);border-radius:12px;font-size:.9rem;outline:none;font-family:'Poppins',sans-serif;transition:all .3s ease;background:#fff}
.blog-newsletter__form input:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.blog-newsletter__form button{padding:14px 26px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);white-space:nowrap}
.blog-newsletter__form button:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}
.blog-newsletter__form button i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-newsletter__form button:hover i{transform:translateX(4px)}
.blog-newsletter__note{font-size:.7rem;color:var(--text-gray);margin-top:10px;display:flex;align-items:center;gap:6px}
.blog-newsletter__note i{color:var(--green);font-size:.7rem}

/* FOOTER */
footer{background:#ffffff;color:var(--text-dark);position:relative;overflow:hidden;border-top:1px solid #eef1f6}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--dark-navy) 50%,var(--primary-red) 100%)}
.footer-top{position:relative;padding:70px 0 50px;background:radial-gradient(900px 400px at 20% 0%, rgba(211,47,47,.05) 0%, transparent 55%),radial-gradient(900px 400px at 80% 100%, rgba(15,23,42,.04) 0%, transparent 55%),#ffffff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:40px;position:relative;z-index:2}
.footer-col__title{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:900;color:var(--dark-navy);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;position:relative;padding-bottom:12px}
.footer-col__title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--dark-navy));border-radius:2px;animation:ftLine 3s ease-in-out infinite}
@keyframes ftLine{0%,100%{width:34px;opacity:.85}50%{width:52px;opacity:1}}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.footer-brand-icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.4rem;box-shadow:0 8px 20px var(--shadow-red)}
.footer-brand-text h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.4rem;color:var(--dark-navy);line-height:1;letter-spacing:-.5px}
.footer-brand-text h3 span{color:var(--primary-red)}
.footer-brand-text span{display:block;color:var(--text-gray);font-size:.62rem;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-weight:500}
.footer-about{font-size:.85rem;color:var(--text-gray);line-height:1.75;margin-bottom:22px}
.footer-contacts{display:flex;flex-direction:column;gap:12px}
.footer-contact{display:flex;align-items:flex-start;gap:12px;font-size:.82rem;color:var(--text-dark);line-height:1.5}
.footer-contact i{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.footer-contact:hover i{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.footer-contact b{display:block;font-family:'Montserrat',sans-serif;font-weight:800;color:var(--dark-navy);font-size:.7rem;letter-spacing:.6px;text-transform:uppercase;margin-bottom:2px}
.footer-contact span{color:var(--text-gray);font-weight:500;font-size:.8rem}
.footer-links{display:flex;flex-direction:column;gap:11px}
.footer-link{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;color:var(--text-gray);font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);padding:3px 0;position:relative;width:fit-content;cursor:pointer}
.footer-link i{color:var(--primary-red);font-size:.6rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.footer-link::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:var(--primary-red);transition:right .4s cubic-bezier(.34,1.56,.64,1)}
.footer-link:hover{color:var(--primary-red);transform:translateX(5px)}
.footer-link:hover i{transform:translateX(3px)}
.footer-link:hover::after{right:0}
.footer-apps{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.footer-app{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #eef1f6;border-radius:11px;padding:10px 14px;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-app:hover{border-color:rgba(211,47,47,.35);transform:translateY(-3px);box-shadow:0 12px 26px -14px rgba(211,47,47,.4)}
.footer-app i{font-size:1.4rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.footer-app:hover i{transform:scale(1.1) rotate(-6deg)}
.footer-app-txt{line-height:1.2}
.footer-app-txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:900;color:var(--dark-navy);letter-spacing:.6px}
.footer-app-txt span{font-size:.6rem;color:var(--text-gray);font-weight:500}
.footer-social-title{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--dark-navy);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:12px}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap}
.footer-social{width:40px;height:40px;border-radius:11px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.92rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-social:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-4px) rotate(-8deg);box-shadow:0 14px 28px -12px rgba(211,47,47,.6)}
.footer-bottom{background:#ffffff;border-top:1px solid #eef1f6;padding:22px 0;position:relative;z-index:2}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-copy{font-size:.78rem;color:var(--text-gray);font-weight:500}
.footer-copy b{color:var(--dark-navy);font-weight:800}
.footer-copy span{color:var(--primary-red);font-weight:700}
.footer-payments{display:flex;align-items:center;gap:10px}
.footer-payments span{font-size:.72rem;color:var(--text-gray);font-weight:500;margin-right:4px}
.pay-icon{width:42px;height:28px;border-radius:6px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .35s ease;border:1px solid #eef1f6}
.pay-icon:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-2px);border-color:transparent}
.footer-top-btn{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.7);border:0}
.footer-top-btn:hover{transform:translateY(-4px) rotate(-6deg);box-shadow:0 20px 38px -12px rgba(211,47,47,.9)}
.footer-top-btn i{animation:ftBob 2.4s ease-in-out infinite}
@keyframes ftBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* TOAST + WA */
.toast-cart{position:fixed;bottom:100px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 20px 40px -10px rgba(22,163,74,.5);display:flex;align-items:center;gap:10px;z-index:999;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.toast-cart.show{opacity:1;transform:translateY(0) scale(1)}
.toast-cart--wish{background:linear-gradient(135deg,var(--primary-red),var(--hover-red))}
.wa-float{position:fixed;right:20px;bottom:22px;z-index:99;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C7E);display:grid;place-items:center;box-shadow:0 14px 32px -10px rgba(18,140,126,.9);animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:29px;height:29px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 16px rgba(37,211,102,0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* RESPONSIVE */
@media (max-width:1180px){
  .hero-search__row{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .hero-search__row .hero-search__btn{grid-column:1/-1;justify-content:center}
  .chip-float{display:none}
  .na-track{grid-auto-columns:calc((100% - 66px) / 4)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-product-card{right:3%;width:250px}
  .md-wrap{grid-template-columns:230px 280px 1fr}
  .el-grid-new{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
  .mega-menu__body{grid-template-columns:240px 1fr;gap:18px}
  .mega-products__grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:1024px){
  .hero{min-height:auto;padding:60px 0 130px}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:28px 12px}
  .trust-item:not(:last-child)::after{display:none}
  .na-carousel{padding:0 46px}
  .na-track{grid-auto-columns:calc((100% - 44px) / 3)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-inner{padding:130px 20px 110px}
  .ps-product-card{position:relative;right:auto;top:auto;transform:none;opacity:1;animation:none !important;margin-top:26px;width:100%;max-width:340px;pointer-events:auto}
  .ps-content{max-width:100%}
  .md-wrap{grid-template-columns:1fr}
  .md-cats{border-right:none;border-bottom:1px solid #eef1f6;padding:28px 24px}
  .md-cats__list{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:12px}
  .md-cat{padding:9px 14px;background:#f8fafc;border-radius:999px;width:auto;transform:none !important}
  .md-cat__icon{background:#e2e8f0}
  .md-promo{min-height:260px;padding:28px 24px 0}
  .md-assurance{grid-template-columns:repeat(2,1fr)}
  .el-header{grid-template-columns:1fr;gap:26px;align-items:start;padding-bottom:28px}
  .el-feature-banner{grid-template-columns:1fr;min-height:auto}
  .el-feature-banner__visual{min-height:200px;order:-1}
  .el-feature-banner__content{padding:28px 26px;max-width:100%}
  .el-grid-new{grid-template-columns:repeat(2,1fr)}
  .el-assurance-new{grid-template-columns:repeat(2,1fr)}
  .blog-feature-wrap{grid-template-columns:1fr;gap:22px}
  .blog-feature{grid-template-columns:1fr}
  .blog-feature__img-wrap{min-height:250px}
  .blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .blog-newsletter{grid-template-columns:1fr;gap:24px;padding:32px 28px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
  .mega-menu__body{grid-template-columns:1fr;max-height:none}
  .mega-promo{min-height:240px}
  .mega-products__grid{grid-template-columns:repeat(4,1fr);max-height:340px}
}
@media (max-width:768px){
  .header-content{flex-direction:column;gap:16px}
  .header-search{width:100%;max-width:100%}
  .header-icons{width:100%;justify-content:space-around}
  .all-cat-btn{width:100%;justify-content:center}
  .mega-menu__topbar{padding:12px 16px;gap:12px}
  .mega-menu__search{max-width:100%;order:3;flex:1 1 100%}
  .mega-menu__close{margin-left:auto}
  .mega-menu__tabs{padding:10px 16px}
  .mega-menu__body{padding:16px;gap:16px}
  .mega-products__grid{grid-template-columns:repeat(3,1fr);gap:10px}
  .mega-menu__footer{padding:10px 16px}
  .hero{padding:50px 0 120px}
  .hero-search{padding:16px}
  .hero-search__row{grid-template-columns:1fr 1fr}
  .hero-search__row .hero-search__btn{grid-column:1/-1}
  .trust-overlap{margin-top:-70px;padding:0 14px}
  .trust-panel{padding:26px 16px}
  .trust-grid{grid-template-columns:1fr;gap:24px}
  .new-arrivals{padding:60px 0 70px}
  .na-carousel{padding:0 44px}
  .na-track{grid-auto-columns:calc((100% - 22px) / 2);gap:18px}
  .na-nav{width:40px;height:40px}
  .section-title{font-size:1.7rem}
  .brand-banners{padding:60px 0 70px}
  .bb-grid{grid-template-columns:1fr;gap:18px}
  .bb-card{aspect-ratio:16/9;min-height:220px}
  .categories{padding:60px 0 70px}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .product-slider{min-height:520px}
  .ps-inner{padding:120px 20px 90px}
  .ps-headline{font-size:2rem}
  .ps-arrow{width:42px;height:42px}
  .ps-arrow--prev{left:10px}
  .ps-arrow--next{right:10px}
  .mega-deals,.electrical-section{padding:60px 0 70px}
  .md-products{padding:22px 18px 24px}
  .md-grid{grid-template-columns:1fr}
  .md-card__top{grid-template-columns:100px 1fr;gap:14px}
  .md-assurance{grid-template-columns:1fr;padding:18px}
  .el-header{margin-bottom:34px;padding-bottom:24px}
  .el-header__title{font-size:1.7rem}
  .el-header__stats{grid-template-columns:1fr}
  .el-tabs{margin-bottom:28px;gap:8px}
  .el-tab{padding:10px 16px 10px 11px;font-size:.75rem}
  .el-feature-banner{border-radius:18px;margin-bottom:24px}
  .el-feature-banner__content{padding:24px 22px}
  .el-feature-banner__title{font-size:1.35rem}
  .el-products-panel{padding:22px 18px 24px;border-radius:18px}
  .el-grid-new{grid-template-columns:repeat(2,1fr);gap:12px}
  .el-assurance-new{grid-template-columns:1fr;border-radius:16px}
  .el-assurance-new__item{border-right:none;border-bottom:1px solid #eef1f6;padding:16px 18px}
  .el-assurance-new__item:last-child{border-bottom:none}
  .blog-section{padding:60px 0 70px}
  .blog-feature__content{padding:28px 22px}
  .blog-feature__title{font-size:1.25rem}
  .blog-side__item{grid-template-columns:100px 1fr;gap:13px;padding:12px}
  .blog-side__title{font-size:.82rem}
  .blog-grid{grid-template-columns:1fr;gap:18px}
  .blog-newsletter{padding:28px 22px}
  .blog-newsletter__form{flex-direction:column}
  .blog-newsletter__form button{justify-content:center}
  .footer-top{padding:52px 0 40px}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-bottom-inner{justify-content:center;text-align:center}
}
@media (max-width:520px){
  .ticker-item{font-size:.78rem}
  .brand-text h1{font-size:1.4rem}
  .logo-icon{width:44px;height:44px;font-size:1.3rem}
  .mega-products__grid{grid-template-columns:repeat(2,1fr)}
  .mega-promo{padding:20px 18px;min-height:200px}
  .mega-promo__title{font-size:1.1rem}
  .mega-promo__img{width:120px;height:120px}
  .hero{padding:40px 0 100px}
  .hero-search__row{grid-template-columns:1fr}
  .trust-overlap{margin-top:-60px}
  .na-carousel{padding:0 38px}
  .na-track{grid-auto-columns:82%}
  .wa-float{width:50px;height:50px;right:14px;bottom:16px}
  .wa-float svg{width:25px;height:25px}
  .toast-cart{right:14px;bottom:80px;font-size:.82rem;padding:12px 18px}
  .bb-card{aspect-ratio:16/10;min-height:200px}
  .cat-grid{grid-template-columns:1fr;gap:14px}
  .cat-card{aspect-ratio:16/9}
  .ps-headline{font-size:1.5rem}
  .ps-product-card{display:none}
  .md-cats{padding:24px 18px}
  .md-cats__title{font-size:1.15rem}
  .md-cat{font-size:.78rem;padding:8px 12px}
  .md-promo{min-height:180px;padding:22px 18px 0}
  .md-promo__title{font-size:1.02rem}
  .md-card{padding:12px}
  .el-header__title{font-size:1.5rem}
  .el-tab{padding:9px 14px 9px 10px;font-size:.7rem;gap:8px}
  .el-feature-banner__title{font-size:1.15rem}
  .el-grid-new{grid-template-columns:1fr;gap:14px}
  .el-card-new__img-wrap{aspect-ratio:16/10}
  .blog-feature__img-wrap{min-height:200px}
  .blog-feature__title{font-size:1.1rem}
  .blog-side__item{grid-template-columns:90px 1fr;padding:10px;gap:11px}
  .blog-side__title{font-size:.78rem}
  .blog-newsletter__title{font-size:1.15rem}
  .footer-brand-text h3{font-size:1.2rem}
  .footer-contact span{font-size:.76rem}
  .footer-social{width:36px;height:36px;font-size:.85rem}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .hero-particles{display:none}
  .hero-slide:first-child{opacity:1}
  .typed-caret{opacity:1}
  .na-card,.bb-card,.cat-card,.md-wrap,.md-assurance,.el-feature-banner,.el-products-panel,.el-assurance-new,.blog-feature,.blog-side__item,.blog-card,.blog-newsletter,.mega-card{opacity:1;transform:none}
  .ps-slide.is-active{animation:none}
  .ps-content{opacity:1;transform:none;animation:none !important}
  .ps-product-card{transform:translateY(-50%) translateX(0) scale(1);opacity:1;animation:none !important}
}

:root{--primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;--white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;--star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,0.08);--shadow-red:rgba(211,47,47,0.3)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--white);color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit}

/* ============ TICKER ============ */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem;animation:iconBob 2.4s ease-in-out infinite}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes iconBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-8deg)}}

/* ============ HEADER ============ */
header{background:#fff;padding:18px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer}
.logo-icon{background:var(--primary-red);color:#fff;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.6rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.7rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.68rem;letter-spacing:2.5px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-search{flex-grow:1;max-width:600px}
.search-box{display:flex;background:var(--off-white);border-radius:50px;overflow:hidden;height:52px;align-items:center;padding:5px;border:2px solid var(--light-gray);transition:all .4s ease}
.search-box:focus-within{background:#fff;border-color:var(--primary-red);box-shadow:0 0 22px var(--shadow-red)}
.header-cat{border:none;background:transparent;padding:0 15px;font-size:.88rem;color:var(--text-dark);border-right:1px solid var(--light-gray);outline:none;cursor:pointer;font-weight:600}
.header-input{border:none;flex-grow:1;padding:0 15px;font-size:.92rem;outline:none;background:transparent}
.header-input::placeholder{color:#94a3b8}
.header-search-btn{background:var(--primary-red);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;font-size:1rem}
.header-search-btn:hover{background:var(--hover-red);transform:scale(1.1) rotate(15deg)}
.header-icons{display:flex;align-items:center;gap:22px}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.4rem}
.badge{position:absolute;top:-5px;right:-5px;background:var(--primary-red);color:#fff;font-size:.65rem;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;animation:pulseBadge 2s infinite}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* ============ HERO ============ */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:80px 0 140px}
.hero-slides{position:absolute;inset:0;z-index:-4;overflow:hidden}
.hero-slide{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;animation:heroKenBurns 32s infinite}
.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:8s}.hero-slide:nth-child(3){animation-delay:16s}.hero-slide:nth-child(4){animation-delay:24s}
@keyframes heroKenBurns{0%{opacity:0;transform:scale(1.06)}5%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1.18)}100%{opacity:0;transform:scale(1.06)}}
.hero-overlay{position:absolute;inset:0;z-index:-3;background:radial-gradient(1000px 600px at 50% 30%, rgba(211,47,47,.22) 0%, transparent 65%),linear-gradient(180deg,rgba(15,23,42,.75),rgba(15,23,42,.94))}
.hero-grid{position:absolute;inset:-40px;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);animation:gridDrift 26s linear infinite;pointer-events:none}
@keyframes gridDrift{to{background-position:54px 54px,54px 54px}}
.hero-particles{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-particles span{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);opacity:0;animation:rise var(--dur) linear infinite;animation-delay:var(--delay)}
@keyframes rise{0%{transform:translate3d(0,30px,0) scale(.5);opacity:0}18%{opacity:.85}78%{opacity:.3}100%{transform:translate3d(14px,-200px,0) scale(1.05);opacity:0}}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E5EDF9;padding:8px 20px 8px 14px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;backdrop-filter:blur(10px);animation:fadeUp .7s both}
.hero-eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#25D366;animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.hero-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:18px;text-transform:uppercase;animation:fadeUp .7s .08s both}
.hero-headline span{color:var(--primary-red);position:relative;display:inline-block}
.hero-headline span::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:12px;background:rgba(211,47,47,.28);z-index:-1;transform:skewX(-15deg)}
.typed-wrap{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,3.6vw,3rem);font-weight:900;line-height:1.25;color:#E5EDF9;margin-bottom:26px;display:block;min-height:1.4em;animation:fadeUp .7s .16s both;text-transform:uppercase}
.typed-line{display:inline-block;font-weight:900;min-height:1.2em;background:linear-gradient(120deg,#ff5a5a,#FFD166 50%,var(--primary-red));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease-in-out infinite}
@keyframes gradientShift{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
.typed-caret{display:inline-block;width:4px;height:1em;margin-left:6px;vertical-align:-.12em;border-radius:2px;background:var(--primary-red);animation:caretBlink 1.05s steps(1,end) infinite}
@keyframes caretBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
.hero-desc{font-size:1.02rem;color:#B6C6DE;line-height:1.75;margin:0 auto 40px;max-width:640px;animation:fadeUp .7s .24s both}
.hero-desc b{color:#fff;font-weight:700}
.hero-search{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.85);position:relative;overflow:hidden;max-width:960px;margin:0 auto 32px;animation:fadeUp .7s .32s both;text-align:left}
.hero-search::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-red),#F5919A,var(--dark-navy),#F5919A,var(--primary-red));background-size:200% 100%;animation:barSlide 6s linear infinite}
@keyframes barSlide{to{background-position:200% 0}}
.hero-search__head{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:14px;text-transform:uppercase;letter-spacing:.8px}
.hero-search__head i{color:var(--primary-red);font-size:.9rem}
.hero-search__head strong{color:var(--primary-red);margin-left:auto;font-size:.7rem;padding:4px 10px;background:#FDECEE;border-radius:999px;letter-spacing:1px}
.hero-search__row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px}
.field{position:relative}
.field select{appearance:none;-webkit-appearance:none;width:100%;padding:14px 34px 14px 14px;border:1.5px solid var(--light-gray);border-radius:12px;background:#fff;font-size:.88rem;font-weight:600;color:var(--dark-navy);cursor:pointer;outline:none;transition:all .2s ease}
.field select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.field select:invalid{color:#93a2b8}
.field--select::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #8895a8;border-bottom:2px solid #8895a8;transform:translateY(-72%) rotate(45deg);pointer-events:none}
.hero-search__btn{border:0;cursor:pointer;font-weight:700;font-size:.9rem;border-radius:12px;padding:14px 28px;white-space:nowrap;color:#fff;background:linear-gradient(180deg,#F04A56,var(--hover-red));box-shadow:0 12px 26px -10px rgba(211,47,47,.9);transition:transform .18s ease;display:inline-flex;align-items:center;gap:9px}
.hero-search__btn:hover{transform:translateY(-2px)}
.hero-search__hint{margin:13px 0 0;font-size:.78rem;font-weight:600;color:var(--text-gray);display:flex;align-items:center;gap:8px;min-height:20px}
.hero-search__hint.is-success{color:var(--green)}
.hero-search__hint.is-error{color:var(--primary-red)}
.hint-pop{animation:hintPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes hintPop{0%{transform:translateY(6px);opacity:0}100%{transform:translateY(0);opacity:1}}
.hero-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;animation:fadeUp .7s .4s both}
.quick-tag{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#DDE7F5;padding:7px 14px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:7px}
.quick-tag i{color:var(--primary-red);font-size:.75rem}
.quick-tag:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-2px)}
.quick-tag:hover i{color:white}
.chip-float{position:absolute;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:11px 15px 11px 11px;display:flex;align-items:center;gap:11px;box-shadow:0 22px 45px -18px rgba(0,0,0,.6);animation:bobChip 5.5s ease-in-out infinite;z-index:3}
.chip-float:nth-child(1){top:20%;left:4%}
.chip-float:nth-child(2){top:55%;right:5%;animation-delay:1.2s}
.chip-float:nth-child(3){bottom:22%;left:8%;animation-delay:2.4s}
.chip-float:nth-child(4){bottom:30%;right:9%;animation-delay:3.6s}
@keyframes bobChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.chip-float__img{width:44px;height:44px;border-radius:10px;background-size:cover;background-position:center;flex-shrink:0;border:1px solid rgba(15,23,42,.1)}
.chip-float__txt h4{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);white-space:nowrap}
.chip-float__txt span{font-size:.68rem;color:var(--text-gray);font-weight:600;white-space:nowrap}
.chip-float__txt span em{color:var(--primary-red);font-style:normal;font-weight:800}

/* ============ TRUST ============ */
.trust-overlap{position:relative;z-index:10;margin-top:-90px;padding:0 20px}
.trust-panel{max-width:1300px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 30px 70px -30px rgba(15,23,42,.35);padding:36px 30px;position:relative;overflow:hidden;animation:trustRise .9s .2s cubic-bezier(.34,1.56,.64,1) both}
@keyframes trustRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.trust-panel::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:280px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-red),transparent)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-item{text-align:center;padding:8px 20px;position:relative;cursor:pointer;opacity:0;animation:trustItemIn .8s cubic-bezier(.34,1.56,.64,1) forwards;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.trust-item:nth-child(1){animation-delay:.35s}.trust-item:nth-child(2){animation-delay:.48s}.trust-item:nth-child(3){animation-delay:.61s}.trust-item:nth-child(4){animation-delay:.74s}
@keyframes trustItemIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.trust-item:hover{transform:translateY(-8px)}
.trust-item:not(:last-child)::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:linear-gradient(180deg,transparent,#e2e8f0 25%,#e2e8f0 75%,transparent)}
.trust-icon{width:92px;height:92px;margin:0 auto 20px;position:relative;border-radius:50%;background:radial-gradient(circle at 30% 25%, #fff 0%, #eef2f7 60%, #e4eaf3 100%);display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-icon{transform:scale(1.12) rotate(-8deg);background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 20px 45px -12px rgba(211,47,47,.65)}
.trust-icon svg{width:40px;height:40px;stroke:#0f172a;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:iconFloat 4.6s ease-in-out infinite;transition:stroke .4s ease}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.trust-item:hover .trust-icon svg{stroke:#fff}
.trust-badge{position:absolute;top:-4px;right:-10px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 11px;border-radius:999px;border:2px solid #fff;box-shadow:0 6px 18px -4px rgba(211,47,47,.65);animation:badgeBounce 3s ease-in-out infinite}
@keyframes badgeBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}
.trust-item:hover .trust-badge{animation:none;background:#fff;color:var(--primary-red);border-color:var(--primary-red);transform:translateY(-4px) scale(1.12)}
.trust-title{font-family:'Montserrat',sans-serif;font-size:.92rem;font-weight:800;color:#0f172a;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:10px;position:relative;display:inline-block}
.trust-title::after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,var(--primary-red),#FF8B94);transform:translateX(-50%);transition:width .4s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-title{color:var(--primary-red)}
.trust-item:hover .trust-title::after{width:60%}
.trust-desc{font-size:.86rem;color:var(--text-gray);line-height:1.65;max-width:250px;margin:0 auto}

/* ============ OFFER STRIP ============ */
.offer-strip{position:relative;background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#2a1a1a 100%);padding:22px 0;overflow:hidden;border-top:3px solid var(--primary-red);border-bottom:3px solid var(--primary-red);margin-top:60px}
.offer-strip-inner{display:flex;align-items:center;gap:20px;position:relative;z-index:2}
.offer-strip-tag{background:var(--primary-red);color:white;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:8px 16px;border-radius:6px;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;gap:8px}
.offer-strip-tag i{animation:rotate360 3s linear infinite}
@keyframes rotate360{to{transform:rotate(360deg)}}
.offer-marquee{flex:1;overflow:hidden;position:relative}
.offer-marquee::before,.offer-marquee::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.offer-marquee::before{left:0;background:linear-gradient(90deg,#0f172a,transparent)}
.offer-marquee::after{right:0;background:linear-gradient(90deg,transparent,#0f172a)}
.offer-track{display:flex;gap:50px;white-space:nowrap;animation:offerScroll 30s linear infinite;align-items:center}
.offer-marquee:hover .offer-track{animation-play-state:paused}
@keyframes offerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.offer-item{display:inline-flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.92rem;color:#E5EDF9}
.offer-item i{color:var(--primary-red);font-size:1rem}
.offer-item strong{color:#FF8B94;font-weight:900;padding:2px 8px;background:rgba(211,47,47,.2);border-radius:5px}
.offer-item em{font-style:normal;color:#FFD166;font-weight:800}

/* ============ SECTION HEADER ============ */
.section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
@keyframes naKickerIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:14px;animation:naTitleIn .8s .08s both}
.section-title span{color:var(--primary-red);position:relative;display:inline-block}
.section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes titleUnderline{to{transform:skewX(-15deg) scaleX(1)}}
@keyframes naTitleIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.section-sub{color:var(--text-gray);font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.7;animation:naTitleIn .8s .16s both}
.section-sub b{color:var(--dark-navy);font-weight:700}

/* ============ NEW ARRIVALS ============ */
.new-arrivals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.na-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:44px}
.na-tab{background:#fff;border:1.5px solid var(--light-gray);color:var(--text-dark);padding:11px 22px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:8px}
.na-tab i{font-size:.8rem;color:var(--text-gray)}
.na-tab:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px)}
.na-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);transform:translateY(-3px) scale(1.03)}
.na-tab.active i{color:#fff}
.na-tab__count{background:rgba(0,0,0,.08);padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:800}
.na-tab.active .na-tab__count{background:rgba(255,255,255,.22)}
.na-carousel{position:relative;padding:0 56px}
.na-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px) / 5);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:12px 4px 22px;scrollbar-width:none}
.na-track::-webkit-scrollbar{display:none}
.na-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:0 0 14px;scroll-snap-align:start;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(35px)}
.na-card.revealed{opacity:1;transform:translateY(0)}
.na-card:hover{border-color:var(--primary-red);box-shadow:0 30px 55px -22px rgba(211,47,47,.35);transform:translateY(-10px)}
.na-img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);aspect-ratio:1;overflow:hidden;margin-bottom:14px}
.na-img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:all .7s cubic-bezier(.34,1.56,.64,1);opacity:0}
.na-img-wrap img.active{opacity:1}
.na-card:hover .na-img-wrap img.active{transform:scale(1.13)}
.na-sale{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#FF6B6B,#d32f2f);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:5}
.na-free{position:absolute;bottom:14px;left:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:6px 9px;border-radius:7px;text-transform:uppercase;z-index:5;display:flex;align-items:center;gap:5px}
.na-body{padding:0 14px;display:flex;flex-direction:column;flex:1}
.na-title-card{font-size:.84rem;font-weight:600;color:#374151;line-height:1.45;min-height:2.9em;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.na-card:hover .na-title-card{color:var(--primary-red)}
.na-stars{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#d1d5db;margin-bottom:12px}
.na-stars .filled{color:var(--star-gold)}
.na-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.na-price{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--primary-red)}
.na-old{font-size:.78rem;color:#94a3b8;text-decoration:line-through}
.na-add-btn{flex:1;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;border-radius:10px;color:#fff;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:all .35s ease;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:7px}
.na-add-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px rgba(211,47,47,.75)}
.na-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;z-index:5;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.na-nav:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-50%) scale(1.14)}
.na-nav--prev{left:0}.na-nav--next{right:0}
.view-all{display:flex;justify-content:center;margin-top:48px}
.view-all a{display:inline-flex;align-items:center;gap:12px;padding:15px 36px;border-radius:999px;background:#fff;border:2px solid var(--dark-navy);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;transition:all .45s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.view-all a::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover::before{transform:scaleX(1)}
.view-all a span,.view-all a i{position:relative;z-index:1}
.view-all a:hover{color:#fff;border-color:var(--primary-red)}
.view-all a i{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover i{transform:translateX(6px)}

/* ============ BRAND BANNERS ============ */
.brand-banners{padding:90px 0 100px;background:radial-gradient(900px 400px at 30% 0%, rgba(211,47,47,.05) 0%, transparent 60%),radial-gradient(900px 400px at 70% 100%, rgba(15,23,42,.05) 0%, transparent 60%),#f8fafc;position:relative;overflow:hidden}
.bb-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.bb-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/8.5;min-height:260px;cursor:pointer;isolation:isolate;box-shadow:0 20px 45px -22px rgba(15,23,42,.4);opacity:0;transform:translateY(35px)}
.bb-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover{transform:translateY(-8px);box-shadow:0 40px 70px -26px rgba(15,23,42,.6),0 0 0 2px var(--bb-accent,var(--primary-red))}
.bb-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:bbKenBurns 22s ease-in-out infinite alternate;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1)}
@keyframes bbKenBurns{0%{transform:scale(1)}100%{transform:scale(1.08) translate(-8px,-6px)}}
.bb-card:hover .bb-img{transform:scale(1.15) translate(-10px,-8px)}
.bb-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(15,23,42,.9),rgba(15,23,42,.75) 32%,rgba(15,23,42,.35) 58%,rgba(15,23,42,.05))}
.bb-content{position:relative;z-index:2;padding:32px 36px;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:70%}
.bb-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#E5EDF9;padding:5px 12px 5px 9px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:14px;align-self:flex-start;transition:all .4s ease}
.bb-tag__dot{width:6px;height:6px;border-radius:50%;background:var(--bb-accent,var(--primary-red))}
.bb-card:hover .bb-tag{background:var(--bb-accent,var(--primary-red));border-color:var(--bb-accent,var(--primary-red));color:#fff;transform:translateX(4px)}
.bb-headline{font-family:'Montserrat',sans-serif;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;color:#E5EDF9;line-height:1.2;margin-bottom:6px}
.bb-brand{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,2.9vw,2.3rem);font-weight:900;color:var(--bb-accent,var(--primary-red));letter-spacing:-.02em;line-height:1.05;margin-bottom:14px;text-shadow:0 4px 18px rgba(0,0,0,.5);position:relative;display:inline-block;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.bb-brand::after{content:"";position:absolute;bottom:-6px;left:0;height:3px;width:44px;background:var(--bb-accent,var(--primary-red));border-radius:2px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover .bb-brand{transform:translateX(3px)}
.bb-card:hover .bb-brand::after{width:80px}
.bb-text{font-size:.86rem;color:#B6C6DE;line-height:1.6;margin-bottom:22px;max-width:420px}
.bb-cta{display:inline-flex;align-items:center;gap:11px;background:linear-gradient(135deg,var(--bb-accent,var(--primary-red)),#8c1a1a);color:#fff;padding:12px 24px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(6px);opacity:.85}
.bb-card:hover .bb-cta{transform:translateY(0);opacity:1}
.bb-count{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.95);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:900;padding:8px 13px;border-radius:999px;z-index:4;display:flex;align-items:center;gap:7px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.bb-count i{color:var(--bb-accent,var(--primary-red));font-size:.7rem}
.bb-card:hover .bb-count{background:var(--bb-accent,var(--primary-red));color:#fff;transform:translateY(-4px) scale(1.06)}
.bb-card:hover .bb-count i{color:#fff}

/* ============ CATEGORIES ============ */
.categories{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cat-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1/1.05;cursor:pointer;isolation:isolate;background:#fff;box-shadow:0 12px 30px -18px rgba(15,23,42,.35);opacity:0;transform:translateY(35px)}
.cat-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover{transform:translateY(-10px);box-shadow:0 40px 70px -28px rgba(15,23,42,.55),0 0 0 2px var(--cat-accent,var(--primary-red))}
.cat-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:catKenBurns 20s ease-in-out infinite alternate}
@keyframes catKenBurns{0%{transform:scale(1)}100%{transform:scale(1.1) translate(-6px,-6px)}}
.cat-card:hover .cat-img{transform:scale(1.2) translate(-10px,-10px)}
.cat-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,23,42,.15) 0%,rgba(15,23,42,.45) 45%,rgba(15,23,42,.92) 100%)}
.cat-content{position:absolute;inset:auto 0 0 0;padding:24px 22px;z-index:2;display:flex;flex-direction:column;gap:6px}
.cat-icon-wrap{position:absolute;top:18px;left:18px;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--cat-accent,var(--primary-red));font-size:1.3rem;z-index:3;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-icon-wrap{background:var(--cat-accent,var(--primary-red));color:#fff;transform:rotate(-10deg) scale(1.08)}
.cat-name{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:#fff;letter-spacing:-.01em;line-height:1.15;text-shadow:0 4px 14px rgba(0,0,0,.5);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-name{transform:translateY(-3px)}
.cat-count{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#B6C6DE}
.cat-count b{color:var(--cat-accent,var(--primary-red));font-weight:900;background:rgba(255,255,255,.12);padding:2px 8px;border-radius:999px}
.cat-arrow{position:absolute;bottom:24px;right:22px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.9rem;z-index:3;opacity:0;transform:translateX(12px) scale(.9);transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-arrow{opacity:1;transform:translateX(0) scale(1);background:var(--cat-accent,var(--primary-red));color:#fff}
.cat-badge{position:absolute;top:18px;right:18px;background:linear-gradient(135deg,var(--cat-accent,var(--primary-red)),#8c1a1a);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.2px;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:3;display:flex;align-items:center;gap:5px;animation:catBadgePulse 2.8s ease-in-out infinite}
@keyframes catBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* ============ PRODUCT SLIDER ============ */
.product-slider{position:relative;padding:0;background:#0f172a;overflow:hidden;isolation:isolate;min-height:640px;display:flex;align-items:center}
.product-slider__header{position:absolute;top:34px;left:0;right:0;z-index:5;text-align:center;padding:0 20px}
.product-slider__kicker{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#E5EDF9;padding:6px 16px 6px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:12px;backdrop-filter:blur(10px)}
.product-slider__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.product-slider__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.product-slider__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}
.product-slider__title span{color:var(--primary-red)}
.ps-viewport{position:absolute;inset:0;overflow:hidden;z-index:1}
.ps-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:translateX(100%) scale(1.08);transition:opacity 1.1s cubic-bezier(.7,0,.3,1),transform 1.3s cubic-bezier(.7,0,.3,1)}
.ps-slide.is-active{opacity:1;transform:translateX(0) scale(1);animation:psKenBurns 9s ease-out forwards}
.ps-slide.is-prev{opacity:0;transform:translateX(-100%) scale(1.08)}
@keyframes psKenBurns{0%{background-size:100% auto}100%{background-size:112% auto}}
.ps-slide::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 25% 60%, rgba(211,47,47,.28) 0%, transparent 65%),linear-gradient(95deg,rgba(15,23,42,.95) 0%,rgba(15,23,42,.8) 32%,rgba(15,23,42,.4) 58%,rgba(15,23,42,.1) 100%)}
.ps-inner{position:relative;z-index:3;max-width:1300px;margin:0 auto;padding:140px 20px 120px;width:100%;display:flex;align-items:center;min-height:640px}
.ps-content{max-width:600px;opacity:0;transform:translateX(-40px)}
.ps-slide.is-active .ps-content{animation:psContentIn .9s .35s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psContentIn{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}
.ps-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.ps-tag__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.ps-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2.2rem,4.4vw,3.8rem);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.05;text-transform:uppercase;margin-bottom:16px;text-shadow:0 6px 26px rgba(0,0,0,.5)}
.ps-headline span{color:var(--primary-red)}
.ps-sub{font-family:'Montserrat',sans-serif;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;color:#E5EDF9;line-height:1.35;margin-bottom:22px;max-width:520px}
.ps-desc{font-size:1rem;color:#B6C6DE;line-height:1.7;margin-bottom:32px;max-width:520px}
.ps-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ps-btn{display:inline-flex;align-items:center;gap:11px;padding:15px 30px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none}
.ps-btn--primary{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;box-shadow:0 14px 30px -10px rgba(211,47,47,.85)}
.ps-btn--primary:hover{transform:translateY(-4px)}
.ps-btn--ghost{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px)}
.ps-btn--ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-4px)}
.ps-product-card{position:absolute;right:8%;top:50%;transform:translateY(-50%) translateX(60px) scale(.92);opacity:0;width:280px;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);z-index:4;pointer-events:none}
.ps-slide.is-active .ps-product-card{animation:psCardIn 1s .55s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psCardIn{to{transform:translateY(-50%) translateX(0) scale(1);opacity:1}}
.ps-product-card__img{width:100%;aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center;margin-bottom:14px;position:relative;overflow:hidden}
.ps-product-card__badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:2}
.ps-product-card__name{font-size:.86rem;font-weight:600;color:#374151;line-height:1.4;min-height:2.6em;margin-bottom:10px}
.ps-product-card__price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
.ps-product-card__price{font-family:'Montserrat',sans-serif;font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-product-card__old{font-size:.75rem;color:#94a3b8;text-decoration:line-through}
.ps-product-card__rating{display:flex;gap:2px;font-size:.72rem;color:var(--star-gold);margin-bottom:14px}
.ps-product-card__rating span{color:var(--text-gray);font-size:.68rem;margin-left:5px}
.ps-product-card__btn{width:100%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;color:#fff;padding:11px 14px;border-radius:10px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .35s ease;pointer-events:auto}
.ps-product-card__btn:hover{transform:translateY(-2px)}
.ps-counter{position:absolute;top:34px;right:30px;z-index:6;font-family:'Montserrat',sans-serif;color:#fff;display:flex;align-items:baseline;gap:4px;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-counter__current{font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-counter__sep{color:rgba(255,255,255,.35);font-size:.85rem;margin:0 3px}
.ps-counter__total{font-size:.85rem;font-weight:700;color:#B6C6DE}
.ps-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;font-size:1.05rem;z-index:7;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.ps-arrow:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-50%) scale(1.12)}
.ps-arrow--prev{left:26px}
.ps-arrow--next{right:26px}
.ps-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.1);z-index:8;overflow:hidden}
.ps-progress__fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--primary-red),#FF8B94)}
.ps-dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:7;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 14px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.3);cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;padding:0}
.ps-dot.active{background:var(--primary-red);width:28px}

/* ============ SHARED 3-COL WRAP ============ */
.mega-deals,.electrical-section{padding:90px 0 100px;position:relative;overflow:hidden}
.mega-deals{background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.electrical-section{background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#fff 0%,#fafafa 100%)}
.mega-deals::before,.electrical-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.025) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.md-section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.md-section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.md-section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
.md-section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:16px;animation:naTitleIn .8s .08s both}
.md-section-title span{color:var(--primary-red);position:relative;display:inline-block}
.md-section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
.md-section-sub{color:var(--text-gray);font-size:.98rem;max-width:680px;margin:0 auto 32px;line-height:1.75;animation:naTitleIn .8s .16s both}
.md-section-sub b{color:var(--dark-navy);font-weight:700}
.md-features{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px;margin-bottom:52px;position:relative;z-index:2;animation:naTitleIn .8s .24s both}
.md-feature{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;color:#475569;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #eef1f6;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.md-feature i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.62rem;display:flex;align-items:center;justify-content:center}
.md-feature:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.4);color:var(--primary-red);box-shadow:0 10px 22px -12px rgba(211,47,47,.4)}
.md-wrap{display:grid;grid-template-columns:260px 320px 1fr;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -34px rgba(15,23,42,.32);background:#fff;opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2;border:1px solid #eef1f6}
.md-wrap.revealed{opacity:1;transform:translateY(0)}
.md-cats{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);padding:38px 30px;border-right:1px solid #eef1f6;display:flex;flex-direction:column;position:relative}
.md-cats::before{content:"";position:absolute;right:-1px;top:38px;bottom:38px;width:2px;background:linear-gradient(180deg,transparent,var(--primary-red) 30%,var(--primary-red) 70%,transparent);opacity:.15;transition:opacity .4s ease}
.md-cats:hover::before{opacity:.4}
.md-cats__label{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--text-gray);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.md-cats__label::before{content:"";width:14px;height:2px;background:var(--primary-red);border-radius:2px}
.md-cats__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary-red);margin-bottom:32px;letter-spacing:-.015em;line-height:1.15;position:relative}
.md-cats__title::after{content:"";position:absolute;left:0;bottom:-10px;width:36px;height:3px;background:var(--primary-red);border-radius:2px;animation:mdTitleLine 3s ease-in-out infinite}
@keyframes mdTitleLine{0%,100%{width:36px;opacity:.85}50%{width:58px;opacity:1}}
.md-cats__list{display:flex;flex-direction:column;gap:4px;flex:1}
.md-cat{font-size:.92rem;font-weight:500;color:#6b7280;padding:11px 14px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;border-radius:10px;background:transparent;border:1.5px solid transparent;font-family:'Poppins',sans-serif}
.md-cat__icon{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat__txt{flex:1;text-align:left;line-height:1.3}
.md-cat__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.md-cat:hover{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.15);transform:translateX(6px)}
.md-cat:hover .md-cat__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.md-cat:hover .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat.active{background:linear-gradient(135deg,rgba(211,47,47,.08),rgba(211,47,47,.04));color:var(--primary-red);border-color:rgba(211,47,47,.25);font-weight:700;transform:translateX(6px);box-shadow:0 8px 20px -12px rgba(211,47,47,.5)}
.md-cat.active .md-cat__icon{background:var(--primary-red);color:#fff;animation:mdCatIconPulse 2s ease-in-out infinite}
@keyframes mdCatIconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1) rotate(-6deg)}}
.md-cat.active .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat--view{margin-top:auto;color:var(--dark-navy);font-weight:700;padding:14px;margin-top:24px;border-top:1px solid #eef1f6;border-radius:0;display:inline-flex;align-items:center;gap:10px;font-size:.85rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat--view__badge{margin-left:auto;background:#f1f5f9;color:#64748b;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:1.2px;text-transform:uppercase}
.md-cat--view:hover{background:transparent;color:var(--primary-red);border-color:transparent;transform:translateX(6px)}
.md-cat--view:hover .md-cat--view__badge{background:var(--primary-red);color:#fff}
.md-cat--view i{font-size:.75rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat--view:hover i{transform:translateX(4px)}
.md-promo{position:relative;background:radial-gradient(400px 300px at 50% 100%, rgba(211,47,47,.22) 0%, transparent 70%),linear-gradient(160deg,#FFE9E5 0%,#FFD9D4 55%,#FFC8C2 100%);overflow:hidden;padding:38px 30px 0;isolation:isolate;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start}
.md-promo__badge{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.9);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 12px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(211,47,47,.4);z-index:3;animation:mdPromoBadgePulse 3s ease-in-out infinite}
@keyframes mdPromoBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.md-promo__img{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:120%;height:auto;max-height:70%;background-size:contain;background-repeat:no-repeat;background-position:center bottom;z-index:-1;transition:transform .9s cubic-bezier(.34,1.56,.64,1);animation:mdPromoFloat 6s ease-in-out infinite}
@keyframes mdPromoFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
.md-promo:hover .md-promo__img{transform:translateX(-50%) translateY(-14px) scale(1.06);animation:none}
.md-promo__content{position:relative;z-index:2;margin-bottom:auto}
.md-promo__tag{display:inline-flex;align-items:center;gap:7px;background:rgba(211,47,47,.1);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:14px;border:1px solid rgba(211,47,47,.2)}
.md-promo__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-promo__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:#111827;line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}
.md-promo__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.md-promo__title em::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:6px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg)}
.md-promo__sub{font-size:.88rem;color:#4b5563;line-height:1.55;margin-bottom:20px;max-width:240px}
.md-promo__stats{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.md-promo__stat{display:flex;align-items:center;gap:9px;font-size:.74rem;color:#475569;font-weight:600}
.md-promo__stat i{width:20px;height:20px;border-radius:50%;background:#fff;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0;box-shadow:0 4px 10px -3px rgba(211,47,47,.3)}
.md-promo__cta{display:inline-flex;align-items:center;gap:9px;background:var(--primary-red);color:#fff;padding:11px 22px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(211,47,47,.7);position:relative;overflow:hidden}
.md-promo__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.md-promo__cta:hover::before{left:100%}
.md-promo__cta:hover{transform:translateY(-3px);box-shadow:0 16px 32px -10px rgba(211,47,47,.9)}
.md-promo__cta i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.md-promo__cta:hover i{transform:translateX(4px)}
.md-products{background:#f8f9fb;padding:28px 30px 30px;display:flex;flex-direction:column;position:relative}
.md-products__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid #eef1f6}
.md-products__title{display:flex;flex-direction:column;gap:4px}
.md-products__title h4{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block}
.md-products__title h4::after{content:"";position:absolute;bottom:-6px;left:0;width:34px;height:2px;background:var(--primary-red);border-radius:2px;animation:mdHeadLine 3s ease-in-out infinite}
@keyframes mdHeadLine{0%,100%{width:34px;opacity:.75}50%{width:56px;opacity:1}}
.md-products__title span{font-size:.7rem;color:var(--text-gray);font-weight:500;margin-top:6px}
.md-nav{display:flex;gap:6px;align-items:center}
.md-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.md-nav__info b{color:var(--primary-red)}
.md-nav__btn{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.md-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.12)}
.md-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.md-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;position:relative;margin-top:20px}
.md-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden}
@keyframes mdCardIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.md-card:hover{transform:translateY(-6px);border-color:rgba(211,47,47,.35);box-shadow:0 25px 50px -26px rgba(211,47,47,.45),0 8px 16px -8px rgba(15,23,42,.08)}
.md-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-red),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.34,1.56,.64,1);border-radius:12px 12px 0 0}
.md-card:hover::before{transform:scaleX(1)}
.md-card__top{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.md-card__img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:9px;overflow:hidden;aspect-ratio:1;align-self:center}
.md-card__img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.md-card:hover .md-card__img{transform:scale(1.14) rotate(-1deg)}
.md-card__free{position:absolute;top:6px;left:6px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.48rem;font-weight:900;line-height:1.15;padding:5px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.4px;z-index:3;box-shadow:0 5px 12px -3px rgba(211,47,47,.6);animation:mdFreePulse 2.4s ease-in-out infinite}
@keyframes mdFreePulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}
.md-card__zoom{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.7rem;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:4;box-shadow:0 4px 10px rgba(0,0,0,.08)}
.md-card__zoom:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.18) rotate(-10deg)}
.md-card__info{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:6px}
.md-card__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:5px}
.md-card__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.md-card__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.md-card:hover .md-card__title{color:var(--primary-red)}
.md-card__stars{display:flex;gap:2px;color:#d1d5db;font-size:.65rem}
.md-card__stars .filled{color:var(--star-gold)}
.md-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:2px;flex-wrap:wrap}
.md-card__price{font-family:'Montserrat',sans-serif;font-size:.96rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.md-card__old{font-size:.7rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.md-card__price--call{font-size:.82rem;font-weight:800;color:var(--dark-navy)}
.md-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9;font-size:.65rem;color:var(--text-gray);font-weight:500}
.md-card__meta-item{display:inline-flex;align-items:center;gap:5px}
.md-card__meta-item i{font-size:.62rem;color:#94a3b8}
.md-card__stock{display:inline-flex;align-items:center;gap:5px;color:#16a34a;font-weight:700}
.md-card__stock i{font-size:.5rem;color:#16a34a;animation:mdStockBlink 1.6s ease-in-out infinite}
@keyframes mdStockBlink{0%,100%{opacity:1}50%{opacity:.4}}
.md-card__stock--low{color:#eab308}
.md-card__stock--low i{color:#eab308}
.md-assurance{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;padding:22px 26px;background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 12px 30px -22px rgba(15,23,42,.18);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .3s cubic-bezier(.34,1.56,.64,1)}
.md-assurance.revealed{opacity:1;transform:translateY(0)}
.md-assurance__item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-right:1px solid #eef1f6;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.md-assurance__item:last-child{border-right:none}
.md-assurance__item:hover{transform:translateY(-3px)}
.md-assurance__icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-assurance__item:hover .md-assurance__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.md-assurance__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;color:var(--dark-navy);letter-spacing:.3px;margin-bottom:2px}
.md-assurance__txt span{font-size:.66rem;color:var(--text-gray);font-weight:500}

/* ============================================================
   ELECTRICAL & LIGHTING — RED + BLACK + WHITE
   ============================================================ */
.el-header{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin-bottom:50px;position:relative;z-index:2;padding-bottom:32px;border-bottom:1px solid #eef1f6}
.el-header__left{animation:naTitleIn .8s .05s cubic-bezier(.4,0,.2,1) both}
.el-header__right{animation:naTitleIn .8s .15s cubic-bezier(.4,0,.2,1) both}
.el-header__kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.el-header__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-header__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.el-header__title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.08;margin-bottom:14px}
.el-header__title span{color:var(--primary-red);position:relative;display:inline-block}
.el-header__title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .5s cubic-bezier(.34,1.56,.64,1) forwards}
.el-header__lead{font-size:.95rem;color:var(--text-gray);line-height:1.7;max-width:520px}
.el-header__lead b{color:var(--dark-navy);font-weight:700}
.el-header__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.el-stat{background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.35);box-shadow:0 14px 30px -18px rgba(211,47,47,.35)}
.el-stat__icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover .el-stat__icon{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;transform:rotate(-8deg) scale(1.08)}
.el-stat__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;line-height:1.2;margin-bottom:2px}
.el-stat__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}
.el-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px;position:relative;z-index:2;animation:naTitleIn .8s .25s cubic-bezier(.4,0,.2,1) both}
.el-tab{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #eef1f6;color:#475569;padding:12px 20px 12px 14px;border-radius:999px;font-family:'Poppins',sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-tab__icon{width:26px;height:26px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.68rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-tab__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.el-tab:hover{border-color:rgba(211,47,47,.35);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(211,47,47,.35)}
.el-tab:hover .el-tab__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.el-tab:hover .el-tab__count{background:var(--primary-red);color:#fff}
.el-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 16px 32px -12px rgba(211,47,47,.55);transform:translateY(-3px) scale(1.02)}
.el-tab.active .el-tab__icon{background:rgba(255,255,255,.2);color:#fff}
.el-tab.active .el-tab__count{background:rgba(255,255,255,.25);color:#fff}
.el-feature-banner{position:relative;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;min-height:280px;margin-bottom:34px;background:radial-gradient(500px 400px at 90% 100%, rgba(211,47,47,.12) 0%, transparent 70%),linear-gradient(120deg,#ffffff 0%,#fef5f5 45%,#fde8e8 100%);border:1px solid rgba(211,47,47,.15);box-shadow:0 30px 70px -34px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.el-feature-banner.revealed{opacity:1;transform:translateY(0)}
.el-feature-banner::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));z-index:4}
.el-feature-banner__content{padding:38px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;max-width:520px}
.el-feature-banner__tag{display:inline-flex;align-items:center;gap:8px;background:rgba(211,47,47,.1);color:var(--primary-red);padding:6px 14px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:16px;align-self:flex-start;border:1px solid rgba(211,47,47,.25);transition:all .4s ease}
.el-feature-banner__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-feature-banner:hover .el-feature-banner__tag{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}
.el-feature-banner:hover .el-feature-banner__tag__dot{background:#fff}
.el-feature-banner__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:900;color:var(--dark-navy);line-height:1.15;letter-spacing:-.02em;margin-bottom:12px}
.el-feature-banner__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.el-feature-banner__title em::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:8px;background:rgba(211,47,47,.2);z-index:-1;transform:skewX(-15deg)}
.el-feature-banner__sub{font-size:.9rem;color:#4b5563;line-height:1.6;margin-bottom:22px;max-width:380px}
.el-feature-banner__cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;padding:12px 26px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);position:relative;overflow:hidden}
.el-feature-banner__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.el-feature-banner:hover .el-feature-banner__cta::before{left:100%}
.el-feature-banner__cta:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.8)}
.el-feature-banner__cta i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.el-feature-banner__cta:hover i{transform:translateX(4px)}
.el-feature-banner__visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.el-feature-banner__visual::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 240px at 50% 50%, rgba(211,47,47,.15) 0%, transparent 70%);z-index:1;opacity:.7;transition:opacity .5s ease}
.el-feature-banner:hover .el-feature-banner__visual::before{opacity:1}
.el-feature-banner__img{position:relative;z-index:2;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1);animation:elBannerFloat 6s ease-in-out infinite}
@keyframes elBannerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.el-feature-banner:hover .el-feature-banner__img{transform:scale(1.08) translateY(-14px);animation:none}
.el-feature-banner__badge{position:absolute;top:22px;right:22px;background:var(--dark-navy);color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:8px 14px;border-radius:999px;z-index:5;box-shadow:0 10px 22px -8px rgba(15,23,42,.5);animation:mdPromoBadgePulse 3s ease-in-out infinite}
.el-products-panel{background:#fff;border:1px solid #eef1f6;border-radius:22px;padding:28px 30px 30px;box-shadow:0 20px 50px -34px rgba(15,23,42,.2);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s .1s cubic-bezier(.34,1.56,.64,1)}
.el-products-panel.revealed{opacity:1;transform:translateY(0)}
.el-products-panel__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #eef1f6;flex-wrap:wrap;gap:14px}
.el-products-panel__title{display:flex;align-items:center;gap:14px}
.el-products-panel__title h4{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block;padding-left:20px}
.el-products-panel__title h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--primary-red);animation:mdStockBlink 1.6s ease-in-out infinite}
.el-products-panel__title span{font-size:.72rem;color:var(--text-gray);font-weight:500;padding-left:18px;border-left:1px solid #eef1f6}
.el-nav{display:flex;gap:6px;align-items:center}
.el-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.el-nav__info b{color:var(--primary-red)}
.el-nav__btn{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.el-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}
.el-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.el-grid-new{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.el-card-new{background:#fff;border:1px solid #eef1f6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards}
.el-card-new:hover{border-color:rgba(211,47,47,.4);transform:translateY(-8px);box-shadow:0 30px 55px -28px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.el-card-new__img-wrap{position:relative;aspect-ratio:1.2/1;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.el-card-new__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__img{transform:scale(1.12) rotate(-1deg)}
.el-card-new__free{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase;line-height:1.15;padding:6px 8px;border-radius:6px;z-index:3;box-shadow:0 8px 18px -6px rgba(211,47,47,.7);animation:mdFreePulse 2.4s ease-in-out infinite}
.el-card-new__discount{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:3;letter-spacing:.4px;box-shadow:0 8px 18px -6px rgba(15,23,42,.6);animation:salePop 2.6s ease-in-out infinite}
@keyframes salePop{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.el-card-new__quick{position:absolute;bottom:12px;right:12px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;z-index:3;opacity:0;transform:translateY(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.el-card-new:hover .el-card-new__quick{opacity:1;transform:translateY(0) scale(1)}
.el-card-new__quick:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.15) rotate(-10deg) !important}
.el-card-new__wish{position:absolute;top:12px;right:52px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.72rem;cursor:pointer;z-index:3;opacity:0;transform:translateX(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 14px rgba(0,0,0,.1)}
.el-card-new:hover .el-card-new__wish{opacity:1;transform:translateX(0) scale(1)}
.el-card-new__wish:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.el-card-new__wish.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff;opacity:1;transform:translateX(0) scale(1)}
.el-card-new__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.el-card-new__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:6px}
.el-card-new__cat::before{content:"";width:12px;height:2px;background:var(--primary-red);border-radius:2px}
.el-card-new__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.3em}
.el-card-new:hover .el-card-new__title{color:var(--primary-red)}
.el-card-new__stars{display:flex;align-items:center;gap:3px;font-size:.65rem;color:#d1d5db}
.el-card-new__stars .filled{color:var(--star-gold)}
.el-card-new__stars span{color:var(--text-gray);font-size:.62rem;margin-left:4px;font-weight:500}
.el-card-new__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid #f1f5f9}
.el-card-new__price{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.el-card-new__old{font-size:.72rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.el-card-new__price--call{font-size:.86rem;font-weight:800;color:var(--dark-navy)}
.el-card-new__stock{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;color:#16a34a;margin-top:-2px}
.el-card-new__stock i{font-size:.5rem;animation:mdStockBlink 1.6s ease-in-out infinite}
.el-card-new__stock--low{color:#eab308}
.el-assurance-new{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;background:linear-gradient(135deg,#ffffff,#fafafa);border:1px solid #eef1f6;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 20px 45px -30px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .2s cubic-bezier(.34,1.56,.64,1)}
.el-assurance-new.revealed{opacity:1;transform:translateY(0)}
.el-assurance-new__item{display:flex;align-items:center;gap:14px;padding:22px 22px;border-right:1px solid #eef1f6;transition:background .35s ease;position:relative;cursor:default}
.el-assurance-new__item:last-child{border-right:none}
.el-assurance-new__item:hover{background:linear-gradient(135deg,#fafafa,#fef5f5)}
.el-assurance-new__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(15,23,42,.6)}
.el-assurance-new__item:hover .el-assurance-new__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:rotate(-10deg) scale(1.08);box-shadow:0 10px 22px -10px rgba(211,47,47,.6)}
.el-assurance-new__txt{line-height:1.25}
.el-assurance-new__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;margin-bottom:3px}
.el-assurance-new__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}

/* ============================================================
   BLOG SECTION
   ============================================================ */
.blog-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.04) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.blog-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.025) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.blog-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:44px;position:relative;z-index:2;animation:naTitleIn .8s .24s cubic-bezier(.4,0,.2,1) both}
.blog-tab{background:#fff;border:1.5px solid var(--light-gray);color:var(--text-dark);padding:11px 22px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.blog-tab i{font-size:.8rem;color:var(--text-gray);transition:color .3s ease}
.blog-tab:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px)}
.blog-tab:hover i{color:var(--primary-red)}
.blog-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);transform:translateY(-3px) scale(1.03)}
.blog-tab.active i{color:#fff}
.blog-tab__count{background:rgba(0,0,0,.08);padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:800}
.blog-tab.active .blog-tab__count{background:rgba(255,255,255,.22)}
.blog-featured{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #eef1f6;box-shadow:0 24px 60px -34px rgba(15,23,42,.28);margin-bottom:34px;position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.blog-featured.revealed{opacity:1;transform:translateY(0)}
.blog-featured:hover{box-shadow:0 40px 80px -34px rgba(211,47,47,.35),0 0 0 2px rgba(211,47,47,.2);transform:translateY(-6px)}
.blog-featured__visual{position:relative;overflow:hidden;min-height:380px}
.blog-featured__img{position:absolute;inset:-4%;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1);animation:blogKenBurns 22s ease-in-out infinite alternate}
@keyframes blogKenBurns{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.08) translate(-8px,-6px)}}
.blog-featured:hover .blog-featured__img{transform:scale(1.14) translate(-10px,-8px);animation:none}
.blog-featured__visual::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,23,42,.75) 0%,rgba(15,23,42,.35) 45%,rgba(15,23,42,.05) 100%);z-index:1}
.blog-featured__badge{position:absolute;top:22px;left:22px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:7px 14px;border-radius:999px;z-index:3;box-shadow:0 10px 22px -8px rgba(211,47,47,.7);animation:blogBadgePulse 2.8s ease-in-out infinite;display:flex;align-items:center;gap:6px}
@keyframes blogBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.blog-featured__content{padding:44px 44px 44px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(400px 300px at 100% 100%, rgba(211,47,47,.05) 0%, transparent 70%),#fff}
.blog-featured__meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:16px;font-size:.72rem;font-weight:600;color:var(--text-gray)}
.blog-featured__meta-item{display:inline-flex;align-items:center;gap:6px}
.blog-featured__meta-item i{color:var(--primary-red);font-size:.7rem}
.blog-featured__meta-cat{background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);padding:4px 11px;border-radius:999px;border:1px solid rgba(211,47,47,.2);font-weight:800;letter-spacing:1.2px;text-transform:uppercase;font-size:.6rem}
.blog-featured__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2.2vw,1.85rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px;transition:color .3s ease}
.blog-featured:hover .blog-featured__title{color:var(--primary-red)}
.blog-featured__excerpt{font-size:.92rem;color:var(--text-gray);line-height:1.7;margin-bottom:24px;max-width:520px}
.blog-featured__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:20px;border-top:1px solid #f1f5f9}
.blog-featured__author{display:flex;align-items:center;gap:10px}
.blog-featured__author-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.82rem;border:2px solid #fff;box-shadow:0 6px 14px -6px rgba(211,47,47,.6)}
.blog-featured__author-txt b{display:block;font-size:.78rem;font-weight:800;color:var(--dark-navy);line-height:1.2}
.blog-featured__author-txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}
.blog-featured__read-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;padding:11px 22px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);position:relative;overflow:hidden}
.blog-featured__read-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.blog-featured__read-btn:hover::before{left:100%}
.blog-featured__read-btn:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}
.blog-featured__read-btn i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-featured__read-btn:hover i{transform:translateX(4px)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:2}
.blog-card{background:#fff;border:1px solid #eef1f6;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:blogCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes blogCardIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
.blog-card:hover{border-color:rgba(211,47,47,.35);transform:translateY(-8px);box-shadow:0 30px 55px -28px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.blog-card__img-wrap{position:relative;aspect-ratio:1.55/1;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}
.blog-card__img{position:absolute;inset:-2%;background-size:cover;background-position:center;transition:transform .9s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__img{transform:scale(1.12) rotate(-1deg)}
.blog-card__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.05) 0%,rgba(15,23,42,.35) 70%,rgba(15,23,42,.6) 100%);z-index:1}
.blog-card__cat{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.94);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 11px;border-radius:999px;z-index:3;box-shadow:0 6px 14px -6px rgba(0,0,0,.4);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__cat{background:var(--primary-red);color:#fff;transform:translateY(-2px)}
.blog-card__read-time{position:absolute;bottom:14px;right:14px;display:inline-flex;align-items:center;gap:6px;background:rgba(15,23,42,.85);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:6px 11px;border-radius:999px;z-index:3}
.blog-card__read-time i{font-size:.6rem}
.blog-card__body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card__meta{display:flex;align-items:center;gap:12px;font-size:.68rem;font-weight:600;color:var(--text-gray);margin-bottom:2px}
.blog-card__meta-item{display:inline-flex;align-items:center;gap:5px}
.blog-card__meta-item i{color:var(--primary-red);font-size:.65rem}
.blog-card__title{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--dark-navy);line-height:1.35;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.7em}
.blog-card:hover .blog-card__title{color:var(--primary-red)}
.blog-card__excerpt{font-size:.82rem;color:var(--text-gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:auto;border-top:1px solid #f1f5f9}
.blog-card__author{display:flex;align-items:center;gap:8px}
.blog-card__author-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.65rem;flex-shrink:0}
.blog-card__author-name{font-size:.72rem;font-weight:700;color:var(--dark-navy)}
.blog-card__read-link{display:inline-flex;align-items:center;gap:6px;font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--primary-red);transition:all .3s ease}
.blog-card__read-link i{font-size:.6rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__read-link i{transform:translateX(4px)}
.blog-view-all{display:flex;justify-content:center;margin-top:48px;position:relative;z-index:2;animation:naTitleIn .8s .6s cubic-bezier(.4,0,.2,1) both}
.blog-view-all a{display:inline-flex;align-items:center;gap:12px;padding:15px 36px;border-radius:999px;background:#fff;border:2px solid var(--dark-navy);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;transition:all .45s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.blog-view-all a::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1);z-index:0}
.blog-view-all a:hover::before{transform:scaleX(1)}
.blog-view-all a span,.blog-view-all a i{position:relative;z-index:1}
.blog-view-all a:hover{color:#fff;border-color:var(--primary-red);box-shadow:0 20px 40px -14px rgba(211,47,47,.5)}
.blog-view-all a i{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.blog-view-all a:hover i{transform:translateX(6px)}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{background:#fff;position:relative;overflow:hidden;border-top:1px solid #eef1f6}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--hover-red) 25%,var(--dark-navy) 50%,var(--hover-red) 75%,var(--primary-red) 100%);background-size:200% 100%;animation:footerBarSlide 6s linear infinite}
@keyframes footerBarSlide{to{background-position:200% 0}}
.site-footer::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.02) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.02) 1px, transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at 50% 20%, #000 0%, rgba(0,0,0,.3) 55%, transparent 85%);mask-image:radial-gradient(circle at 50% 20%, #000 0%, rgba(0,0,0,.3) 55%, transparent 85%);pointer-events:none}
.site-footer .container{padding-top:70px;position:relative;z-index:2}
.footer-newsletter{background:linear-gradient(135deg,var(--dark-navy) 0%,var(--medium-navy) 60%,#2a1a1a 100%);border-radius:22px;padding:38px 42px;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;margin-bottom:56px;position:relative;overflow:hidden;z-index:2;box-shadow:0 30px 70px -34px rgba(15,23,42,.5);opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1)}
.footer-newsletter.revealed{opacity:1;transform:translateY(0)}
.footer-newsletter::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),#8c1a1a)}
.footer-newsletter::after{content:"";position:absolute;bottom:-80px;right:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle, rgba(211,47,47,.4) 0%, transparent 70%);filter:blur(40px);animation:newsletterGlow 5s ease-in-out infinite;pointer-events:none}
@keyframes newsletterGlow{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}
.footer-newsletter__content{position:relative;z-index:2}
.footer-newsletter__kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#E5EDF9;padding:6px 14px 6px 10px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:14px}
.footer-newsletter__kicker__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.footer-newsletter__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.15;margin-bottom:10px}
.footer-newsletter__title span{color:var(--primary-red)}
.footer-newsletter__sub{font-size:.85rem;color:#B6C6DE;line-height:1.6;max-width:460px}
.footer-newsletter__form{position:relative;z-index:2;display:flex;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px;transition:all .4s ease}
.footer-newsletter__form:focus-within{border-color:rgba(211,47,47,.6);box-shadow:0 0 0 4px rgba(211,47,47,.15)}
.footer-newsletter__input{flex:1;background:transparent;border:none;outline:none;padding:0 18px;color:#fff;font-size:.88rem;font-weight:500;min-width:0}
.footer-newsletter__input::placeholder{color:#8FA1BE}
.footer-newsletter__btn{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;cursor:pointer;padding:13px 26px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.7);position:relative;overflow:hidden}
.footer-newsletter__btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.footer-newsletter__btn:hover::before{left:100%}
.footer-newsletter__btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(211,47,47,.9)}
.footer-newsletter__btn i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.footer-newsletter__btn:hover i{transform:translateX(4px)}
.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.15fr;gap:44px;padding:0 0 54px;position:relative;z-index:2;border-bottom:1px solid #eef1f6}
.footer-col__title{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:900;color:var(--dark-navy);letter-spacing:2.4px;text-transform:uppercase;margin-bottom:22px;position:relative;display:inline-block;padding-bottom:12px}
.footer-col__title::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--hover-red));border-radius:2px;animation:footerTitleLine 3.5s ease-in-out infinite}
@keyframes footerTitleLine{0%,100%{width:32px;opacity:.85}50%{width:52px;opacity:1}}
.footer-about__logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.footer-about__logo-icon{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;box-shadow:0 10px 22px -8px rgba(211,47,47,.6);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.footer-about__logo:hover .footer-about__logo-icon{transform:rotate(15deg) scale(1.08)}
.footer-about__logo-txt h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.4rem;color:var(--dark-navy);line-height:1;letter-spacing:-.02em}
.footer-about__logo-txt h3 span{color:var(--primary-red)}
.footer-about__logo-txt small{display:block;font-size:.6rem;font-weight:700;color:var(--text-gray);letter-spacing:2px;text-transform:uppercase;margin-top:4px}
.footer-about__desc{font-size:.85rem;color:var(--text-gray);line-height:1.7;margin-bottom:22px;max-width:340px}
.footer-about__desc b{color:var(--dark-navy);font-weight:700}
.footer-about__social{display:flex;gap:10px;margin-bottom:22px}
.footer-social{width:40px;height:40px;border-radius:11px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid #eef1f6}
.footer-social:hover{transform:translateY(-4px) rotate(-6deg);color:#fff;border-color:transparent}
.footer-social--fb:hover{background:linear-gradient(135deg,#1877F2,#0F5EC7)}
.footer-social--ig:hover{background:linear-gradient(135deg,#E1306C,#C13584)}
.footer-social--tw:hover{background:linear-gradient(135deg,#1DA1F2,#0D8ECF)}
.footer-social--yt:hover{background:linear-gradient(135deg,#FF0000,#CC0000)}
.footer-social--wa:hover{background:linear-gradient(135deg,#25D366,#128C7E)}
.footer-about__trust{display:flex;flex-direction:column;gap:8px}
.footer-trust-item{display:flex;align-items:center;gap:9px;font-size:.74rem;color:#475569;font-weight:600}
.footer-trust-item i{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.55rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-link{display:inline-flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-gray);font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);width:fit-content;position:relative}
.footer-link i{font-size:.6rem;color:var(--primary-red);transition:transform .35s cubic-bezier(.34,1.56,.64,1);opacity:0}
.footer-link::before{content:"";position:absolute;left:-14px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--primary-red);transform:translateY(-50%) scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.footer-link:hover{color:var(--primary-red);transform:translateX(14px)}
.footer-link:hover::before{transform:translateY(-50%) scale(1)}
.footer-link:hover i{opacity:1;transform:translateX(4px)}
.footer-contact{display:flex;flex-direction:column;gap:16px}
.footer-contact-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#fafafa;border:1px solid #eef1f6;border-radius:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.footer-contact-item:hover{background:#fff;border-color:rgba(211,47,47,.3);transform:translateY(-3px);box-shadow:0 12px 26px -18px rgba(211,47,47,.4)}
.footer-contact-item__icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.footer-contact-item:hover .footer-contact-item__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.footer-contact-item__txt{line-height:1.35;min-width:0}
.footer-contact-item__txt b{display:block;font-size:.72rem;font-weight:800;color:var(--dark-navy);letter-spacing:.3px;margin-bottom:3px;text-transform:uppercase}
.footer-contact-item__txt span,.footer-contact-item__txt a{font-size:.82rem;color:var(--text-gray);font-weight:500;line-height:1.4;transition:color .3s ease;word-break:break-word}
.footer-contact-item__txt a:hover{color:var(--primary-red)}
.footer-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:26px 0;border-bottom:1px solid #eef1f6}
.footer-payments{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.footer-payments__label{font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;color:var(--text-gray);letter-spacing:1.4px;text-transform:uppercase;margin-right:6px}
.footer-pay{height:36px;padding:0 14px;background:#fff;border:1.5px solid #eef1f6;border-radius:9px;display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--dark-navy);transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:default}
.footer-pay i{font-size:.85rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.footer-pay:hover{border-color:rgba(211,47,47,.4);transform:translateY(-3px);box-shadow:0 10px 22px -12px rgba(211,47,47,.5)}
.footer-pay:hover i{transform:rotate(-10deg) scale(1.15)}
.footer-bottom__legal{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.footer-bottom__link{font-size:.78rem;font-weight:600;color:var(--text-gray);transition:color .3s ease;position:relative}
.footer-bottom__link::after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1.5px;background:var(--primary-red);transition:width .35s cubic-bezier(.34,1.56,.64,1)}
.footer-bottom__link:hover{color:var(--primary-red)}
.footer-bottom__link:hover::after{width:100%}
.footer-copy{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:22px 0 8px;font-size:.78rem;color:var(--text-gray);font-weight:500}
.footer-copy__txt b{color:var(--dark-navy);font-weight:800}
.footer-copy__txt span{color:var(--primary-red)}
.footer-copy__made{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text-gray);font-weight:600}
.footer-copy__made i{color:var(--primary-red);animation:heartBeat 1.6s ease-in-out infinite}
@keyframes heartBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}

/* ============ FLOATING BUTTONS ============ */
.toast-cart{position:fixed;bottom:100px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 20px 40px -10px rgba(22,163,74,.5);display:flex;align-items:center;gap:10px;z-index:999;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.toast-cart.show{opacity:1;transform:translateY(0) scale(1)}
.toast-cart--wish{background:linear-gradient(135deg,var(--primary-red),var(--hover-red))}
.wa-float{position:fixed;right:20px;bottom:22px;z-index:99;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C7E);display:grid;place-items:center;box-shadow:0 14px 32px -10px rgba(18,140,126,.9);animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:29px;height:29px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 16px rgba(37,211,102,0)}}
.back-to-top{position:fixed;left:20px;bottom:22px;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:98;box-shadow:0 14px 32px -10px rgba(211,47,47,.7);opacity:0;transform:translateY(20px) scale(.85);pointer-events:none;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.back-to-top.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.back-to-top:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 18px 40px -10px rgba(211,47,47,.85)}
.back-to-top i{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.back-to-top:hover i{transform:translateY(-3px)}

@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* ============ RESPONSIVE ============ */
@media (max-width:1180px){
  .hero-search__row{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .hero-search__row .hero-search__btn{grid-column:1/-1;justify-content:center}
  .chip-float{display:none}
  .na-track{grid-auto-columns:calc((100% - 66px) / 4)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-product-card{right:3%;width:250px}
  .md-wrap{grid-template-columns:230px 280px 1fr}
  .el-grid-new{grid-template-columns:repeat(3,1fr)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .hero{min-height:auto;padding:60px 0 130px}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:28px 12px}
  .trust-item:not(:last-child)::after{display:none}
  .na-carousel{padding:0 46px}
  .na-track{grid-auto-columns:calc((100% - 44px) / 3)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-inner{padding:130px 20px 110px}
  .ps-product-card{position:relative;right:auto;top:auto;transform:none;opacity:1;animation:none !important;margin-top:26px;width:100%;max-width:340px;pointer-events:auto}
  .ps-content{max-width:100%}
  .md-wrap{grid-template-columns:1fr}
  .md-cats{border-right:none;border-bottom:1px solid #eef1f6;padding:28px 24px}
  .md-cats__list{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:12px}
  .md-cat{padding:9px 14px;background:#f8fafc;border-radius:999px;width:auto;transform:none !important}
  .md-cat__icon{background:#e2e8f0}
  .md-promo{min-height:260px;padding:28px 24px 0}
  .md-promo__sub,.md-promo__stats{max-width:60%}
  .md-assurance{grid-template-columns:repeat(2,1fr)}
  .el-header{grid-template-columns:1fr;gap:26px;align-items:start;padding-bottom:28px}
  .el-feature-banner{grid-template-columns:1fr;min-height:auto}
  .el-feature-banner__visual{min-height:200px;order:-1}
  .el-feature-banner__content{padding:28px 26px;max-width:100%}
  .el-grid-new{grid-template-columns:repeat(2,1fr)}
  .el-assurance-new{grid-template-columns:repeat(2,1fr)}
  .blog-featured{grid-template-columns:1fr}
  .blog-featured__visual{min-height:260px}
  .blog-featured__content{padding:32px}
  .footer-newsletter{grid-template-columns:1fr;gap:22px;padding:32px 28px}
  .footer-main{grid-template-columns:1fr 1fr;gap:36px}
  .footer-about__desc{max-width:100%}
}
@media (max-width:768px){
  .header-content{flex-direction:column;gap:16px}
  .header-search{width:100%;max-width:100%}
  .header-icons{width:100%;justify-content:space-around}
  .hero{padding:50px 0 120px}
  .hero-search{padding:16px}
  .hero-search__row{grid-template-columns:1fr 1fr}
  .hero-search__row .hero-search__btn{grid-column:1/-1}
  .trust-overlap{margin-top:-70px;padding:0 14px}
  .trust-panel{padding:26px 16px}
  .trust-grid{grid-template-columns:1fr;gap:24px}
  .new-arrivals{padding:60px 0 70px}
  .na-carousel{padding:0 44px}
  .na-track{grid-auto-columns:calc((100% - 22px) / 2);gap:18px}
  .na-nav{width:40px;height:40px}
  .section-title{font-size:1.7rem}
  .brand-banners{padding:60px 0 70px}
  .bb-grid{grid-template-columns:1fr;gap:18px}
  .bb-card{aspect-ratio:16/9;min-height:220px}
  .bb-content{padding:22px 24px;max-width:85%}
  .categories{padding:60px 0 70px}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .product-slider{min-height:520px}
  .ps-inner{padding:120px 20px 90px}
  .ps-headline{font-size:2rem}
  .ps-arrow{width:42px;height:42px}
  .ps-arrow--prev{left:10px}
  .ps-arrow--next{right:10px}
  .mega-deals,.electrical-section{padding:60px 0 70px}
  .md-products{padding:22px 18px 24px}
  .md-grid{grid-template-columns:1fr}
  .md-card__top{grid-template-columns:100px 1fr;gap:14px}
  .md-promo{min-height:220px}
  .md-promo__title{font-size:1.2rem}
  .md-assurance{grid-template-columns:1fr;padding:18px}
  .md-features{gap:8px}
  .md-feature{font-size:.72rem;padding:6px 12px}
  .el-header{margin-bottom:34px;padding-bottom:24px}
  .el-header__title{font-size:1.7rem}
  .el-header__lead{font-size:.88rem}
  .el-header__stats{grid-template-columns:1fr}
  .el-tabs{margin-bottom:28px;gap:8px}
  .el-tab{padding:10px 16px 10px 11px;font-size:.75rem}
  .el-tab__icon{width:24px;height:24px;font-size:.62rem}
  .el-feature-banner{border-radius:18px;margin-bottom:24px}
  .el-feature-banner__content{padding:24px 22px}
  .el-feature-banner__title{font-size:1.35rem}
  .el-feature-banner__sub{font-size:.82rem;margin-bottom:16px}
  .el-feature-banner__visual{min-height:170px}
  .el-products-panel{padding:22px 18px 24px;border-radius:18px}
  .el-products-panel__head{margin-bottom:18px}
  .el-products-panel__title h4{font-size:.75rem;letter-spacing:2.6px}
  .el-products-panel__title span{display:none}
  .el-grid-new{grid-template-columns:repeat(2,1fr);gap:12px}
  .el-card-new__body{padding:12px 12px 14px;gap:6px}
  .el-card-new__title{font-size:.76rem}
  .el-card-new__price{font-size:.9rem}
  .el-assurance-new{grid-template-columns:1fr;padding:0;border-radius:16px}
  .el-assurance-new__item{border-right:none;border-bottom:1px solid #eef1f6;padding:16px 18px}
  .el-assurance-new__item:last-child{border-bottom:none}
  .blog-section{padding:60px 0 70px}
  .blog-tabs{margin-bottom:32px;gap:8px}
  .blog-tab{padding:9px 16px;font-size:.75rem}
  .blog-featured__content{padding:26px 22px}
  .blog-featured__title{font-size:1.25rem}
  .blog-featured__excerpt{font-size:.85rem;margin-bottom:20px}
  .blog-featured__footer{flex-direction:column;align-items:flex-start}
  .blog-grid{grid-template-columns:1fr;gap:18px}
  .blog-card__title{font-size:.95rem}
  .site-footer .container{padding-top:56px}
  .footer-newsletter{padding:26px 22px;border-radius:18px;margin-bottom:42px}
  .footer-newsletter__form{flex-direction:column;border-radius:16px;padding:8px}
  .footer-newsletter__input{padding:14px 18px;text-align:center}
  .footer-newsletter__btn{width:100%;justify-content:center;padding:14px 20px}
  .footer-main{grid-template-columns:1fr;gap:34px;padding-bottom:40px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-payments,.footer-bottom__legal{width:100%;justify-content:flex-start}
  .footer-copy{flex-direction:column;align-items:flex-start;text-align:left}
  .back-to-top{width:44px;height:44px;left:14px;bottom:16px}
}
@media (max-width:520px){
  .ticker-item{font-size:.78rem}
  .brand-text h1{font-size:1.4rem}
  .logo-icon{width:44px;height:44px;font-size:1.3rem}
  .hero{padding:40px 0 100px}
  .hero-search__row{grid-template-columns:1fr}
  .trust-overlap{margin-top:-60px}
  .na-carousel{padding:0 38px}
  .na-track{grid-auto-columns:82%}
  .wa-float{width:50px;height:50px;right:14px;bottom:16px}
  .wa-float svg{width:25px;height:25px}
  .toast-cart{right:14px;bottom:80px;font-size:.82rem;padding:12px 18px}
  .bb-card{aspect-ratio:16/10;min-height:200px}
  .cat-grid{grid-template-columns:1fr;gap:14px}
  .cat-card{aspect-ratio:16/9}
  .ps-headline{font-size:1.5rem}
  .ps-product-card{display:none}
  .md-cats{padding:24px 18px}
  .md-cats__title{font-size:1.15rem}
  .md-cat{font-size:.78rem;padding:8px 12px}
  .md-promo{min-height:180px;padding:22px 18px 0}
  .md-promo__title{font-size:1.02rem}
  .md-promo__sub{font-size:.74rem;max-width:100%;margin-bottom:12px}
  .md-promo__stats{display:none}
  .md-card{grid-template-columns:90px 1fr;padding:12px}
  .el-header__title{font-size:1.5rem}
  .el-header__kicker{font-size:.62rem;padding:6px 14px 6px 10px}
  .el-tabs{gap:6px}
  .el-tab{padding:9px 14px 9px 10px;font-size:.7rem;gap:8px}
  .el-tab__count{font-size:.55rem;padding:2px 6px}
  .el-feature-banner__title{font-size:1.15rem}
  .el-feature-banner__cta{padding:10px 20px;font-size:.66rem}
  .el-feature-banner__visual{min-height:150px}
  .el-grid-new{grid-template-columns:1fr;gap:14px}
  .el-card-new__img-wrap{aspect-ratio:16/10}
  .blog-featured__visual{min-height:200px}
  .blog-featured__title{font-size:1.1rem}
  .blog-featured__read-btn{padding:10px 18px;font-size:.66rem}
  .footer-newsletter__title{font-size:1.15rem}
  .footer-newsletter__sub{font-size:.78rem}
  .footer-about__logo-icon{width:42px;height:42px;font-size:1.2rem}
  .footer-about__logo-txt h3{font-size:1.2rem}
  .footer-contact-item{padding:10px 12px}
  .footer-pay{height:32px;padding:0 10px;font-size:.6rem}
  .footer-pay i{font-size:.75rem}
  .footer-copy{font-size:.72rem}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .hero-particles{display:none}
  .hero-slide:first-child{opacity:1}
  .typed-caret{opacity:1}
  .na-card,.bb-card,.cat-card,.md-wrap,.md-assurance,.el-feature-banner,.el-products-panel,.el-assurance-new,.blog-featured,.footer-newsletter{opacity:1;transform:none}
  .ps-slide.is-active{animation:none}
  .ps-content{opacity:1;transform:none;animation:none !important}
  .ps-product-card{transform:translateY(-50%) translateX(0) scale(1);opacity:1;animation:none !important}
}

:root{--primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;--white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;--star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,0.08);--shadow-red:rgba(211,47,47,0.3)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--white);color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit}

/* TICKER */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem;animation:iconBob 2.4s ease-in-out infinite}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes iconBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-8deg)}}

/* HEADER */
header{background:#fff;padding:18px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer}
.logo-icon{background:var(--primary-red);color:#fff;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.6rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.7rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.68rem;letter-spacing:2.5px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-search{flex-grow:1;max-width:600px}
.search-box{display:flex;background:var(--off-white);border-radius:50px;overflow:hidden;height:52px;align-items:center;padding:5px;border:2px solid var(--light-gray);transition:all .4s ease}
.search-box:focus-within{background:#fff;border-color:var(--primary-red);box-shadow:0 0 22px var(--shadow-red)}
.header-cat{border:none;background:transparent;padding:0 15px;font-size:.88rem;color:var(--text-dark);border-right:1px solid var(--light-gray);outline:none;cursor:pointer;font-weight:600}
.header-input{border:none;flex-grow:1;padding:0 15px;font-size:.92rem;outline:none;background:transparent}
.header-input::placeholder{color:#94a3b8}
.header-search-btn{background:var(--primary-red);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;font-size:1rem}
.header-search-btn:hover{background:var(--hover-red);transform:scale(1.1) rotate(15deg)}
.header-icons{display:flex;align-items:center;gap:22px}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.4rem}
.badge{position:absolute;top:-5px;right:-5px;background:var(--primary-red);color:#fff;font-size:.65rem;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;animation:pulseBadge 2s infinite}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* HERO */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:80px 0 140px}
.hero-slides{position:absolute;inset:0;z-index:-4;overflow:hidden}
.hero-slide{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;animation:heroKenBurns 32s infinite}
.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:8s}.hero-slide:nth-child(3){animation-delay:16s}.hero-slide:nth-child(4){animation-delay:24s}
@keyframes heroKenBurns{0%{opacity:0;transform:scale(1.06)}5%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1.18)}100%{opacity:0;transform:scale(1.06)}}
.hero-overlay{position:absolute;inset:0;z-index:-3;background:radial-gradient(1000px 600px at 50% 30%, rgba(211,47,47,.22) 0%, transparent 65%),linear-gradient(180deg,rgba(15,23,42,.75),rgba(15,23,42,.94))}
.hero-grid{position:absolute;inset:-40px;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);animation:gridDrift 26s linear infinite;pointer-events:none}
@keyframes gridDrift{to{background-position:54px 54px,54px 54px}}
.hero-particles{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-particles span{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);opacity:0;animation:rise var(--dur) linear infinite;animation-delay:var(--delay)}
@keyframes rise{0%{transform:translate3d(0,30px,0) scale(.5);opacity:0}18%{opacity:.85}78%{opacity:.3}100%{transform:translate3d(14px,-200px,0) scale(1.05);opacity:0}}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E5EDF9;padding:8px 20px 8px 14px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;backdrop-filter:blur(10px);animation:fadeUp .7s both}
.hero-eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#25D366;animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.hero-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:18px;text-transform:uppercase;animation:fadeUp .7s .08s both}
.hero-headline span{color:var(--primary-red);position:relative;display:inline-block}
.hero-headline span::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:12px;background:rgba(211,47,47,.28);z-index:-1;transform:skewX(-15deg)}
.typed-wrap{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,3.6vw,3rem);font-weight:900;line-height:1.25;color:#E5EDF9;margin-bottom:26px;display:block;min-height:1.4em;animation:fadeUp .7s .16s both;text-transform:uppercase}
.typed-line{display:inline-block;font-weight:900;min-height:1.2em;background:linear-gradient(120deg,#ff5a5a,#FFD166 50%,var(--primary-red));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease-in-out infinite}
@keyframes gradientShift{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
.typed-caret{display:inline-block;width:4px;height:1em;margin-left:6px;vertical-align:-.12em;border-radius:2px;background:var(--primary-red);animation:caretBlink 1.05s steps(1,end) infinite}
@keyframes caretBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
.hero-desc{font-size:1.02rem;color:#B6C6DE;line-height:1.75;margin:0 auto 40px;max-width:640px;animation:fadeUp .7s .24s both}
.hero-desc b{color:#fff;font-weight:700}
.hero-search{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.85);position:relative;overflow:hidden;max-width:960px;margin:0 auto 32px;animation:fadeUp .7s .32s both;text-align:left}
.hero-search::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-red),#F5919A,var(--dark-navy),#F5919A,var(--primary-red));background-size:200% 100%;animation:barSlide 6s linear infinite}
@keyframes barSlide{to{background-position:200% 0}}
.hero-search__head{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:14px;text-transform:uppercase;letter-spacing:.8px}
.hero-search__head i{color:var(--primary-red);font-size:.9rem}
.hero-search__head strong{color:var(--primary-red);margin-left:auto;font-size:.7rem;padding:4px 10px;background:#FDECEE;border-radius:999px;letter-spacing:1px}
.hero-search__row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px}
.field{position:relative}
.field select{appearance:none;-webkit-appearance:none;width:100%;padding:14px 34px 14px 14px;border:1.5px solid var(--light-gray);border-radius:12px;background:#fff;font-size:.88rem;font-weight:600;color:var(--dark-navy);cursor:pointer;outline:none;transition:all .2s ease}
.field select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.field select:invalid{color:#93a2b8}
.field--select::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #8895a8;border-bottom:2px solid #8895a8;transform:translateY(-72%) rotate(45deg);pointer-events:none}
.hero-search__btn{border:0;cursor:pointer;font-weight:700;font-size:.9rem;border-radius:12px;padding:14px 28px;white-space:nowrap;color:#fff;background:linear-gradient(180deg,#F04A56,var(--hover-red));box-shadow:0 12px 26px -10px rgba(211,47,47,.9);transition:transform .18s ease;display:inline-flex;align-items:center;gap:9px}
.hero-search__btn:hover{transform:translateY(-2px)}
.hero-search__hint{margin:13px 0 0;font-size:.78rem;font-weight:600;color:var(--text-gray);display:flex;align-items:center;gap:8px;min-height:20px}
.hero-search__hint.is-success{color:var(--green)}
.hero-search__hint.is-error{color:var(--primary-red)}
.hint-pop{animation:hintPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes hintPop{0%{transform:translateY(6px);opacity:0}100%{transform:translateY(0);opacity:1}}
.hero-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;animation:fadeUp .7s .4s both}
.quick-tag{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#DDE7F5;padding:7px 14px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:7px}
.quick-tag i{color:var(--primary-red);font-size:.75rem}
.quick-tag:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-2px)}
.quick-tag:hover i{color:white}
.chip-float{position:absolute;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:11px 15px 11px 11px;display:flex;align-items:center;gap:11px;box-shadow:0 22px 45px -18px rgba(0,0,0,.6);animation:bobChip 5.5s ease-in-out infinite;z-index:3}
.chip-float:nth-child(1){top:20%;left:4%}
.chip-float:nth-child(2){top:55%;right:5%;animation-delay:1.2s}
.chip-float:nth-child(3){bottom:22%;left:8%;animation-delay:2.4s}
.chip-float:nth-child(4){bottom:30%;right:9%;animation-delay:3.6s}
@keyframes bobChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.chip-float__img{width:44px;height:44px;border-radius:10px;background-size:cover;background-position:center;flex-shrink:0;border:1px solid rgba(15,23,42,.1)}
.chip-float__txt h4{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);white-space:nowrap}
.chip-float__txt span{font-size:.68rem;color:var(--text-gray);font-weight:600;white-space:nowrap}
.chip-float__txt span em{color:var(--primary-red);font-style:normal;font-weight:800}

/* TRUST */
.trust-overlap{position:relative;z-index:10;margin-top:-90px;padding:0 20px}
.trust-panel{max-width:1300px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 30px 70px -30px rgba(15,23,42,.35);padding:36px 30px;position:relative;overflow:hidden;animation:trustRise .9s .2s cubic-bezier(.34,1.56,.64,1) both}
@keyframes trustRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.trust-panel::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:280px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-red),transparent)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-item{text-align:center;padding:8px 20px;position:relative;cursor:pointer;opacity:0;animation:trustItemIn .8s cubic-bezier(.34,1.56,.64,1) forwards;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.trust-item:nth-child(1){animation-delay:.35s}.trust-item:nth-child(2){animation-delay:.48s}.trust-item:nth-child(3){animation-delay:.61s}.trust-item:nth-child(4){animation-delay:.74s}
@keyframes trustItemIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.trust-item:hover{transform:translateY(-8px)}
.trust-item:not(:last-child)::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:linear-gradient(180deg,transparent,#e2e8f0 25%,#e2e8f0 75%,transparent)}
.trust-icon{width:92px;height:92px;margin:0 auto 20px;position:relative;border-radius:50%;background:radial-gradient(circle at 30% 25%, #fff 0%, #eef2f7 60%, #e4eaf3 100%);display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-icon{transform:scale(1.12) rotate(-8deg);background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 20px 45px -12px rgba(211,47,47,.65)}
.trust-icon svg{width:40px;height:40px;stroke:#0f172a;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:iconFloat 4.6s ease-in-out infinite;transition:stroke .4s ease}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.trust-item:hover .trust-icon svg{stroke:#fff}
.trust-badge{position:absolute;top:-4px;right:-10px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 11px;border-radius:999px;border:2px solid #fff;box-shadow:0 6px 18px -4px rgba(211,47,47,.65);animation:badgeBounce 3s ease-in-out infinite}
@keyframes badgeBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}
.trust-item:hover .trust-badge{animation:none;background:#fff;color:var(--primary-red);border-color:var(--primary-red);transform:translateY(-4px) scale(1.12)}
.trust-title{font-family:'Montserrat',sans-serif;font-size:.92rem;font-weight:800;color:#0f172a;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:10px;position:relative;display:inline-block}
.trust-title::after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,var(--primary-red),#FF8B94);transform:translateX(-50%);transition:width .4s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-title{color:var(--primary-red)}
.trust-item:hover .trust-title::after{width:60%}
.trust-desc{font-size:.86rem;color:var(--text-gray);line-height:1.65;max-width:250px;margin:0 auto}

/* OFFER STRIP */
.offer-strip{position:relative;background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#2a1a1a 100%);padding:22px 0;overflow:hidden;border-top:3px solid var(--primary-red);border-bottom:3px solid var(--primary-red);margin-top:60px}
.offer-strip-inner{display:flex;align-items:center;gap:20px;position:relative;z-index:2}
.offer-strip-tag{background:var(--primary-red);color:white;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:8px 16px;border-radius:6px;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;gap:8px}
.offer-strip-tag i{animation:rotate360 3s linear infinite}
@keyframes rotate360{to{transform:rotate(360deg)}}
.offer-marquee{flex:1;overflow:hidden;position:relative}
.offer-marquee::before,.offer-marquee::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.offer-marquee::before{left:0;background:linear-gradient(90deg,#0f172a,transparent)}
.offer-marquee::after{right:0;background:linear-gradient(90deg,transparent,#0f172a)}
.offer-track{display:flex;gap:50px;white-space:nowrap;animation:offerScroll 30s linear infinite;align-items:center}
.offer-marquee:hover .offer-track{animation-play-state:paused}
@keyframes offerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.offer-item{display:inline-flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.92rem;color:#E5EDF9}
.offer-item i{color:var(--primary-red);font-size:1rem}
.offer-item strong{color:#FF8B94;font-weight:900;padding:2px 8px;background:rgba(211,47,47,.2);border-radius:5px}
.offer-item em{font-style:normal;color:#FFD166;font-weight:800}

/* SECTION HEAD */
.section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
@keyframes naKickerIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:14px;animation:naTitleIn .8s .08s both}
.section-title span{color:var(--primary-red);position:relative;display:inline-block}
.section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes titleUnderline{to{transform:skewX(-15deg) scaleX(1)}}
@keyframes naTitleIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.section-sub{color:var(--text-gray);font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.7;animation:naTitleIn .8s .16s both}
.section-sub b{color:var(--dark-navy);font-weight:700}

/* NEW ARRIVALS */
.new-arrivals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.na-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:44px}
.na-tab{background:#fff;border:1.5px solid var(--light-gray);color:var(--text-dark);padding:11px 22px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:8px}
.na-tab i{font-size:.8rem;color:var(--text-gray)}
.na-tab:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px)}
.na-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);transform:translateY(-3px) scale(1.03)}
.na-tab.active i{color:#fff}
.na-tab__count{background:rgba(0,0,0,.08);padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:800}
.na-tab.active .na-tab__count{background:rgba(255,255,255,.22)}
.na-carousel{position:relative;padding:0 56px}
.na-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px) / 5);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:12px 4px 22px;scrollbar-width:none}
.na-track::-webkit-scrollbar{display:none}
.na-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:0 0 14px;scroll-snap-align:start;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(35px)}
.na-card.revealed{opacity:1;transform:translateY(0)}
.na-card:hover{border-color:var(--primary-red);box-shadow:0 30px 55px -22px rgba(211,47,47,.35);transform:translateY(-10px)}
.na-img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);aspect-ratio:1;overflow:hidden;margin-bottom:14px}
.na-img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:all .7s cubic-bezier(.34,1.56,.64,1);opacity:0}
.na-img-wrap img.active{opacity:1}
.na-card:hover .na-img-wrap img.active{transform:scale(1.13)}
.na-sale{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#FF6B6B,#d32f2f);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:5}
.na-free{position:absolute;bottom:14px;left:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:6px 9px;border-radius:7px;text-transform:uppercase;z-index:5;display:flex;align-items:center;gap:5px}
.na-body{padding:0 14px;display:flex;flex-direction:column;flex:1}
.na-title-card{font-size:.84rem;font-weight:600;color:#374151;line-height:1.45;min-height:2.9em;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.na-card:hover .na-title-card{color:var(--primary-red)}
.na-stars{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#d1d5db;margin-bottom:12px}
.na-stars .filled{color:var(--star-gold)}
.na-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.na-price{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--primary-red)}
.na-old{font-size:.78rem;color:#94a3b8;text-decoration:line-through}
.na-add-btn{flex:1;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;border-radius:10px;color:#fff;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:all .35s ease;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:7px}
.na-add-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px rgba(211,47,47,.75)}
.na-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;z-index:5;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.na-nav:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-50%) scale(1.14)}
.na-nav--prev{left:0}.na-nav--next{right:0}
.view-all{display:flex;justify-content:center;margin-top:48px}
.view-all a{display:inline-flex;align-items:center;gap:12px;padding:15px 36px;border-radius:999px;background:#fff;border:2px solid var(--dark-navy);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;transition:all .45s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.view-all a::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover::before{transform:scaleX(1)}
.view-all a span,.view-all a i{position:relative;z-index:1}
.view-all a:hover{color:#fff;border-color:var(--primary-red)}
.view-all a i{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover i{transform:translateX(6px)}

/* BRAND BANNERS */
.brand-banners{padding:90px 0 100px;background:radial-gradient(900px 400px at 30% 0%, rgba(211,47,47,.05) 0%, transparent 60%),radial-gradient(900px 400px at 70% 100%, rgba(15,23,42,.05) 0%, transparent 60%),#f8fafc;position:relative;overflow:hidden}
.bb-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.bb-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/8.5;min-height:260px;cursor:pointer;isolation:isolate;box-shadow:0 20px 45px -22px rgba(15,23,42,.4);opacity:0;transform:translateY(35px)}
.bb-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover{transform:translateY(-8px);box-shadow:0 40px 70px -26px rgba(15,23,42,.6),0 0 0 2px var(--bb-accent,var(--primary-red))}
.bb-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:bbKenBurns 22s ease-in-out infinite alternate;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1)}
@keyframes bbKenBurns{0%{transform:scale(1)}100%{transform:scale(1.08) translate(-8px,-6px)}}
.bb-card:hover .bb-img{transform:scale(1.15) translate(-10px,-8px)}
.bb-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(15,23,42,.9),rgba(15,23,42,.75) 32%,rgba(15,23,42,.35) 58%,rgba(15,23,42,.05))}
.bb-content{position:relative;z-index:2;padding:32px 36px;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:70%}
.bb-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#E5EDF9;padding:5px 12px 5px 9px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:14px;align-self:flex-start;transition:all .4s ease}
.bb-tag__dot{width:6px;height:6px;border-radius:50%;background:var(--bb-accent,var(--primary-red))}
.bb-card:hover .bb-tag{background:var(--bb-accent,var(--primary-red));border-color:var(--bb-accent,var(--primary-red));color:#fff;transform:translateX(4px)}
.bb-headline{font-family:'Montserrat',sans-serif;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;color:#E5EDF9;line-height:1.2;margin-bottom:6px}
.bb-brand{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,2.9vw,2.3rem);font-weight:900;color:var(--bb-accent,var(--primary-red));letter-spacing:-.02em;line-height:1.05;margin-bottom:14px;text-shadow:0 4px 18px rgba(0,0,0,.5);position:relative;display:inline-block;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.bb-brand::after{content:"";position:absolute;bottom:-6px;left:0;height:3px;width:44px;background:var(--bb-accent,var(--primary-red));border-radius:2px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover .bb-brand{transform:translateX(3px)}
.bb-card:hover .bb-brand::after{width:80px}
.bb-text{font-size:.86rem;color:#B6C6DE;line-height:1.6;margin-bottom:22px;max-width:420px}
.bb-cta{display:inline-flex;align-items:center;gap:11px;background:linear-gradient(135deg,var(--bb-accent,var(--primary-red)),#8c1a1a);color:#fff;padding:12px 24px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(6px);opacity:.85}
.bb-card:hover .bb-cta{transform:translateY(0);opacity:1}
.bb-count{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.95);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:900;padding:8px 13px;border-radius:999px;z-index:4;display:flex;align-items:center;gap:7px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.bb-count i{color:var(--bb-accent,var(--primary-red));font-size:.7rem}
.bb-card:hover .bb-count{background:var(--bb-accent,var(--primary-red));color:#fff;transform:translateY(-4px) scale(1.06)}
.bb-card:hover .bb-count i{color:#fff}

/* CATEGORIES */
.categories{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cat-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1/1.05;cursor:pointer;isolation:isolate;background:#fff;box-shadow:0 12px 30px -18px rgba(15,23,42,.35);opacity:0;transform:translateY(35px)}
.cat-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover{transform:translateY(-10px);box-shadow:0 40px 70px -28px rgba(15,23,42,.55),0 0 0 2px var(--cat-accent,var(--primary-red))}
.cat-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:catKenBurns 20s ease-in-out infinite alternate}
@keyframes catKenBurns{0%{transform:scale(1)}100%{transform:scale(1.1) translate(-6px,-6px)}}
.cat-card:hover .cat-img{transform:scale(1.2) translate(-10px,-10px)}
.cat-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,23,42,.15) 0%,rgba(15,23,42,.45) 45%,rgba(15,23,42,.92) 100%)}
.cat-content{position:absolute;inset:auto 0 0 0;padding:24px 22px;z-index:2;display:flex;flex-direction:column;gap:6px}
.cat-icon-wrap{position:absolute;top:18px;left:18px;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--cat-accent,var(--primary-red));font-size:1.3rem;z-index:3;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-icon-wrap{background:var(--cat-accent,var(--primary-red));color:#fff;transform:rotate(-10deg) scale(1.08)}
.cat-name{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:#fff;letter-spacing:-.01em;line-height:1.15;text-shadow:0 4px 14px rgba(0,0,0,.5);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-name{transform:translateY(-3px)}
.cat-count{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#B6C6DE}
.cat-count b{color:var(--cat-accent,var(--primary-red));font-weight:900;background:rgba(255,255,255,.12);padding:2px 8px;border-radius:999px}
.cat-arrow{position:absolute;bottom:24px;right:22px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.9rem;z-index:3;opacity:0;transform:translateX(12px) scale(.9);transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-arrow{opacity:1;transform:translateX(0) scale(1);background:var(--cat-accent,var(--primary-red));color:#fff}
.cat-badge{position:absolute;top:18px;right:18px;background:linear-gradient(135deg,var(--cat-accent,var(--primary-red)),#8c1a1a);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.2px;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:3;display:flex;align-items:center;gap:5px;animation:catBadgePulse 2.8s ease-in-out infinite}
@keyframes catBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* PRODUCT SLIDER */
.product-slider{position:relative;padding:0;background:#0f172a;overflow:hidden;isolation:isolate;min-height:640px;display:flex;align-items:center}
.product-slider__header{position:absolute;top:34px;left:0;right:0;z-index:5;text-align:center;padding:0 20px}
.product-slider__kicker{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#E5EDF9;padding:6px 16px 6px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:12px;backdrop-filter:blur(10px)}
.product-slider__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.product-slider__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.product-slider__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}
.product-slider__title span{color:var(--primary-red)}
.ps-viewport{position:absolute;inset:0;overflow:hidden;z-index:1}
.ps-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:translateX(100%) scale(1.08);transition:opacity 1.1s cubic-bezier(.7,0,.3,1),transform 1.3s cubic-bezier(.7,0,.3,1)}
.ps-slide.is-active{opacity:1;transform:translateX(0) scale(1);animation:psKenBurns 9s ease-out forwards}
.ps-slide.is-prev{opacity:0;transform:translateX(-100%) scale(1.08)}
@keyframes psKenBurns{0%{background-size:100% auto}100%{background-size:112% auto}}
.ps-slide::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 25% 60%, rgba(211,47,47,.28) 0%, transparent 65%),linear-gradient(95deg,rgba(15,23,42,.95) 0%,rgba(15,23,42,.8) 32%,rgba(15,23,42,.4) 58%,rgba(15,23,42,.1) 100%)}
.ps-inner{position:relative;z-index:3;max-width:1300px;margin:0 auto;padding:140px 20px 120px;width:100%;display:flex;align-items:center;min-height:640px}
.ps-content{max-width:600px;opacity:0;transform:translateX(-40px)}
.ps-slide.is-active .ps-content{animation:psContentIn .9s .35s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psContentIn{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}
.ps-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.ps-tag__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.ps-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2.2rem,4.4vw,3.8rem);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.05;text-transform:uppercase;margin-bottom:16px;text-shadow:0 6px 26px rgba(0,0,0,.5)}
.ps-headline span{color:var(--primary-red)}
.ps-sub{font-family:'Montserrat',sans-serif;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;color:#E5EDF9;line-height:1.35;margin-bottom:22px;max-width:520px}
.ps-desc{font-size:1rem;color:#B6C6DE;line-height:1.7;margin-bottom:32px;max-width:520px}
.ps-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ps-btn{display:inline-flex;align-items:center;gap:11px;padding:15px 30px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none}
.ps-btn--primary{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;box-shadow:0 14px 30px -10px rgba(211,47,47,.85)}
.ps-btn--primary:hover{transform:translateY(-4px)}
.ps-btn--ghost{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px)}
.ps-btn--ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-4px)}
.ps-product-card{position:absolute;right:8%;top:50%;transform:translateY(-50%) translateX(60px) scale(.92);opacity:0;width:280px;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);z-index:4;pointer-events:none}
.ps-slide.is-active .ps-product-card{animation:psCardIn 1s .55s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psCardIn{to{transform:translateY(-50%) translateX(0) scale(1);opacity:1}}
.ps-product-card__img{width:100%;aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center;margin-bottom:14px;position:relative;overflow:hidden}
.ps-product-card__badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:2}
.ps-product-card__name{font-size:.86rem;font-weight:600;color:#374151;line-height:1.4;min-height:2.6em;margin-bottom:10px}
.ps-product-card__price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
.ps-product-card__price{font-family:'Montserrat',sans-serif;font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-product-card__old{font-size:.75rem;color:#94a3b8;text-decoration:line-through}
.ps-product-card__rating{display:flex;gap:2px;font-size:.72rem;color:var(--star-gold);margin-bottom:14px}
.ps-product-card__rating span{color:var(--text-gray);font-size:.68rem;margin-left:5px}
.ps-product-card__btn{width:100%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;color:#fff;padding:11px 14px;border-radius:10px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .35s ease;pointer-events:auto}
.ps-product-card__btn:hover{transform:translateY(-2px)}
.ps-counter{position:absolute;top:34px;right:30px;z-index:6;font-family:'Montserrat',sans-serif;color:#fff;display:flex;align-items:baseline;gap:4px;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-counter__current{font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-counter__sep{color:rgba(255,255,255,.35);font-size:.85rem;margin:0 3px}
.ps-counter__total{font-size:.85rem;font-weight:700;color:#B6C6DE}
.ps-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;font-size:1.05rem;z-index:7;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.ps-arrow:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-50%) scale(1.12)}
.ps-arrow--prev{left:26px}
.ps-arrow--next{right:26px}
.ps-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.1);z-index:8;overflow:hidden}
.ps-progress__fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--primary-red),#FF8B94)}
.ps-dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:7;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 14px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.3);cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;padding:0}
.ps-dot.active{background:var(--primary-red);width:28px}

/* EXTERIOR */
.mega-deals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#fff 0%,#f8fafc 100%);position:relative;overflow:hidden}
.mega-deals::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.025) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.md-section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.md-section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.md-section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
.md-section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:16px;animation:naTitleIn .8s .08s both}
.md-section-title span{color:var(--primary-red);position:relative;display:inline-block}
.md-section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
.md-section-sub{color:var(--text-gray);font-size:.98rem;max-width:680px;margin:0 auto 32px;line-height:1.75;animation:naTitleIn .8s .16s both}
.md-section-sub b{color:var(--dark-navy);font-weight:700}
.md-features{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px;margin-bottom:52px;position:relative;z-index:2;animation:naTitleIn .8s .24s both}
.md-feature{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;color:#475569;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #eef1f6;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.md-feature i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.62rem;display:flex;align-items:center;justify-content:center}
.md-feature:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.4);color:var(--primary-red);box-shadow:0 10px 22px -12px rgba(211,47,47,.4)}

.md-wrap{display:grid;grid-template-columns:260px 320px 1fr;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -34px rgba(15,23,42,.32);background:#fff;opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2;border:1px solid #eef1f6}
.md-wrap.revealed{opacity:1;transform:translateY(0)}
.md-cats{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);padding:38px 30px;border-right:1px solid #eef1f6;display:flex;flex-direction:column;position:relative}
.md-cats__label{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--text-gray);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.md-cats__label::before{content:"";width:14px;height:2px;background:var(--primary-red);border-radius:2px}
.md-cats__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary-red);margin-bottom:32px;letter-spacing:-.015em;line-height:1.15;position:relative}
.md-cats__title::after{content:"";position:absolute;left:0;bottom:-10px;width:36px;height:3px;background:var(--primary-red);border-radius:2px;animation:mdTitleLine 3s ease-in-out infinite}
@keyframes mdTitleLine{0%,100%{width:36px;opacity:.85}50%{width:58px;opacity:1}}
.md-cats__list{display:flex;flex-direction:column;gap:4px;flex:1}
.md-cat{font-size:.92rem;font-weight:500;color:#6b7280;padding:11px 14px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;border-radius:10px;background:transparent;border:1.5px solid transparent;font-family:'Poppins',sans-serif}
.md-cat__icon{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat__txt{flex:1;text-align:left;line-height:1.3}
.md-cat__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.md-cat:hover{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.15);transform:translateX(6px)}
.md-cat:hover .md-cat__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.md-cat:hover .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat.active{background:linear-gradient(135deg,rgba(211,47,47,.08),rgba(211,47,47,.04));color:var(--primary-red);border-color:rgba(211,47,47,.25);font-weight:700;transform:translateX(6px);box-shadow:0 8px 20px -12px rgba(211,47,47,.5)}
.md-cat.active .md-cat__icon{background:var(--primary-red);color:#fff}
.md-cat.active .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat--view{margin-top:auto;color:var(--dark-navy);font-weight:700;padding:14px;margin-top:24px;border-top:1px solid #eef1f6;display:inline-flex;align-items:center;gap:10px;font-size:.85rem}
.md-cat--view__badge{margin-left:auto;background:#f1f5f9;color:#64748b;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:1.2px;text-transform:uppercase}
.md-cat--view:hover{color:var(--primary-red);transform:translateX(6px)}
.md-cat--view:hover .md-cat--view__badge{background:var(--primary-red);color:#fff}
.md-cat--view i{font-size:.75rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat--view:hover i{transform:translateX(4px)}
.md-promo{position:relative;background:radial-gradient(400px 300px at 50% 100%, rgba(211,47,47,.22) 0%, transparent 70%),linear-gradient(160deg,#FFE9E5 0%,#FFD9D4 55%,#FFC8C2 100%);overflow:hidden;padding:38px 30px 0;cursor:pointer;display:flex;flex-direction:column}
.md-promo__badge{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.9);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 12px;border-radius:999px;z-index:3;animation:mdPromoBadgePulse 3s ease-in-out infinite}
@keyframes mdPromoBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.md-promo__img{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:120%;max-height:70%;background-size:contain;background-repeat:no-repeat;background-position:center bottom;z-index:-1;animation:mdPromoFloat 6s ease-in-out infinite}
@keyframes mdPromoFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
.md-promo__content{position:relative;z-index:2;margin-bottom:auto}
.md-promo__tag{display:inline-flex;align-items:center;gap:7px;background:rgba(211,47,47,.1);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:14px;border:1px solid rgba(211,47,47,.2)}
.md-promo__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-promo__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:#111827;line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}
.md-promo__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.md-promo__title em::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:6px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg)}
.md-promo__sub{font-size:.88rem;color:#4b5563;line-height:1.55;margin-bottom:20px;max-width:240px}
.md-promo__stats{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.md-promo__stat{display:flex;align-items:center;gap:9px;font-size:.74rem;color:#475569;font-weight:600}
.md-promo__stat i{width:20px;height:20px;border-radius:50%;background:#fff;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0;box-shadow:0 4px 10px -3px rgba(211,47,47,.3)}
.md-promo__cta{display:inline-flex;align-items:center;gap:9px;background:var(--primary-red);color:#fff;padding:11px 22px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(211,47,47,.7);position:relative;overflow:hidden}
.md-promo__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.md-promo__cta:hover::before{left:100%}
.md-promo__cta:hover{transform:translateY(-3px);box-shadow:0 16px 32px -10px rgba(211,47,47,.9)}
.md-products{background:#f8f9fb;padding:28px 30px 30px;display:flex;flex-direction:column}
.md-products__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid #eef1f6}
.md-products__title h4{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block}
.md-products__title h4::after{content:"";position:absolute;bottom:-6px;left:0;width:34px;height:2px;background:var(--primary-red);border-radius:2px;animation:mdHeadLine 3s ease-in-out infinite}
@keyframes mdHeadLine{0%,100%{width:34px;opacity:.75}50%{width:56px;opacity:1}}
.md-products__title span{font-size:.7rem;color:var(--text-gray);font-weight:500;margin-top:6px;display:block}
.md-nav{display:flex;gap:6px;align-items:center}
.md-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.md-nav__info b{color:var(--primary-red)}
.md-nav__btn{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.md-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.12)}
.md-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.md-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;position:relative;margin-top:20px}
.md-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden}
@keyframes mdCardIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.md-card:hover{transform:translateY(-6px);border-color:rgba(211,47,47,.35);box-shadow:0 25px 50px -26px rgba(211,47,47,.45)}
.md-card__top{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.md-card__img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:9px;overflow:hidden;aspect-ratio:1;align-self:center}
.md-card__img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.md-card:hover .md-card__img{transform:scale(1.14)}
.md-card__free{position:absolute;top:6px;left:6px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.48rem;font-weight:900;line-height:1.15;padding:5px 7px;border-radius:5px;text-transform:uppercase;z-index:3;animation:mdFreePulse 2.4s ease-in-out infinite}
@keyframes mdFreePulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}
.md-card__zoom{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.7rem;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:4}
.md-card__zoom:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.18) rotate(-10deg)}
.md-card__info{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:6px}
.md-card__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:5px}
.md-card__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.md-card__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.md-card:hover .md-card__title{color:var(--primary-red)}
.md-card__stars{display:flex;gap:2px;color:#d1d5db;font-size:.65rem}
.md-card__stars .filled{color:var(--star-gold)}
.md-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:2px;flex-wrap:wrap}
.md-card__price{font-family:'Montserrat',sans-serif;font-size:.96rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.md-card__old{font-size:.7rem;color:#94a3b8;text-decoration:line-through}
.md-card__price--call{font-size:.82rem;font-weight:800;color:var(--dark-navy)}
.md-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9;font-size:.65rem;color:var(--text-gray);font-weight:500}
.md-card__meta-item{display:inline-flex;align-items:center;gap:5px}
.md-card__meta-item i{font-size:.62rem;color:#94a3b8}
.md-card__stock{display:inline-flex;align-items:center;gap:5px;color:#16a34a;font-weight:700}
.md-card__stock i{font-size:.5rem;color:#16a34a;animation:mdStockBlink 1.6s ease-in-out infinite}
@keyframes mdStockBlink{0%,100%{opacity:1}50%{opacity:.4}}
.md-card__stock--low{color:#eab308}
.md-assurance{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;padding:22px 26px;background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 12px 30px -22px rgba(15,23,42,.18);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .3s cubic-bezier(.34,1.56,.64,1)}
.md-assurance.revealed{opacity:1;transform:translateY(0)}
.md-assurance__item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-right:1px solid #eef1f6}
.md-assurance__item:last-child{border-right:none}
.md-assurance__icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-assurance__item:hover .md-assurance__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.md-assurance__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;color:var(--dark-navy);letter-spacing:.3px;margin-bottom:2px}
.md-assurance__txt span{font-size:.66rem;color:var(--text-gray);font-weight:500}

/* ============================================================
   ELECTRICAL & LIGHTING (RED + BLACK + WHITE)
   ============================================================ */
.electrical-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#ffffff 0%,#fafafa 100%);position:relative;overflow:hidden}
.electrical-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.03) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.el-header{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin-bottom:50px;position:relative;z-index:2;padding-bottom:32px;border-bottom:1px solid #eef1f6}
.el-header__left{animation:naTitleIn .8s .05s cubic-bezier(.4,0,.2,1) both}
.el-header__right{animation:naTitleIn .8s .15s cubic-bezier(.4,0,.2,1) both}
.el-header__kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.el-header__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-header__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.el-header__title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.08;margin-bottom:14px}
.el-header__title span{color:var(--primary-red);position:relative;display:inline-block}
.el-header__title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .5s cubic-bezier(.34,1.56,.64,1) forwards}
.el-header__lead{font-size:.95rem;color:var(--text-gray);line-height:1.7;max-width:520px}
.el-header__lead b{color:var(--dark-navy);font-weight:700}
.el-header__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.el-stat{background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.35);box-shadow:0 14px 30px -18px rgba(211,47,47,.35)}
.el-stat__icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover .el-stat__icon{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;transform:rotate(-8deg) scale(1.08)}
.el-stat__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;line-height:1.2;margin-bottom:2px}
.el-stat__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}
.el-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px;position:relative;z-index:2;animation:naTitleIn .8s .25s cubic-bezier(.4,0,.2,1) both}
.el-tab{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #eef1f6;color:#475569;padding:12px 20px 12px 14px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.el-tab__icon{width:26px;height:26px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.68rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-tab__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.el-tab:hover{border-color:rgba(211,47,47,.35);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(211,47,47,.35)}
.el-tab:hover .el-tab__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.el-tab:hover .el-tab__count{background:var(--primary-red);color:#fff}
.el-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 16px 32px -12px rgba(211,47,47,.55);transform:translateY(-3px) scale(1.02)}
.el-tab.active .el-tab__icon{background:rgba(255,255,255,.2);color:#fff}
.el-tab.active .el-tab__count{background:rgba(255,255,255,.25);color:#fff}

.el-feature-banner{position:relative;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;min-height:280px;margin-bottom:34px;background:radial-gradient(500px 400px at 90% 100%, rgba(211,47,47,.12) 0%, transparent 70%),linear-gradient(120deg,#ffffff 0%,#fef5f5 45%,#fde8e8 100%);border:1px solid rgba(211,47,47,.15);box-shadow:0 30px 70px -34px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.el-feature-banner.revealed{opacity:1;transform:translateY(0)}
.el-feature-banner::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));z-index:4}
.el-feature-banner__content{padding:38px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;max-width:520px}
.el-feature-banner__tag{display:inline-flex;align-items:center;gap:8px;background:rgba(211,47,47,.1);color:var(--primary-red);padding:6px 14px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:16px;align-self:flex-start;border:1px solid rgba(211,47,47,.25);transition:all .4s ease}
.el-feature-banner__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-feature-banner:hover .el-feature-banner__tag{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}
.el-feature-banner:hover .el-feature-banner__tag__dot{background:#fff}
.el-feature-banner__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:900;color:var(--dark-navy);line-height:1.15;letter-spacing:-.02em;margin-bottom:12px}
.el-feature-banner__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.el-feature-banner__title em::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:8px;background:rgba(211,47,47,.2);z-index:-1;transform:skewX(-15deg)}
.el-feature-banner__sub{font-size:.9rem;color:#4b5563;line-height:1.6;margin-bottom:22px;max-width:380px}
.el-feature-banner__cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;padding:12px 26px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);position:relative;overflow:hidden}
.el-feature-banner__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.el-feature-banner:hover .el-feature-banner__cta::before{left:100%}
.el-feature-banner__cta:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.8)}
.el-feature-banner__visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.el-feature-banner__visual::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 240px at 50% 50%, rgba(211,47,47,.15) 0%, transparent 70%);z-index:1;opacity:.7}
.el-feature-banner:hover .el-feature-banner__visual::before{opacity:1}
.el-feature-banner__img{position:relative;z-index:2;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1);animation:elBannerFloat 6s ease-in-out infinite}
@keyframes elBannerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.el-feature-banner:hover .el-feature-banner__img{transform:scale(1.08) translateY(-14px);animation:none}
.el-feature-banner__badge{position:absolute;top:22px;right:22px;background:var(--dark-navy);color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:8px 14px;border-radius:999px;z-index:5;box-shadow:0 10px 22px -8px rgba(15,23,42,.5);animation:mdPromoBadgePulse 3s ease-in-out infinite}

.el-products-panel{background:#fff;border:1px solid #eef1f6;border-radius:22px;padding:28px 30px 30px;box-shadow:0 20px 50px -34px rgba(15,23,42,.2);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s .1s cubic-bezier(.34,1.56,.64,1)}
.el-products-panel.revealed{opacity:1;transform:translateY(0)}
.el-products-panel__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #eef1f6;flex-wrap:wrap;gap:14px}
.el-products-panel__title{display:flex;align-items:center;gap:14px}
.el-products-panel__title h4{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block;padding-left:20px}
.el-products-panel__title h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--primary-red);animation:mdStockBlink 1.6s ease-in-out infinite}
.el-products-panel__title span{font-size:.72rem;color:var(--text-gray);font-weight:500;padding-left:18px;border-left:1px solid #eef1f6}
.el-nav{display:flex;gap:6px;align-items:center}
.el-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.el-nav__info b{color:var(--primary-red)}
.el-nav__btn{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.el-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}
.el-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.el-grid-new{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.el-card-new{background:#fff;border:1px solid #eef1f6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards}
.el-card-new:hover{border-color:rgba(211,47,47,.4);transform:translateY(-8px);box-shadow:0 30px 55px -28px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.el-card-new__img-wrap{position:relative;aspect-ratio:1.2/1;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.el-card-new__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__img{transform:scale(1.12) rotate(-1deg)}
.el-card-new__free{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase;line-height:1.15;padding:6px 8px;border-radius:6px;z-index:3;animation:mdFreePulse 2.4s ease-in-out infinite}
.el-card-new__discount{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:3;letter-spacing:.4px;animation:salePop 2.6s ease-in-out infinite}
@keyframes salePop{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.el-card-new__quick{position:absolute;bottom:12px;right:12px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;z-index:3;opacity:0;transform:translateY(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__quick{opacity:1;transform:translateY(0) scale(1)}
.el-card-new__quick:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.15) rotate(-10deg) !important}
.el-card-new__wish{position:absolute;top:12px;right:52px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.72rem;cursor:pointer;z-index:3;opacity:0;transform:translateX(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__wish{opacity:1;transform:translateX(0) scale(1)}
.el-card-new__wish:hover,.el-card-new__wish.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.el-card-new__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.el-card-new__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:6px}
.el-card-new__cat::before{content:"";width:12px;height:2px;background:var(--primary-red);border-radius:2px}
.el-card-new__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.3em}
.el-card-new:hover .el-card-new__title{color:var(--primary-red)}
.el-card-new__stars{display:flex;align-items:center;gap:3px;font-size:.65rem;color:#d1d5db}
.el-card-new__stars .filled{color:var(--star-gold)}
.el-card-new__stars span{color:var(--text-gray);font-size:.62rem;margin-left:4px;font-weight:500}
.el-card-new__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid #f1f5f9}
.el-card-new__price{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.el-card-new__old{font-size:.72rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.el-card-new__price--call{font-size:.86rem;font-weight:800;color:var(--dark-navy)}
.el-card-new__stock{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;color:#16a34a;margin-top:-2px}
.el-card-new__stock i{font-size:.5rem;animation:mdStockBlink 1.6s ease-in-out infinite}
.el-card-new__stock--low{color:#eab308}
.el-assurance-new{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;background:linear-gradient(135deg,#ffffff,#fafafa);border:1px solid #eef1f6;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 20px 45px -30px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .2s cubic-bezier(.34,1.56,.64,1)}
.el-assurance-new.revealed{opacity:1;transform:translateY(0)}
.el-assurance-new__item{display:flex;align-items:center;gap:14px;padding:22px 22px;border-right:1px solid #eef1f6;transition:background .35s ease}
.el-assurance-new__item:last-child{border-right:none}
.el-assurance-new__item:hover{background:linear-gradient(135deg,#fafafa,#fef5f5)}
.el-assurance-new__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(15,23,42,.6)}
.el-assurance-new__item:hover .el-assurance-new__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:rotate(-10deg) scale(1.08)}
.el-assurance-new__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;margin-bottom:3px}
.el-assurance-new__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}

/* ============================================================
   BLOG SECTION — WHITE BG / RED + BLACK ACCENTS
   ============================================================ */
.blog-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#ffffff;position:relative;overflow:hidden}
.blog-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.02) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.02) 1px, transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.25) 55%, transparent 85%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.25) 55%, transparent 85%);pointer-events:none}

/* Featured + side layout */
.blog-feature-wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;margin-bottom:44px;position:relative;z-index:2}

/* Featured post */
.blog-feature{position:relative;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #eef1f6;box-shadow:0 25px 60px -34px rgba(15,23,42,.28);transition:all .6s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(35px)}
.blog-feature.revealed{opacity:1;transform:translateY(0)}
.blog-feature:hover{transform:translateY(-8px);box-shadow:0 40px 80px -34px rgba(211,47,47,.4),0 0 0 2px rgba(211,47,47,.25)}
.blog-feature__img-wrap{position:relative;overflow:hidden;min-height:380px}
.blog-feature__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__img{transform:scale(1.1)}
.blog-feature__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,23,42,.35) 0%,rgba(15,23,42,0) 55%)}
.blog-feature__content{padding:38px 34px;display:flex;flex-direction:column;justify-content:center}
.blog-feature__meta{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.blog-cat{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:6px 12px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(211,47,47,.5)}
.blog-cat--dark{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));box-shadow:0 8px 18px -8px rgba(15,23,42,.5)}
.blog-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-gray);font-weight:500}
.blog-meta-item i{color:var(--primary-red);font-size:.7rem}
.blog-feature__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px;transition:color .3s ease}
.blog-feature:hover .blog-feature__title{color:var(--primary-red)}
.blog-feature__excerpt{font-size:.9rem;color:var(--text-gray);line-height:1.7;margin-bottom:22px}
.blog-feature__author{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.blog-author-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.85rem;flex-shrink:0}
.blog-author-info{line-height:1.2}
.blog-author-info b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:2px}
.blog-author-info span{font-size:.65rem;color:var(--text-gray);font-weight:500}
.blog-feature__link{display:inline-flex;align-items:center;gap:10px;color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;align-self:flex-start;padding-bottom:4px;border-bottom:2px solid transparent;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__link{border-bottom-color:var(--primary-red);gap:14px}
.blog-feature__link i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__link i{transform:translateX(4px)}

/* Side small posts */
.blog-side{display:flex;flex-direction:column;gap:16px}
.blog-side__item{position:relative;display:grid;grid-template-columns:120px 1fr;gap:16px;background:#fff;border:1px solid #eef1f6;border-radius:16px;padding:14px;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden;opacity:0;transform:translateX(30px)}
.blog-side__item.revealed{opacity:1;transform:translateX(0)}
.blog-side__item:nth-child(1){transition-delay:.1s}
.blog-side__item:nth-child(2){transition-delay:.2s}
.blog-side__item:nth-child(3){transition-delay:.3s}
.blog-side__item:hover{transform:translateY(-4px);border-color:rgba(211,47,47,.35);box-shadow:0 20px 42px -24px rgba(211,47,47,.4)}
.blog-side__item::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.blog-side__item:hover::before{transform:scaleY(1)}
.blog-side__img{width:100%;aspect-ratio:1;background-size:cover;background-position:center;border-radius:11px;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}
.blog-side__item:hover .blog-side__img{transform:scale(1.08)}
.blog-side__info{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
.blog-side__cat{display:inline-flex;align-items:center;gap:5px;font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary-red)}
.blog-side__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.blog-side__title{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.blog-side__item:hover .blog-side__title{color:var(--primary-red)}
.blog-side__date{font-size:.65rem;color:var(--text-gray);display:flex;align-items:center;gap:6px;font-weight:500}
.blog-side__date i{color:var(--primary-red);font-size:.65rem}

/* Grid of 3 more posts */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:44px;position:relative;z-index:2}
.blog-card{background:#fff;border:1px solid #eef1f6;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .55s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(35px)}
.blog-card.revealed{opacity:1;transform:translateY(0)}
.blog-card:nth-child(1){transition-delay:.05s}
.blog-card:nth-child(2){transition-delay:.15s}
.blog-card:nth-child(3){transition-delay:.25s}
.blog-card:hover{transform:translateY(-10px);border-color:rgba(211,47,47,.35);box-shadow:0 32px 62px -30px rgba(211,47,47,.45),0 8px 20px -10px rgba(15,23,42,.08)}
.blog-card__img-wrap{position:relative;aspect-ratio:16/10;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.blog-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__img{transform:scale(1.13)}
.blog-card__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 45%,rgba(15,23,42,.55) 100%);opacity:.85;transition:opacity .4s ease}
.blog-card:hover .blog-card__img-wrap::after{opacity:1}
.blog-card__cat{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 11px;border-radius:999px;z-index:3;box-shadow:0 8px 18px -8px rgba(211,47,47,.6);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__cat{transform:scale(1.06)}
.blog-card__readtime{position:absolute;top:14px;right:14px;background:rgba(15,23,42,.8);backdrop-filter:blur(8px);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.6px;padding:6px 11px;border-radius:999px;z-index:3;display:flex;align-items:center;gap:5px}
.blog-card__readtime i{color:var(--primary-red);font-size:.6rem}
.blog-card__body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.68rem;color:var(--text-gray);font-weight:500}
.blog-card__meta span{display:inline-flex;align-items:center;gap:6px}
.blog-card__meta i{color:var(--primary-red);font-size:.68rem}
.blog-card__title{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.7em}
.blog-card:hover .blog-card__title{color:var(--primary-red)}
.blog-card__excerpt{font-size:.82rem;color:var(--text-gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:auto;border-top:1px solid #f1f5f9}
.blog-card__author{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;color:var(--text-dark)}
.blog-card__avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.blog-card__link{width:34px;height:34px;border-radius:50%;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__link{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-45deg) scale(1.1);box-shadow:0 10px 22px -8px rgba(211,47,47,.7)}

/* Newsletter CTA inside blog */
.blog-newsletter{position:relative;border-radius:22px;background:linear-gradient(135deg,#ffffff 0%,#fef5f5 100%);border:1px solid rgba(211,47,47,.18);padding:38px 40px;display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;box-shadow:0 25px 60px -34px rgba(211,47,47,.3);margin-top:12px;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1)}
.blog-newsletter.revealed{opacity:1;transform:translateY(0)}
.blog-newsletter::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));border-radius:22px 0 0 22px}
.blog-newsletter__icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px;box-shadow:0 12px 24px -10px rgba(15,23,42,.5)}
.blog-newsletter__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:10px}
.blog-newsletter__title span{color:var(--primary-red)}
.blog-newsletter__sub{font-size:.88rem;color:var(--text-gray);line-height:1.6}
.blog-newsletter__form{display:flex;gap:10px}
.blog-newsletter__form input{flex:1;padding:14px 18px;border:1.5px solid var(--light-gray);border-radius:12px;font-size:.9rem;outline:none;font-family:'Poppins',sans-serif;transition:all .3s ease;background:#fff}
.blog-newsletter__form input:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.blog-newsletter__form button{padding:14px 26px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);white-space:nowrap}
.blog-newsletter__form button:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}
.blog-newsletter__form button i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-newsletter__form button:hover i{transform:translateX(4px)}
.blog-newsletter__note{font-size:.7rem;color:var(--text-gray);margin-top:10px;display:flex;align-items:center;gap:6px}
.blog-newsletter__note i{color:var(--green);font-size:.7rem}

/* ============================================================
   FOOTER — WHITE BG / RED + BLACK ACCENTS
   ============================================================ */
footer{background:#ffffff;color:var(--text-dark);position:relative;overflow:hidden;border-top:1px solid #eef1f6}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--dark-navy) 50%,var(--primary-red) 100%)}
.footer-top{position:relative;padding:70px 0 50px;background:radial-gradient(900px 400px at 20% 0%, rgba(211,47,47,.05) 0%, transparent 55%),radial-gradient(900px 400px at 80% 100%, rgba(15,23,42,.04) 0%, transparent 55%),#ffffff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:40px;position:relative;z-index:2}
.footer-col__title{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:900;color:var(--dark-navy);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;position:relative;padding-bottom:12px}
.footer-col__title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--dark-navy));border-radius:2px;animation:ftLine 3s ease-in-out infinite}
@keyframes ftLine{0%,100%{width:34px;opacity:.85}50%{width:52px;opacity:1}}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.footer-brand-icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.4rem;box-shadow:0 8px 20px var(--shadow-red)}
.footer-brand-text h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.4rem;color:var(--dark-navy);line-height:1;letter-spacing:-.5px}
.footer-brand-text h3 span{color:var(--primary-red)}
.footer-brand-text span{display:block;color:var(--text-gray);font-size:.62rem;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-weight:500}
.footer-about{font-size:.85rem;color:var(--text-gray);line-height:1.75;margin-bottom:22px}
.footer-contacts{display:flex;flex-direction:column;gap:12px}
.footer-contact{display:flex;align-items:flex-start;gap:12px;font-size:.82rem;color:var(--text-dark);line-height:1.5}
.footer-contact i{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.footer-contact:hover i{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.footer-contact b{display:block;font-family:'Montserrat',sans-serif;font-weight:800;color:var(--dark-navy);font-size:.7rem;letter-spacing:.6px;text-transform:uppercase;margin-bottom:2px}
.footer-contact span{color:var(--text-gray);font-weight:500;font-size:.8rem}

.footer-links{display:flex;flex-direction:column;gap:11px}
.footer-link{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;color:var(--text-gray);font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);padding:3px 0;position:relative;width:fit-content;cursor:pointer}
.footer-link i{color:var(--primary-red);font-size:.6rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.footer-link::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:var(--primary-red);transition:right .4s cubic-bezier(.34,1.56,.64,1)}
.footer-link:hover{color:var(--primary-red);transform:translateX(5px)}
.footer-link:hover i{transform:translateX(3px)}
.footer-link:hover::after{right:0}

/* App badges */
.footer-apps{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.footer-app{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #eef1f6;border-radius:11px;padding:10px 14px;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-app:hover{border-color:rgba(211,47,47,.35);transform:translateY(-3px);box-shadow:0 12px 26px -14px rgba(211,47,47,.4)}
.footer-app i{font-size:1.4rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.footer-app:hover i{transform:scale(1.1) rotate(-6deg)}
.footer-app-txt{line-height:1.2}
.footer-app-txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:900;color:var(--dark-navy);letter-spacing:.6px}
.footer-app-txt span{font-size:.6rem;color:var(--text-gray);font-weight:500}

.footer-social-title{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--dark-navy);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:12px}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap}
.footer-social{width:40px;height:40px;border-radius:11px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.92rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-social:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-4px) rotate(-8deg);box-shadow:0 14px 28px -12px rgba(211,47,47,.6)}

.footer-bottom{background:#ffffff;border-top:1px solid #eef1f6;padding:22px 0;position:relative;z-index:2}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-copy{font-size:.78rem;color:var(--text-gray);font-weight:500}
.footer-copy b{color:var(--dark-navy);font-weight:800}
.footer-copy span{color:var(--primary-red);font-weight:700}
.footer-payments{display:flex;align-items:center;gap:10px}
.footer-payments span{font-size:.72rem;color:var(--text-gray);font-weight:500;margin-right:4px}
.pay-icon{width:42px;height:28px;border-radius:6px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .35s ease;border:1px solid #eef1f6}
.pay-icon:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-2px);border-color:transparent}
.footer-top-btn{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.7);border:0}
.footer-top-btn:hover{transform:translateY(-4px) rotate(-6deg);box-shadow:0 20px 38px -12px rgba(211,47,47,.9)}
.footer-top-btn i{animation:ftBob 2.4s ease-in-out infinite}
@keyframes ftBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* TOAST + WA */
.toast-cart{position:fixed;bottom:100px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 20px 40px -10px rgba(22,163,74,.5);display:flex;align-items:center;gap:10px;z-index:999;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.toast-cart.show{opacity:1;transform:translateY(0) scale(1)}
.toast-cart--wish{background:linear-gradient(135deg,var(--primary-red),var(--hover-red))}
.wa-float{position:fixed;right:20px;bottom:22px;z-index:99;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C7E);display:grid;place-items:center;box-shadow:0 14px 32px -10px rgba(18,140,126,.9);animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:29px;height:29px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 16px rgba(37,211,102,0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* RESPONSIVE */
@media (max-width:1180px){
  .hero-search__row{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .hero-search__row .hero-search__btn{grid-column:1/-1;justify-content:center}
  .chip-float{display:none}
  .na-track{grid-auto-columns:calc((100% - 66px) / 4)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-product-card{right:3%;width:250px}
  .md-wrap{grid-template-columns:230px 280px 1fr}
  .el-grid-new{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
}
@media (max-width:1024px){
  .hero{min-height:auto;padding:60px 0 130px}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:28px 12px}
  .trust-item:not(:last-child)::after{display:none}
  .na-carousel{padding:0 46px}
  .na-track{grid-auto-columns:calc((100% - 44px) / 3)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-inner{padding:130px 20px 110px}
  .ps-product-card{position:relative;right:auto;top:auto;transform:none;opacity:1;animation:none !important;margin-top:26px;width:100%;max-width:340px;pointer-events:auto}
  .ps-content{max-width:100%}
  .md-wrap{grid-template-columns:1fr}
  .md-cats{border-right:none;border-bottom:1px solid #eef1f6;padding:28px 24px}
  .md-cats__list{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:12px}
  .md-cat{padding:9px 14px;background:#f8fafc;border-radius:999px;width:auto;transform:none !important}
  .md-cat__icon{background:#e2e8f0}
  .md-promo{min-height:260px;padding:28px 24px 0}
  .md-assurance{grid-template-columns:repeat(2,1fr)}
  .el-header{grid-template-columns:1fr;gap:26px;align-items:start;padding-bottom:28px}
  .el-feature-banner{grid-template-columns:1fr;min-height:auto}
  .el-feature-banner__visual{min-height:200px;order:-1}
  .el-feature-banner__content{padding:28px 26px;max-width:100%}
  .el-grid-new{grid-template-columns:repeat(2,1fr)}
  .el-assurance-new{grid-template-columns:repeat(2,1fr)}
  .el-assurance-new__item:nth-child(2){border-right:none}
  .el-assurance-new__item:nth-child(1),.el-assurance-new__item:nth-child(2){border-bottom:1px solid #eef1f6}
  .blog-feature-wrap{grid-template-columns:1fr;gap:22px}
  .blog-feature{grid-template-columns:1fr}
  .blog-feature__img-wrap{min-height:250px}
  .blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .blog-newsletter{grid-template-columns:1fr;gap:24px;padding:32px 28px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
}
@media (max-width:768px){
  .header-content{flex-direction:column;gap:16px}
  .header-search{width:100%;max-width:100%}
  .header-icons{width:100%;justify-content:space-around}
  .hero{padding:50px 0 120px}
  .hero-search{padding:16px}
  .hero-search__row{grid-template-columns:1fr 1fr}
  .hero-search__row .hero-search__btn{grid-column:1/-1}
  .trust-overlap{margin-top:-70px;padding:0 14px}
  .trust-panel{padding:26px 16px}
  .trust-grid{grid-template-columns:1fr;gap:24px}
  .new-arrivals{padding:60px 0 70px}
  .na-carousel{padding:0 44px}
  .na-track{grid-auto-columns:calc((100% - 22px) / 2);gap:18px}
  .na-nav{width:40px;height:40px}
  .section-title{font-size:1.7rem}
  .brand-banners{padding:60px 0 70px}
  .bb-grid{grid-template-columns:1fr;gap:18px}
  .bb-card{aspect-ratio:16/9;min-height:220px}
  .categories{padding:60px 0 70px}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .product-slider{min-height:520px}
  .ps-inner{padding:120px 20px 90px}
  .ps-headline{font-size:2rem}
  .ps-arrow{width:42px;height:42px}
  .ps-arrow--prev{left:10px}
  .ps-arrow--next{right:10px}
  .mega-deals,.electrical-section{padding:60px 0 70px}
  .md-products{padding:22px 18px 24px}
  .md-grid{grid-template-columns:1fr}
  .md-card__top{grid-template-columns:100px 1fr;gap:14px}
  .md-assurance{grid-template-columns:1fr;padding:18px}
  .el-header{margin-bottom:34px;padding-bottom:24px}
  .el-header__title{font-size:1.7rem}
  .el-header__stats{grid-template-columns:1fr}
  .el-tabs{margin-bottom:28px;gap:8px}
  .el-tab{padding:10px 16px 10px 11px;font-size:.75rem}
  .el-feature-banner{border-radius:18px;margin-bottom:24px}
  .el-feature-banner__content{padding:24px 22px}
  .el-feature-banner__title{font-size:1.35rem}
  .el-products-panel{padding:22px 18px 24px;border-radius:18px}
  .el-grid-new{grid-template-columns:repeat(2,1fr);gap:12px}
  .el-assurance-new{grid-template-columns:1fr;border-radius:16px}
  .el-assurance-new__item{border-right:none;border-bottom:1px solid #eef1f6;padding:16px 18px}
  .el-assurance-new__item:last-child{border-bottom:none}

  .blog-section{padding:60px 0 70px}
  .blog-feature__content{padding:28px 22px}
  .blog-feature__title{font-size:1.25rem}
  .blog-side__item{grid-template-columns:100px 1fr;gap:13px;padding:12px}
  .blog-side__title{font-size:.82rem}
  .blog-grid{grid-template-columns:1fr;gap:18px}
  .blog-newsletter{padding:28px 22px}
  .blog-newsletter__form{flex-direction:column}
  .blog-newsletter__form button{justify-content:center}
  .footer-top{padding:52px 0 40px}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-bottom-inner{justify-content:center;text-align:center}
}
@media (max-width:520px){
  .ticker-item{font-size:.78rem}
  .brand-text h1{font-size:1.4rem}
  .logo-icon{width:44px;height:44px;font-size:1.3rem}
  .hero{padding:40px 0 100px}
  .hero-search__row{grid-template-columns:1fr}
  .trust-overlap{margin-top:-60px}
  .na-carousel{padding:0 38px}
  .na-track{grid-auto-columns:82%}
  .wa-float{width:50px;height:50px;right:14px;bottom:16px}
  .wa-float svg{width:25px;height:25px}
  .toast-cart{right:14px;bottom:80px;font-size:.82rem;padding:12px 18px}
  .bb-card{aspect-ratio:16/10;min-height:200px}
  .cat-grid{grid-template-columns:1fr;gap:14px}
  .cat-card{aspect-ratio:16/9}
  .ps-headline{font-size:1.5rem}
  .ps-product-card{display:none}
  .md-cats{padding:24px 18px}
  .md-cats__title{font-size:1.15rem}
  .md-cat{font-size:.78rem;padding:8px 12px}
  .md-promo{min-height:180px;padding:22px 18px 0}
  .md-promo__title{font-size:1.02rem}
  .md-card{grid-template-columns:90px 1fr;padding:12px}
  .el-header__title{font-size:1.5rem}
  .el-tab{padding:9px 14px 9px 10px;font-size:.7rem;gap:8px}
  .el-feature-banner__title{font-size:1.15rem}
  .el-grid-new{grid-template-columns:1fr;gap:14px}
  .el-card-new__img-wrap{aspect-ratio:16/10}
  .blog-feature__img-wrap{min-height:200px}
  .blog-feature__title{font-size:1.1rem}
  .blog-side__item{grid-template-columns:90px 1fr;padding:10px;gap:11px}
  .blog-side__title{font-size:.78rem}
  .blog-newsletter__title{font-size:1.15rem}
  .footer-brand-text h3{font-size:1.2rem}
  .footer-contact span{font-size:.76rem}
  .footer-social{width:36px;height:36px;font-size:.85rem}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .hero-particles{display:none}
  .hero-slide:first-child{opacity:1}
  .typed-caret{opacity:1}
  .na-card,.bb-card,.cat-card,.md-wrap,.md-assurance,.el-feature-banner,.el-products-panel,.el-assurance-new,.blog-feature,.blog-side__item,.blog-card,.blog-newsletter{opacity:1;transform:none}
  .ps-slide.is-active{animation:none}
  .ps-content{opacity:1;transform:none;animation:none !important}
  .ps-product-card{transform:translateY(-50%) translateX(0) scale(1);opacity:1;animation:none !important}
}

:root{--primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;--white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;--star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,0.08);--shadow-red:rgba(211,47,47,0.3)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--white);color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit}

/* ============ TICKER ============ */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem;animation:iconBob 2.4s ease-in-out infinite}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes iconBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-8deg)}}

/* ============ HEADER ============ */
header{background:#fff;padding:18px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer}
.logo-icon{background:var(--primary-red);color:#fff;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.6rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.7rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.68rem;letter-spacing:2.5px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-search{flex-grow:1;max-width:600px}
.search-box{display:flex;background:var(--off-white);border-radius:50px;overflow:hidden;height:52px;align-items:center;padding:5px;border:2px solid var(--light-gray);transition:all .4s ease}
.search-box:focus-within{background:#fff;border-color:var(--primary-red);box-shadow:0 0 22px var(--shadow-red)}
.header-cat{border:none;background:transparent;padding:0 15px;font-size:.88rem;color:var(--text-dark);border-right:1px solid var(--light-gray);outline:none;cursor:pointer;font-weight:600}
.header-input{border:none;flex-grow:1;padding:0 15px;font-size:.92rem;outline:none;background:transparent}
.header-input::placeholder{color:#94a3b8}
.header-search-btn{background:var(--primary-red);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;font-size:1rem}
.header-search-btn:hover{background:var(--hover-red);transform:scale(1.1) rotate(15deg)}
.header-icons{display:flex;align-items:center;gap:22px}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.4rem}
.badge{position:absolute;top:-5px;right:-5px;background:var(--primary-red);color:#fff;font-size:.65rem;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;animation:pulseBadge 2s infinite}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* ============ HERO ============ */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:80px 0 140px}
.hero-slides{position:absolute;inset:0;z-index:-4;overflow:hidden}
.hero-slide{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;animation:heroKenBurns 32s infinite}
.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:8s}.hero-slide:nth-child(3){animation-delay:16s}.hero-slide:nth-child(4){animation-delay:24s}
@keyframes heroKenBurns{0%{opacity:0;transform:scale(1.06)}5%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1.18)}100%{opacity:0;transform:scale(1.06)}}
.hero-overlay{position:absolute;inset:0;z-index:-3;background:radial-gradient(1000px 600px at 50% 30%, rgba(211,47,47,.22) 0%, transparent 65%),linear-gradient(180deg,rgba(15,23,42,.75),rgba(15,23,42,.94))}
.hero-grid{position:absolute;inset:-40px;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);animation:gridDrift 26s linear infinite;pointer-events:none}
@keyframes gridDrift{to{background-position:54px 54px,54px 54px}}
.hero-particles{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-particles span{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);opacity:0;animation:rise var(--dur) linear infinite;animation-delay:var(--delay)}
@keyframes rise{0%{transform:translate3d(0,30px,0) scale(.5);opacity:0}18%{opacity:.85}78%{opacity:.3}100%{transform:translate3d(14px,-200px,0) scale(1.05);opacity:0}}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E5EDF9;padding:8px 20px 8px 14px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;backdrop-filter:blur(10px);animation:fadeUp .7s both}
.hero-eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#25D366;animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.hero-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:18px;text-transform:uppercase;animation:fadeUp .7s .08s both}
.hero-headline span{color:var(--primary-red);position:relative;display:inline-block}
.hero-headline span::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:12px;background:rgba(211,47,47,.28);z-index:-1;transform:skewX(-15deg)}
.typed-wrap{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,3.6vw,3rem);font-weight:900;line-height:1.25;color:#E5EDF9;margin-bottom:26px;display:block;min-height:1.4em;animation:fadeUp .7s .16s both;text-transform:uppercase}
.typed-line{display:inline-block;font-weight:900;min-height:1.2em;background:linear-gradient(120deg,#ff5a5a,#FFD166 50%,var(--primary-red));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease-in-out infinite}
@keyframes gradientShift{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
.typed-caret{display:inline-block;width:4px;height:1em;margin-left:6px;vertical-align:-.12em;border-radius:2px;background:var(--primary-red);animation:caretBlink 1.05s steps(1,end) infinite}
@keyframes caretBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
.hero-desc{font-size:1.02rem;color:#B6C6DE;line-height:1.75;margin:0 auto 40px;max-width:640px;animation:fadeUp .7s .24s both}
.hero-desc b{color:#fff;font-weight:700}
.hero-search{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.85);position:relative;overflow:hidden;max-width:960px;margin:0 auto 32px;animation:fadeUp .7s .32s both;text-align:left}
.hero-search::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-red),#F5919A,var(--dark-navy),#F5919A,var(--primary-red));background-size:200% 100%;animation:barSlide 6s linear infinite}
@keyframes barSlide{to{background-position:200% 0}}
.hero-search__head{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:14px;text-transform:uppercase;letter-spacing:.8px}
.hero-search__head i{color:var(--primary-red);font-size:.9rem}
.hero-search__head strong{color:var(--primary-red);margin-left:auto;font-size:.7rem;padding:4px 10px;background:#FDECEE;border-radius:999px;letter-spacing:1px}
.hero-search__row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px}
.field{position:relative}
.field select{appearance:none;-webkit-appearance:none;width:100%;padding:14px 34px 14px 14px;border:1.5px solid var(--light-gray);border-radius:12px;background:#fff;font-size:.88rem;font-weight:600;color:var(--dark-navy);cursor:pointer;outline:none;transition:all .2s ease}
.field select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.field select:invalid{color:#93a2b8}
.field--select::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #8895a8;border-bottom:2px solid #8895a8;transform:translateY(-72%) rotate(45deg);pointer-events:none}
.hero-search__btn{border:0;cursor:pointer;font-weight:700;font-size:.9rem;border-radius:12px;padding:14px 28px;white-space:nowrap;color:#fff;background:linear-gradient(180deg,#F04A56,var(--hover-red));box-shadow:0 12px 26px -10px rgba(211,47,47,.9);transition:transform .18s ease;display:inline-flex;align-items:center;gap:9px}
.hero-search__btn:hover{transform:translateY(-2px)}
.hero-search__hint{margin:13px 0 0;font-size:.78rem;font-weight:600;color:var(--text-gray);display:flex;align-items:center;gap:8px;min-height:20px}
.hero-search__hint.is-success{color:var(--green)}
.hero-search__hint.is-error{color:var(--primary-red)}
.hint-pop{animation:hintPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes hintPop{0%{transform:translateY(6px);opacity:0}100%{transform:translateY(0);opacity:1}}
.hero-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;animation:fadeUp .7s .4s both}
.quick-tag{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#DDE7F5;padding:7px 14px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:7px}
.quick-tag i{color:var(--primary-red);font-size:.75rem}
.quick-tag:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-2px)}
.quick-tag:hover i{color:white}
.chip-float{position:absolute;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:11px 15px 11px 11px;display:flex;align-items:center;gap:11px;box-shadow:0 22px 45px -18px rgba(0,0,0,.6);animation:bobChip 5.5s ease-in-out infinite;z-index:3}
.chip-float:nth-child(1){top:20%;left:4%}
.chip-float:nth-child(2){top:55%;right:5%;animation-delay:1.2s}
.chip-float:nth-child(3){bottom:22%;left:8%;animation-delay:2.4s}
.chip-float:nth-child(4){bottom:30%;right:9%;animation-delay:3.6s}
@keyframes bobChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.chip-float__img{width:44px;height:44px;border-radius:10px;background-size:cover;background-position:center;flex-shrink:0;border:1px solid rgba(15,23,42,.1)}
.chip-float__txt h4{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);white-space:nowrap}
.chip-float__txt span{font-size:.68rem;color:var(--text-gray);font-weight:600;white-space:nowrap}
.chip-float__txt span em{color:var(--primary-red);font-style:normal;font-weight:800}

/* ============ TRUST ============ */
.trust-overlap{position:relative;z-index:10;margin-top:-90px;padding:0 20px}
.trust-panel{max-width:1300px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 30px 70px -30px rgba(15,23,42,.35);padding:36px 30px;position:relative;overflow:hidden;animation:trustRise .9s .2s cubic-bezier(.34,1.56,.64,1) both}
@keyframes trustRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.trust-panel::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:280px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-red),transparent)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-item{text-align:center;padding:8px 20px;position:relative;cursor:pointer;opacity:0;animation:trustItemIn .8s cubic-bezier(.34,1.56,.64,1) forwards;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.trust-item:nth-child(1){animation-delay:.35s}.trust-item:nth-child(2){animation-delay:.48s}.trust-item:nth-child(3){animation-delay:.61s}.trust-item:nth-child(4){animation-delay:.74s}
@keyframes trustItemIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.trust-item:hover{transform:translateY(-8px)}
.trust-item:not(:last-child)::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:linear-gradient(180deg,transparent,#e2e8f0 25%,#e2e8f0 75%,transparent)}
.trust-icon{width:92px;height:92px;margin:0 auto 20px;position:relative;border-radius:50%;background:radial-gradient(circle at 30% 25%, #fff 0%, #eef2f7 60%, #e4eaf3 100%);display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-icon{transform:scale(1.12) rotate(-8deg);background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 20px 45px -12px rgba(211,47,47,.65)}
.trust-icon svg{width:40px;height:40px;stroke:#0f172a;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:iconFloat 4.6s ease-in-out infinite;transition:stroke .4s ease}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.trust-item:hover .trust-icon svg{stroke:#fff}
.trust-badge{position:absolute;top:-4px;right:-10px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 11px;border-radius:999px;border:2px solid #fff;box-shadow:0 6px 18px -4px rgba(211,47,47,.65);animation:badgeBounce 3s ease-in-out infinite}
@keyframes badgeBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}
.trust-item:hover .trust-badge{animation:none;background:#fff;color:var(--primary-red);border-color:var(--primary-red);transform:translateY(-4px) scale(1.12)}
.trust-title{font-family:'Montserrat',sans-serif;font-size:.92rem;font-weight:800;color:#0f172a;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:10px;position:relative;display:inline-block}
.trust-title::after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,var(--primary-red),#FF8B94);transform:translateX(-50%);transition:width .4s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-title{color:var(--primary-red)}
.trust-item:hover .trust-title::after{width:60%}
.trust-desc{font-size:.86rem;color:var(--text-gray);line-height:1.65;max-width:250px;margin:0 auto}

/* ============ OFFER STRIP ============ */
.offer-strip{position:relative;background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#2a1a1a 100%);padding:22px 0;overflow:hidden;border-top:3px solid var(--primary-red);border-bottom:3px solid var(--primary-red);margin-top:60px}
.offer-strip-inner{display:flex;align-items:center;gap:20px;position:relative;z-index:2}
.offer-strip-tag{background:var(--primary-red);color:white;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:8px 16px;border-radius:6px;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;gap:8px}
.offer-strip-tag i{animation:rotate360 3s linear infinite}
@keyframes rotate360{to{transform:rotate(360deg)}}
.offer-marquee{flex:1;overflow:hidden;position:relative}
.offer-marquee::before,.offer-marquee::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.offer-marquee::before{left:0;background:linear-gradient(90deg,#0f172a,transparent)}
.offer-marquee::after{right:0;background:linear-gradient(90deg,transparent,#0f172a)}
.offer-track{display:flex;gap:50px;white-space:nowrap;animation:offerScroll 30s linear infinite;align-items:center}
.offer-marquee:hover .offer-track{animation-play-state:paused}
@keyframes offerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.offer-item{display:inline-flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.92rem;color:#E5EDF9}
.offer-item i{color:var(--primary-red);font-size:1rem}
.offer-item strong{color:#FF8B94;font-weight:900;padding:2px 8px;background:rgba(211,47,47,.2);border-radius:5px}
.offer-item em{font-style:normal;color:#FFD166;font-weight:800}

/* ============ SECTION HEADER ============ */
.section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
@keyframes naKickerIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:14px;animation:naTitleIn .8s .08s both}
.section-title span{color:var(--primary-red);position:relative;display:inline-block}
.section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes titleUnderline{to{transform:skewX(-15deg) scaleX(1)}}
@keyframes naTitleIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.section-sub{color:var(--text-gray);font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.7;animation:naTitleIn .8s .16s both}
.section-sub b{color:var(--dark-navy);font-weight:700}

/* ============ NEW ARRIVALS ============ */
.new-arrivals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.na-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:44px}
.na-tab{background:#fff;border:1.5px solid var(--light-gray);color:var(--text-dark);padding:11px 22px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:8px}
.na-tab i{font-size:.8rem;color:var(--text-gray)}
.na-tab:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px)}
.na-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);transform:translateY(-3px) scale(1.03)}
.na-tab.active i{color:#fff}
.na-tab__count{background:rgba(0,0,0,.08);padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:800}
.na-tab.active .na-tab__count{background:rgba(255,255,255,.22)}
.na-carousel{position:relative;padding:0 56px}
.na-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px) / 5);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:12px 4px 22px;scrollbar-width:none}
.na-track::-webkit-scrollbar{display:none}
.na-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:0 0 14px;scroll-snap-align:start;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(35px)}
.na-card.revealed{opacity:1;transform:translateY(0)}
.na-card:hover{border-color:var(--primary-red);box-shadow:0 30px 55px -22px rgba(211,47,47,.35);transform:translateY(-10px)}
.na-img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);aspect-ratio:1;overflow:hidden;margin-bottom:14px}
.na-img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:all .7s cubic-bezier(.34,1.56,.64,1);opacity:0}
.na-img-wrap img.active{opacity:1}
.na-card:hover .na-img-wrap img.active{transform:scale(1.13)}
.na-sale{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#FF6B6B,#d32f2f);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:5}
.na-free{position:absolute;bottom:14px;left:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:6px 9px;border-radius:7px;text-transform:uppercase;z-index:5;display:flex;align-items:center;gap:5px}
.na-body{padding:0 14px;display:flex;flex-direction:column;flex:1}
.na-title-card{font-size:.84rem;font-weight:600;color:#374151;line-height:1.45;min-height:2.9em;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.na-card:hover .na-title-card{color:var(--primary-red)}
.na-stars{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#d1d5db;margin-bottom:12px}
.na-stars .filled{color:var(--star-gold)}
.na-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.na-price{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--primary-red)}
.na-old{font-size:.78rem;color:#94a3b8;text-decoration:line-through}
.na-add-btn{flex:1;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;border-radius:10px;color:#fff;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:all .35s ease;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:7px}
.na-add-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px rgba(211,47,47,.75)}
.na-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;z-index:5;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.na-nav:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-50%) scale(1.14)}
.na-nav--prev{left:0}.na-nav--next{right:0}
.view-all{display:flex;justify-content:center;margin-top:48px}
.view-all a{display:inline-flex;align-items:center;gap:12px;padding:15px 36px;border-radius:999px;background:#fff;border:2px solid var(--dark-navy);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;transition:all .45s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.view-all a::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover::before{transform:scaleX(1)}
.view-all a span,.view-all a i{position:relative;z-index:1}
.view-all a:hover{color:#fff;border-color:var(--primary-red)}
.view-all a i{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover i{transform:translateX(6px)}

/* ============ BRAND BANNERS ============ */
.brand-banners{padding:90px 0 100px;background:radial-gradient(900px 400px at 30% 0%, rgba(211,47,47,.05) 0%, transparent 60%),radial-gradient(900px 400px at 70% 100%, rgba(15,23,42,.05) 0%, transparent 60%),#f8fafc;position:relative;overflow:hidden}
.bb-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.bb-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/8.5;min-height:260px;cursor:pointer;isolation:isolate;box-shadow:0 20px 45px -22px rgba(15,23,42,.4);opacity:0;transform:translateY(35px)}
.bb-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover{transform:translateY(-8px);box-shadow:0 40px 70px -26px rgba(15,23,42,.6),0 0 0 2px var(--bb-accent,var(--primary-red))}
.bb-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:bbKenBurns 22s ease-in-out infinite alternate;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1)}
@keyframes bbKenBurns{0%{transform:scale(1)}100%{transform:scale(1.08) translate(-8px,-6px)}}
.bb-card:hover .bb-img{transform:scale(1.15) translate(-10px,-8px)}
.bb-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(15,23,42,.9),rgba(15,23,42,.75) 32%,rgba(15,23,42,.35) 58%,rgba(15,23,42,.05))}
.bb-content{position:relative;z-index:2;padding:32px 36px;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:70%}
.bb-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#E5EDF9;padding:5px 12px 5px 9px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:14px;align-self:flex-start;transition:all .4s ease}
.bb-tag__dot{width:6px;height:6px;border-radius:50%;background:var(--bb-accent,var(--primary-red))}
.bb-card:hover .bb-tag{background:var(--bb-accent,var(--primary-red));border-color:var(--bb-accent,var(--primary-red));color:#fff;transform:translateX(4px)}
.bb-headline{font-family:'Montserrat',sans-serif;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;color:#E5EDF9;line-height:1.2;margin-bottom:6px}
.bb-brand{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,2.9vw,2.3rem);font-weight:900;color:var(--bb-accent,var(--primary-red));letter-spacing:-.02em;line-height:1.05;margin-bottom:14px;text-shadow:0 4px 18px rgba(0,0,0,.5);position:relative;display:inline-block;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.bb-brand::after{content:"";position:absolute;bottom:-6px;left:0;height:3px;width:44px;background:var(--bb-accent,var(--primary-red));border-radius:2px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover .bb-brand{transform:translateX(3px)}
.bb-card:hover .bb-brand::after{width:80px}
.bb-text{font-size:.86rem;color:#B6C6DE;line-height:1.6;margin-bottom:22px;max-width:420px}
.bb-cta{display:inline-flex;align-items:center;gap:11px;background:linear-gradient(135deg,var(--bb-accent,var(--primary-red)),#8c1a1a);color:#fff;padding:12px 24px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(6px);opacity:.85}
.bb-card:hover .bb-cta{transform:translateY(0);opacity:1}
.bb-count{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.95);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:900;padding:8px 13px;border-radius:999px;z-index:4;display:flex;align-items:center;gap:7px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.bb-count i{color:var(--bb-accent,var(--primary-red));font-size:.7rem}
.bb-card:hover .bb-count{background:var(--bb-accent,var(--primary-red));color:#fff;transform:translateY(-4px) scale(1.06)}
.bb-card:hover .bb-count i{color:#fff}

/* ============ CATEGORIES ============ */
.categories{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cat-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1/1.05;cursor:pointer;isolation:isolate;background:#fff;box-shadow:0 12px 30px -18px rgba(15,23,42,.35);opacity:0;transform:translateY(35px)}
.cat-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover{transform:translateY(-10px);box-shadow:0 40px 70px -28px rgba(15,23,42,.55),0 0 0 2px var(--cat-accent,var(--primary-red))}
.cat-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:catKenBurns 20s ease-in-out infinite alternate}
@keyframes catKenBurns{0%{transform:scale(1)}100%{transform:scale(1.1) translate(-6px,-6px)}}
.cat-card:hover .cat-img{transform:scale(1.2) translate(-10px,-10px)}
.cat-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,23,42,.15) 0%,rgba(15,23,42,.45) 45%,rgba(15,23,42,.92) 100%)}
.cat-content{position:absolute;inset:auto 0 0 0;padding:24px 22px;z-index:2;display:flex;flex-direction:column;gap:6px}
.cat-icon-wrap{position:absolute;top:18px;left:18px;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--cat-accent,var(--primary-red));font-size:1.3rem;z-index:3;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-icon-wrap{background:var(--cat-accent,var(--primary-red));color:#fff;transform:rotate(-10deg) scale(1.08)}
.cat-name{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:#fff;letter-spacing:-.01em;line-height:1.15;text-shadow:0 4px 14px rgba(0,0,0,.5);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-name{transform:translateY(-3px)}
.cat-count{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#B6C6DE}
.cat-count b{color:var(--cat-accent,var(--primary-red));font-weight:900;background:rgba(255,255,255,.12);padding:2px 8px;border-radius:999px}
.cat-arrow{position:absolute;bottom:24px;right:22px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.9rem;z-index:3;opacity:0;transform:translateX(12px) scale(.9);transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-arrow{opacity:1;transform:translateX(0) scale(1);background:var(--cat-accent,var(--primary-red));color:#fff}
.cat-badge{position:absolute;top:18px;right:18px;background:linear-gradient(135deg,var(--cat-accent,var(--primary-red)),#8c1a1a);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.2px;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:3;display:flex;align-items:center;gap:5px;animation:catBadgePulse 2.8s ease-in-out infinite}
@keyframes catBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* ============ PRODUCT SLIDER ============ */
.product-slider{position:relative;padding:0;background:#0f172a;overflow:hidden;isolation:isolate;min-height:640px;display:flex;align-items:center}
.product-slider__header{position:absolute;top:34px;left:0;right:0;z-index:5;text-align:center;padding:0 20px}
.product-slider__kicker{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#E5EDF9;padding:6px 16px 6px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:12px;backdrop-filter:blur(10px)}
.product-slider__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.product-slider__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.product-slider__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}
.product-slider__title span{color:var(--primary-red)}
.ps-viewport{position:absolute;inset:0;overflow:hidden;z-index:1}
.ps-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:translateX(100%) scale(1.08);transition:opacity 1.1s cubic-bezier(.7,0,.3,1),transform 1.3s cubic-bezier(.7,0,.3,1)}
.ps-slide.is-active{opacity:1;transform:translateX(0) scale(1);animation:psKenBurns 9s ease-out forwards}
.ps-slide.is-prev{opacity:0;transform:translateX(-100%) scale(1.08)}
@keyframes psKenBurns{0%{background-size:100% auto}100%{background-size:112% auto}}
.ps-slide::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 25% 60%, rgba(211,47,47,.28) 0%, transparent 65%),linear-gradient(95deg,rgba(15,23,42,.95) 0%,rgba(15,23,42,.8) 32%,rgba(15,23,42,.4) 58%,rgba(15,23,42,.1) 100%)}
.ps-inner{position:relative;z-index:3;max-width:1300px;margin:0 auto;padding:140px 20px 120px;width:100%;display:flex;align-items:center;min-height:640px}
.ps-content{max-width:600px;opacity:0;transform:translateX(-40px)}
.ps-slide.is-active .ps-content{animation:psContentIn .9s .35s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psContentIn{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}
.ps-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.ps-tag__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.ps-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2.2rem,4.4vw,3.8rem);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.05;text-transform:uppercase;margin-bottom:16px;text-shadow:0 6px 26px rgba(0,0,0,.5)}
.ps-headline span{color:var(--primary-red)}
.ps-sub{font-family:'Montserrat',sans-serif;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;color:#E5EDF9;line-height:1.35;margin-bottom:22px;max-width:520px}
.ps-desc{font-size:1rem;color:#B6C6DE;line-height:1.7;margin-bottom:32px;max-width:520px}
.ps-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ps-btn{display:inline-flex;align-items:center;gap:11px;padding:15px 30px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none}
.ps-btn--primary{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;box-shadow:0 14px 30px -10px rgba(211,47,47,.85)}
.ps-btn--primary:hover{transform:translateY(-4px)}
.ps-btn--ghost{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px)}
.ps-btn--ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-4px)}
.ps-product-card{position:absolute;right:8%;top:50%;transform:translateY(-50%) translateX(60px) scale(.92);opacity:0;width:280px;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);z-index:4;pointer-events:none}
.ps-slide.is-active .ps-product-card{animation:psCardIn 1s .55s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psCardIn{to{transform:translateY(-50%) translateX(0) scale(1);opacity:1}}
.ps-product-card__img{width:100%;aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center;margin-bottom:14px;position:relative;overflow:hidden}
.ps-product-card__badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:2}
.ps-product-card__name{font-size:.86rem;font-weight:600;color:#374151;line-height:1.4;min-height:2.6em;margin-bottom:10px}
.ps-product-card__price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
.ps-product-card__price{font-family:'Montserrat',sans-serif;font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-product-card__old{font-size:.75rem;color:#94a3b8;text-decoration:line-through}
.ps-product-card__rating{display:flex;gap:2px;font-size:.72rem;color:var(--star-gold);margin-bottom:14px}
.ps-product-card__rating span{color:var(--text-gray);font-size:.68rem;margin-left:5px}
.ps-product-card__btn{width:100%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;color:#fff;padding:11px 14px;border-radius:10px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .35s ease;pointer-events:auto}
.ps-product-card__btn:hover{transform:translateY(-2px)}
.ps-counter{position:absolute;top:34px;right:30px;z-index:6;font-family:'Montserrat',sans-serif;color:#fff;display:flex;align-items:baseline;gap:4px;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-counter__current{font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-counter__sep{color:rgba(255,255,255,.35);font-size:.85rem;margin:0 3px}
.ps-counter__total{font-size:.85rem;font-weight:700;color:#B6C6DE}
.ps-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;font-size:1.05rem;z-index:7;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.ps-arrow:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-50%) scale(1.12)}
.ps-arrow--prev{left:26px}
.ps-arrow--next{right:26px}
.ps-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.1);z-index:8;overflow:hidden}
.ps-progress__fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--primary-red),#FF8B94)}
.ps-dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:7;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 14px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.3);cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;padding:0}
.ps-dot.active{background:var(--primary-red);width:28px}

/* ============ SHARED 3-COL WRAP ============ */
.mega-deals,.electrical-section{padding:90px 0 100px;position:relative;overflow:hidden}
.mega-deals{background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.electrical-section{background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#fff 0%,#fafafa 100%)}
.mega-deals::before,.electrical-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.025) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.md-section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.md-section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.md-section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
.md-section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:16px;animation:naTitleIn .8s .08s both}
.md-section-title span{color:var(--primary-red);position:relative;display:inline-block}
.md-section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
.md-section-sub{color:var(--text-gray);font-size:.98rem;max-width:680px;margin:0 auto 32px;line-height:1.75;animation:naTitleIn .8s .16s both}
.md-section-sub b{color:var(--dark-navy);font-weight:700}
.md-features{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px;margin-bottom:52px;position:relative;z-index:2;animation:naTitleIn .8s .24s both}
.md-feature{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;color:#475569;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #eef1f6;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.md-feature i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.62rem;display:flex;align-items:center;justify-content:center}
.md-feature:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.4);color:var(--primary-red);box-shadow:0 10px 22px -12px rgba(211,47,47,.4)}
.md-wrap{display:grid;grid-template-columns:260px 320px 1fr;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -34px rgba(15,23,42,.32);background:#fff;opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2;border:1px solid #eef1f6}
.md-wrap.revealed{opacity:1;transform:translateY(0)}
.md-cats{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);padding:38px 30px;border-right:1px solid #eef1f6;display:flex;flex-direction:column;position:relative}
.md-cats::before{content:"";position:absolute;right:-1px;top:38px;bottom:38px;width:2px;background:linear-gradient(180deg,transparent,var(--primary-red) 30%,var(--primary-red) 70%,transparent);opacity:.15;transition:opacity .4s ease}
.md-cats:hover::before{opacity:.4}
.md-cats__label{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--text-gray);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.md-cats__label::before{content:"";width:14px;height:2px;background:var(--primary-red);border-radius:2px}
.md-cats__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary-red);margin-bottom:32px;letter-spacing:-.015em;line-height:1.15;position:relative}
.md-cats__title::after{content:"";position:absolute;left:0;bottom:-10px;width:36px;height:3px;background:var(--primary-red);border-radius:2px;animation:mdTitleLine 3s ease-in-out infinite}
@keyframes mdTitleLine{0%,100%{width:36px;opacity:.85}50%{width:58px;opacity:1}}
.md-cats__list{display:flex;flex-direction:column;gap:4px;flex:1}
.md-cat{font-size:.92rem;font-weight:500;color:#6b7280;padding:11px 14px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;border-radius:10px;background:transparent;border:1.5px solid transparent;font-family:'Poppins',sans-serif}
.md-cat__icon{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat__txt{flex:1;text-align:left;line-height:1.3}
.md-cat__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.md-cat:hover{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.15);transform:translateX(6px)}
.md-cat:hover .md-cat__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.md-cat:hover .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat.active{background:linear-gradient(135deg,rgba(211,47,47,.08),rgba(211,47,47,.04));color:var(--primary-red);border-color:rgba(211,47,47,.25);font-weight:700;transform:translateX(6px);box-shadow:0 8px 20px -12px rgba(211,47,47,.5)}
.md-cat.active .md-cat__icon{background:var(--primary-red);color:#fff;animation:mdCatIconPulse 2s ease-in-out infinite}
@keyframes mdCatIconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1) rotate(-6deg)}}
.md-cat.active .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat--view{margin-top:auto;color:var(--dark-navy);font-weight:700;padding:14px;margin-top:24px;border-top:1px solid #eef1f6;border-radius:0;display:inline-flex;align-items:center;gap:10px;font-size:.85rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat--view__badge{margin-left:auto;background:#f1f5f9;color:#64748b;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:1.2px;text-transform:uppercase}
.md-cat--view:hover{background:transparent;color:var(--primary-red);border-color:transparent;transform:translateX(6px)}
.md-cat--view:hover .md-cat--view__badge{background:var(--primary-red);color:#fff}
.md-cat--view i{font-size:.75rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat--view:hover i{transform:translateX(4px)}
.md-promo{position:relative;background:radial-gradient(400px 300px at 50% 100%, rgba(211,47,47,.22) 0%, transparent 70%),linear-gradient(160deg,#FFE9E5 0%,#FFD9D4 55%,#FFC8C2 100%);overflow:hidden;padding:38px 30px 0;isolation:isolate;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start}
.md-promo__badge{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.9);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 12px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(211,47,47,.4);z-index:3;animation:mdPromoBadgePulse 3s ease-in-out infinite}
@keyframes mdPromoBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.md-promo__img{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:120%;height:auto;max-height:70%;background-size:contain;background-repeat:no-repeat;background-position:center bottom;z-index:-1;transition:transform .9s cubic-bezier(.34,1.56,.64,1);animation:mdPromoFloat 6s ease-in-out infinite}
@keyframes mdPromoFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
.md-promo:hover .md-promo__img{transform:translateX(-50%) translateY(-14px) scale(1.06);animation:none}
.md-promo__content{position:relative;z-index:2;margin-bottom:auto}
.md-promo__tag{display:inline-flex;align-items:center;gap:7px;background:rgba(211,47,47,.1);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:14px;border:1px solid rgba(211,47,47,.2)}
.md-promo__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-promo__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:#111827;line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}
.md-promo__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.md-promo__title em::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:6px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg)}
.md-promo__sub{font-size:.88rem;color:#4b5563;line-height:1.55;margin-bottom:20px;max-width:240px}
.md-promo__stats{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.md-promo__stat{display:flex;align-items:center;gap:9px;font-size:.74rem;color:#475569;font-weight:600}
.md-promo__stat i{width:20px;height:20px;border-radius:50%;background:#fff;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0;box-shadow:0 4px 10px -3px rgba(211,47,47,.3)}
.md-promo__cta{display:inline-flex;align-items:center;gap:9px;background:var(--primary-red);color:#fff;padding:11px 22px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(211,47,47,.7);position:relative;overflow:hidden}
.md-promo__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.md-promo__cta:hover::before{left:100%}
.md-promo__cta:hover{transform:translateY(-3px);box-shadow:0 16px 32px -10px rgba(211,47,47,.9)}
.md-promo__cta i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.md-promo__cta:hover i{transform:translateX(4px)}
.md-products{background:#f8f9fb;padding:28px 30px 30px;display:flex;flex-direction:column;position:relative}
.md-products__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid #eef1f6}
.md-products__title{display:flex;flex-direction:column;gap:4px}
.md-products__title h4{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block}
.md-products__title h4::after{content:"";position:absolute;bottom:-6px;left:0;width:34px;height:2px;background:var(--primary-red);border-radius:2px;animation:mdHeadLine 3s ease-in-out infinite}
@keyframes mdHeadLine{0%,100%{width:34px;opacity:.75}50%{width:56px;opacity:1}}
.md-products__title span{font-size:.7rem;color:var(--text-gray);font-weight:500;margin-top:6px}
.md-nav{display:flex;gap:6px;align-items:center}
.md-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.md-nav__info b{color:var(--primary-red)}
.md-nav__btn{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.md-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.12)}
.md-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.md-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;position:relative;margin-top:20px}
.md-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden}
@keyframes mdCardIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.md-card:hover{transform:translateY(-6px);border-color:rgba(211,47,47,.35);box-shadow:0 25px 50px -26px rgba(211,47,47,.45),0 8px 16px -8px rgba(15,23,42,.08)}
.md-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-red),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.34,1.56,.64,1);border-radius:12px 12px 0 0}
.md-card:hover::before{transform:scaleX(1)}
.md-card__top{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.md-card__img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:9px;overflow:hidden;aspect-ratio:1;align-self:center}
.md-card__img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.md-card:hover .md-card__img{transform:scale(1.14) rotate(-1deg)}
.md-card__free{position:absolute;top:6px;left:6px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.48rem;font-weight:900;line-height:1.15;padding:5px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.4px;z-index:3;box-shadow:0 5px 12px -3px rgba(211,47,47,.6);animation:mdFreePulse 2.4s ease-in-out infinite}
@keyframes mdFreePulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}
.md-card__zoom{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.7rem;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:4;box-shadow:0 4px 10px rgba(0,0,0,.08)}
.md-card__zoom:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.18) rotate(-10deg)}
.md-card__info{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:6px}
.md-card__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:5px}
.md-card__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.md-card__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.md-card:hover .md-card__title{color:var(--primary-red)}
.md-card__stars{display:flex;gap:2px;color:#d1d5db;font-size:.65rem}
.md-card__stars .filled{color:var(--star-gold)}
.md-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:2px;flex-wrap:wrap}
.md-card__price{font-family:'Montserrat',sans-serif;font-size:.96rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.md-card__old{font-size:.7rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.md-card__price--call{font-size:.82rem;font-weight:800;color:var(--dark-navy)}
.md-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9;font-size:.65rem;color:var(--text-gray);font-weight:500}
.md-card__meta-item{display:inline-flex;align-items:center;gap:5px}
.md-card__meta-item i{font-size:.62rem;color:#94a3b8}
.md-card__stock{display:inline-flex;align-items:center;gap:5px;color:#16a34a;font-weight:700}
.md-card__stock i{font-size:.5rem;color:#16a34a;animation:mdStockBlink 1.6s ease-in-out infinite}
@keyframes mdStockBlink{0%,100%{opacity:1}50%{opacity:.4}}
.md-card__stock--low{color:#eab308}
.md-card__stock--low i{color:#eab308}
.md-assurance{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;padding:22px 26px;background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 12px 30px -22px rgba(15,23,42,.18);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .3s cubic-bezier(.34,1.56,.64,1)}
.md-assurance.revealed{opacity:1;transform:translateY(0)}
.md-assurance__item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-right:1px solid #eef1f6;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.md-assurance__item:last-child{border-right:none}
.md-assurance__item:hover{transform:translateY(-3px)}
.md-assurance__icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-assurance__item:hover .md-assurance__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.md-assurance__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;color:var(--dark-navy);letter-spacing:.3px;margin-bottom:2px}
.md-assurance__txt span{font-size:.66rem;color:var(--text-gray);font-weight:500}

/* ============================================================
   ELECTRICAL & LIGHTING — RED + BLACK + WHITE
   ============================================================ */
.el-header{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin-bottom:50px;position:relative;z-index:2;padding-bottom:32px;border-bottom:1px solid #eef1f6}
.el-header__left{animation:naTitleIn .8s .05s cubic-bezier(.4,0,.2,1) both}
.el-header__right{animation:naTitleIn .8s .15s cubic-bezier(.4,0,.2,1) both}
.el-header__kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.el-header__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-header__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.el-header__title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.08;margin-bottom:14px}
.el-header__title span{color:var(--primary-red);position:relative;display:inline-block}
.el-header__title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .5s cubic-bezier(.34,1.56,.64,1) forwards}
.el-header__lead{font-size:.95rem;color:var(--text-gray);line-height:1.7;max-width:520px}
.el-header__lead b{color:var(--dark-navy);font-weight:700}
.el-header__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.el-stat{background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.35);box-shadow:0 14px 30px -18px rgba(211,47,47,.35)}
.el-stat__icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover .el-stat__icon{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;transform:rotate(-8deg) scale(1.08)}
.el-stat__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;line-height:1.2;margin-bottom:2px}
.el-stat__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}
.el-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px;position:relative;z-index:2;animation:naTitleIn .8s .25s cubic-bezier(.4,0,.2,1) both}
.el-tab{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #eef1f6;color:#475569;padding:12px 20px 12px 14px;border-radius:999px;font-family:'Poppins',sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-tab__icon{width:26px;height:26px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.68rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-tab__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.el-tab:hover{border-color:rgba(211,47,47,.35);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(211,47,47,.35)}
.el-tab:hover .el-tab__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.el-tab:hover .el-tab__count{background:var(--primary-red);color:#fff}
.el-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 16px 32px -12px rgba(211,47,47,.55);transform:translateY(-3px) scale(1.02)}
.el-tab.active .el-tab__icon{background:rgba(255,255,255,.2);color:#fff}
.el-tab.active .el-tab__count{background:rgba(255,255,255,.25);color:#fff}
.el-feature-banner{position:relative;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;min-height:280px;margin-bottom:34px;background:radial-gradient(500px 400px at 90% 100%, rgba(211,47,47,.12) 0%, transparent 70%),linear-gradient(120deg,#ffffff 0%,#fef5f5 45%,#fde8e8 100%);border:1px solid rgba(211,47,47,.15);box-shadow:0 30px 70px -34px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.el-feature-banner.revealed{opacity:1;transform:translateY(0)}
.el-feature-banner::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));z-index:4}
.el-feature-banner__content{padding:38px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;max-width:520px}
.el-feature-banner__tag{display:inline-flex;align-items:center;gap:8px;background:rgba(211,47,47,.1);color:var(--primary-red);padding:6px 14px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:16px;align-self:flex-start;border:1px solid rgba(211,47,47,.25);transition:all .4s ease}
.el-feature-banner__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-feature-banner:hover .el-feature-banner__tag{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}
.el-feature-banner:hover .el-feature-banner__tag__dot{background:#fff}
.el-feature-banner__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:900;color:var(--dark-navy);line-height:1.15;letter-spacing:-.02em;margin-bottom:12px}
.el-feature-banner__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.el-feature-banner__title em::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:8px;background:rgba(211,47,47,.2);z-index:-1;transform:skewX(-15deg)}
.el-feature-banner__sub{font-size:.9rem;color:#4b5563;line-height:1.6;margin-bottom:22px;max-width:380px}
.el-feature-banner__cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;padding:12px 26px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);position:relative;overflow:hidden}
.el-feature-banner__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.el-feature-banner:hover .el-feature-banner__cta::before{left:100%}
.el-feature-banner__cta:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.8)}
.el-feature-banner__cta i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.el-feature-banner__cta:hover i{transform:translateX(4px)}
.el-feature-banner__visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.el-feature-banner__visual::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 240px at 50% 50%, rgba(211,47,47,.15) 0%, transparent 70%);z-index:1;opacity:.7;transition:opacity .5s ease}
.el-feature-banner:hover .el-feature-banner__visual::before{opacity:1}
.el-feature-banner__img{position:relative;z-index:2;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1);animation:elBannerFloat 6s ease-in-out infinite}
@keyframes elBannerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.el-feature-banner:hover .el-feature-banner__img{transform:scale(1.08) translateY(-14px);animation:none}
.el-feature-banner__badge{position:absolute;top:22px;right:22px;background:var(--dark-navy);color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:8px 14px;border-radius:999px;z-index:5;box-shadow:0 10px 22px -8px rgba(15,23,42,.5);animation:mdPromoBadgePulse 3s ease-in-out infinite}
.el-products-panel{background:#fff;border:1px solid #eef1f6;border-radius:22px;padding:28px 30px 30px;box-shadow:0 20px 50px -34px rgba(15,23,42,.2);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s .1s cubic-bezier(.34,1.56,.64,1)}
.el-products-panel.revealed{opacity:1;transform:translateY(0)}
.el-products-panel__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #eef1f6;flex-wrap:wrap;gap:14px}
.el-products-panel__title{display:flex;align-items:center;gap:14px}
.el-products-panel__title h4{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block;padding-left:20px}
.el-products-panel__title h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--primary-red);animation:mdStockBlink 1.6s ease-in-out infinite}
.el-products-panel__title span{font-size:.72rem;color:var(--text-gray);font-weight:500;padding-left:18px;border-left:1px solid #eef1f6}
.el-nav{display:flex;gap:6px;align-items:center}
.el-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.el-nav__info b{color:var(--primary-red)}
.el-nav__btn{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.el-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}
.el-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.el-grid-new{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.el-card-new{background:#fff;border:1px solid #eef1f6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards}
.el-card-new:hover{border-color:rgba(211,47,47,.4);transform:translateY(-8px);box-shadow:0 30px 55px -28px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.el-card-new__img-wrap{position:relative;aspect-ratio:1.2/1;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.el-card-new__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__img{transform:scale(1.12) rotate(-1deg)}
.el-card-new__free{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase;line-height:1.15;padding:6px 8px;border-radius:6px;z-index:3;box-shadow:0 8px 18px -6px rgba(211,47,47,.7);animation:mdFreePulse 2.4s ease-in-out infinite}
.el-card-new__discount{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:3;letter-spacing:.4px;box-shadow:0 8px 18px -6px rgba(15,23,42,.6);animation:salePop 2.6s ease-in-out infinite}
@keyframes salePop{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.el-card-new__quick{position:absolute;bottom:12px;right:12px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;z-index:3;opacity:0;transform:translateY(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.el-card-new:hover .el-card-new__quick{opacity:1;transform:translateY(0) scale(1)}
.el-card-new__quick:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.15) rotate(-10deg) !important}
.el-card-new__wish{position:absolute;top:12px;right:52px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.72rem;cursor:pointer;z-index:3;opacity:0;transform:translateX(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 14px rgba(0,0,0,.1)}
.el-card-new:hover .el-card-new__wish{opacity:1;transform:translateX(0) scale(1)}
.el-card-new__wish:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.el-card-new__wish.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff;opacity:1;transform:translateX(0) scale(1)}
.el-card-new__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.el-card-new__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:6px}
.el-card-new__cat::before{content:"";width:12px;height:2px;background:var(--primary-red);border-radius:2px}
.el-card-new__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.3em}
.el-card-new:hover .el-card-new__title{color:var(--primary-red)}
.el-card-new__stars{display:flex;align-items:center;gap:3px;font-size:.65rem;color:#d1d5db}
.el-card-new__stars .filled{color:var(--star-gold)}
.el-card-new__stars span{color:var(--text-gray);font-size:.62rem;margin-left:4px;font-weight:500}
.el-card-new__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid #f1f5f9}
.el-card-new__price{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.el-card-new__old{font-size:.72rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.el-card-new__price--call{font-size:.86rem;font-weight:800;color:var(--dark-navy)}
.el-card-new__stock{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;color:#16a34a;margin-top:-2px}
.el-card-new__stock i{font-size:.5rem;animation:mdStockBlink 1.6s ease-in-out infinite}
.el-card-new__stock--low{color:#eab308}
.el-assurance-new{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;background:linear-gradient(135deg,#ffffff,#fafafa);border:1px solid #eef1f6;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 20px 45px -30px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .2s cubic-bezier(.34,1.56,.64,1)}
.el-assurance-new.revealed{opacity:1;transform:translateY(0)}
.el-assurance-new__item{display:flex;align-items:center;gap:14px;padding:22px 22px;border-right:1px solid #eef1f6;transition:background .35s ease;position:relative;cursor:default}
.el-assurance-new__item:last-child{border-right:none}
.el-assurance-new__item:hover{background:linear-gradient(135deg,#fafafa,#fef5f5)}
.el-assurance-new__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(15,23,42,.6)}
.el-assurance-new__item:hover .el-assurance-new__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:rotate(-10deg) scale(1.08);box-shadow:0 10px 22px -10px rgba(211,47,47,.6)}
.el-assurance-new__txt{line-height:1.25}
.el-assurance-new__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;margin-bottom:3px}
.el-assurance-new__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}

/* ============================================================
   BLOG SECTION
   ============================================================ */
.blog-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.04) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.blog-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.025) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.blog-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:44px;position:relative;z-index:2;animation:naTitleIn .8s .24s cubic-bezier(.4,0,.2,1) both}
.blog-tab{background:#fff;border:1.5px solid var(--light-gray);color:var(--text-dark);padding:11px 22px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.blog-tab i{font-size:.8rem;color:var(--text-gray);transition:color .3s ease}
.blog-tab:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px)}
.blog-tab:hover i{color:var(--primary-red)}
.blog-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);transform:translateY(-3px) scale(1.03)}
.blog-tab.active i{color:#fff}
.blog-tab__count{background:rgba(0,0,0,.08);padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:800}
.blog-tab.active .blog-tab__count{background:rgba(255,255,255,.22)}
.blog-featured{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #eef1f6;box-shadow:0 24px 60px -34px rgba(15,23,42,.28);margin-bottom:34px;position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.blog-featured.revealed{opacity:1;transform:translateY(0)}
.blog-featured:hover{box-shadow:0 40px 80px -34px rgba(211,47,47,.35),0 0 0 2px rgba(211,47,47,.2);transform:translateY(-6px)}
.blog-featured__visual{position:relative;overflow:hidden;min-height:380px}
.blog-featured__img{position:absolute;inset:-4%;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1);animation:blogKenBurns 22s ease-in-out infinite alternate}
@keyframes blogKenBurns{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.08) translate(-8px,-6px)}}
.blog-featured:hover .blog-featured__img{transform:scale(1.14) translate(-10px,-8px);animation:none}
.blog-featured__visual::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,23,42,.75) 0%,rgba(15,23,42,.35) 45%,rgba(15,23,42,.05) 100%);z-index:1}
.blog-featured__badge{position:absolute;top:22px;left:22px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:7px 14px;border-radius:999px;z-index:3;box-shadow:0 10px 22px -8px rgba(211,47,47,.7);animation:blogBadgePulse 2.8s ease-in-out infinite;display:flex;align-items:center;gap:6px}
@keyframes blogBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.blog-featured__content{padding:44px 44px 44px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(400px 300px at 100% 100%, rgba(211,47,47,.05) 0%, transparent 70%),#fff}
.blog-featured__meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:16px;font-size:.72rem;font-weight:600;color:var(--text-gray)}
.blog-featured__meta-item{display:inline-flex;align-items:center;gap:6px}
.blog-featured__meta-item i{color:var(--primary-red);font-size:.7rem}
.blog-featured__meta-cat{background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);padding:4px 11px;border-radius:999px;border:1px solid rgba(211,47,47,.2);font-weight:800;letter-spacing:1.2px;text-transform:uppercase;font-size:.6rem}
.blog-featured__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2.2vw,1.85rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px;transition:color .3s ease}
.blog-featured:hover .blog-featured__title{color:var(--primary-red)}
.blog-featured__excerpt{font-size:.92rem;color:var(--text-gray);line-height:1.7;margin-bottom:24px;max-width:520px}
.blog-featured__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:20px;border-top:1px solid #f1f5f9}
.blog-featured__author{display:flex;align-items:center;gap:10px}
.blog-featured__author-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.82rem;border:2px solid #fff;box-shadow:0 6px 14px -6px rgba(211,47,47,.6)}
.blog-featured__author-txt b{display:block;font-size:.78rem;font-weight:800;color:var(--dark-navy);line-height:1.2}
.blog-featured__author-txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}
.blog-featured__read-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;padding:11px 22px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);position:relative;overflow:hidden}
.blog-featured__read-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.blog-featured__read-btn:hover::before{left:100%}
.blog-featured__read-btn:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}
.blog-featured__read-btn i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-featured__read-btn:hover i{transform:translateX(4px)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:2}
.blog-card{background:#fff;border:1px solid #eef1f6;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:blogCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes blogCardIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
.blog-card:hover{border-color:rgba(211,47,47,.35);transform:translateY(-8px);box-shadow:0 30px 55px -28px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.blog-card__img-wrap{position:relative;aspect-ratio:1.55/1;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}
.blog-card__img{position:absolute;inset:-2%;background-size:cover;background-position:center;transition:transform .9s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__img{transform:scale(1.12) rotate(-1deg)}
.blog-card__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.05) 0%,rgba(15,23,42,.35) 70%,rgba(15,23,42,.6) 100%);z-index:1}
.blog-card__cat{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.94);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 11px;border-radius:999px;z-index:3;box-shadow:0 6px 14px -6px rgba(0,0,0,.4);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__cat{background:var(--primary-red);color:#fff;transform:translateY(-2px)}
.blog-card__read-time{position:absolute;bottom:14px;right:14px;display:inline-flex;align-items:center;gap:6px;background:rgba(15,23,42,.85);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:6px 11px;border-radius:999px;z-index:3}
.blog-card__read-time i{font-size:.6rem}
.blog-card__body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card__meta{display:flex;align-items:center;gap:12px;font-size:.68rem;font-weight:600;color:var(--text-gray);margin-bottom:2px}
.blog-card__meta-item{display:inline-flex;align-items:center;gap:5px}
.blog-card__meta-item i{color:var(--primary-red);font-size:.65rem}
.blog-card__title{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--dark-navy);line-height:1.35;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.7em}
.blog-card:hover .blog-card__title{color:var(--primary-red)}
.blog-card__excerpt{font-size:.82rem;color:var(--text-gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:auto;border-top:1px solid #f1f5f9}
.blog-card__author{display:flex;align-items:center;gap:8px}
.blog-card__author-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.65rem;flex-shrink:0}
.blog-card__author-name{font-size:.72rem;font-weight:700;color:var(--dark-navy)}
.blog-card__read-link{display:inline-flex;align-items:center;gap:6px;font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--primary-red);transition:all .3s ease}
.blog-card__read-link i{font-size:.6rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__read-link i{transform:translateX(4px)}
.blog-view-all{display:flex;justify-content:center;margin-top:48px;position:relative;z-index:2;animation:naTitleIn .8s .6s cubic-bezier(.4,0,.2,1) both}
.blog-view-all a{display:inline-flex;align-items:center;gap:12px;padding:15px 36px;border-radius:999px;background:#fff;border:2px solid var(--dark-navy);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;transition:all .45s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.blog-view-all a::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1);z-index:0}
.blog-view-all a:hover::before{transform:scaleX(1)}
.blog-view-all a span,.blog-view-all a i{position:relative;z-index:1}
.blog-view-all a:hover{color:#fff;border-color:var(--primary-red);box-shadow:0 20px 40px -14px rgba(211,47,47,.5)}
.blog-view-all a i{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.blog-view-all a:hover i{transform:translateX(6px)}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{background:#fff;position:relative;overflow:hidden;border-top:1px solid #eef1f6}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--hover-red) 25%,var(--dark-navy) 50%,var(--hover-red) 75%,var(--primary-red) 100%);background-size:200% 100%;animation:footerBarSlide 6s linear infinite}
@keyframes footerBarSlide{to{background-position:200% 0}}
.site-footer::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.02) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.02) 1px, transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at 50% 20%, #000 0%, rgba(0,0,0,.3) 55%, transparent 85%);mask-image:radial-gradient(circle at 50% 20%, #000 0%, rgba(0,0,0,.3) 55%, transparent 85%);pointer-events:none}
.site-footer .container{padding-top:70px;position:relative;z-index:2}
.footer-newsletter{background:linear-gradient(135deg,var(--dark-navy) 0%,var(--medium-navy) 60%,#2a1a1a 100%);border-radius:22px;padding:38px 42px;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;margin-bottom:56px;position:relative;overflow:hidden;z-index:2;box-shadow:0 30px 70px -34px rgba(15,23,42,.5);opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1)}
.footer-newsletter.revealed{opacity:1;transform:translateY(0)}
.footer-newsletter::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),#8c1a1a)}
.footer-newsletter::after{content:"";position:absolute;bottom:-80px;right:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle, rgba(211,47,47,.4) 0%, transparent 70%);filter:blur(40px);animation:newsletterGlow 5s ease-in-out infinite;pointer-events:none}
@keyframes newsletterGlow{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}
.footer-newsletter__content{position:relative;z-index:2}
.footer-newsletter__kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#E5EDF9;padding:6px 14px 6px 10px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:14px}
.footer-newsletter__kicker__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.footer-newsletter__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.15;margin-bottom:10px}
.footer-newsletter__title span{color:var(--primary-red)}
.footer-newsletter__sub{font-size:.85rem;color:#B6C6DE;line-height:1.6;max-width:460px}
.footer-newsletter__form{position:relative;z-index:2;display:flex;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px;transition:all .4s ease}
.footer-newsletter__form:focus-within{border-color:rgba(211,47,47,.6);box-shadow:0 0 0 4px rgba(211,47,47,.15)}
.footer-newsletter__input{flex:1;background:transparent;border:none;outline:none;padding:0 18px;color:#fff;font-size:.88rem;font-weight:500;min-width:0}
.footer-newsletter__input::placeholder{color:#8FA1BE}
.footer-newsletter__btn{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;cursor:pointer;padding:13px 26px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.7);position:relative;overflow:hidden}
.footer-newsletter__btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.footer-newsletter__btn:hover::before{left:100%}
.footer-newsletter__btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(211,47,47,.9)}
.footer-newsletter__btn i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.footer-newsletter__btn:hover i{transform:translateX(4px)}
.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.15fr;gap:44px;padding:0 0 54px;position:relative;z-index:2;border-bottom:1px solid #eef1f6}
.footer-col__title{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:900;color:var(--dark-navy);letter-spacing:2.4px;text-transform:uppercase;margin-bottom:22px;position:relative;display:inline-block;padding-bottom:12px}
.footer-col__title::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--hover-red));border-radius:2px;animation:footerTitleLine 3.5s ease-in-out infinite}
@keyframes footerTitleLine{0%,100%{width:32px;opacity:.85}50%{width:52px;opacity:1}}
.footer-about__logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.footer-about__logo-icon{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;box-shadow:0 10px 22px -8px rgba(211,47,47,.6);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.footer-about__logo:hover .footer-about__logo-icon{transform:rotate(15deg) scale(1.08)}
.footer-about__logo-txt h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.4rem;color:var(--dark-navy);line-height:1;letter-spacing:-.02em}
.footer-about__logo-txt h3 span{color:var(--primary-red)}
.footer-about__logo-txt small{display:block;font-size:.6rem;font-weight:700;color:var(--text-gray);letter-spacing:2px;text-transform:uppercase;margin-top:4px}
.footer-about__desc{font-size:.85rem;color:var(--text-gray);line-height:1.7;margin-bottom:22px;max-width:340px}
.footer-about__desc b{color:var(--dark-navy);font-weight:700}
.footer-about__social{display:flex;gap:10px;margin-bottom:22px}
.footer-social{width:40px;height:40px;border-radius:11px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid #eef1f6}
.footer-social:hover{transform:translateY(-4px) rotate(-6deg);color:#fff;border-color:transparent}
.footer-social--fb:hover{background:linear-gradient(135deg,#1877F2,#0F5EC7)}
.footer-social--ig:hover{background:linear-gradient(135deg,#E1306C,#C13584)}
.footer-social--tw:hover{background:linear-gradient(135deg,#1DA1F2,#0D8ECF)}
.footer-social--yt:hover{background:linear-gradient(135deg,#FF0000,#CC0000)}
.footer-social--wa:hover{background:linear-gradient(135deg,#25D366,#128C7E)}
.footer-about__trust{display:flex;flex-direction:column;gap:8px}
.footer-trust-item{display:flex;align-items:center;gap:9px;font-size:.74rem;color:#475569;font-weight:600}
.footer-trust-item i{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.55rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-link{display:inline-flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-gray);font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);width:fit-content;position:relative}
.footer-link i{font-size:.6rem;color:var(--primary-red);transition:transform .35s cubic-bezier(.34,1.56,.64,1);opacity:0}
.footer-link::before{content:"";position:absolute;left:-14px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--primary-red);transform:translateY(-50%) scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.footer-link:hover{color:var(--primary-red);transform:translateX(14px)}
.footer-link:hover::before{transform:translateY(-50%) scale(1)}
.footer-link:hover i{opacity:1;transform:translateX(4px)}
.footer-contact{display:flex;flex-direction:column;gap:16px}
.footer-contact-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#fafafa;border:1px solid #eef1f6;border-radius:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.footer-contact-item:hover{background:#fff;border-color:rgba(211,47,47,.3);transform:translateY(-3px);box-shadow:0 12px 26px -18px rgba(211,47,47,.4)}
.footer-contact-item__icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.footer-contact-item:hover .footer-contact-item__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.footer-contact-item__txt{line-height:1.35;min-width:0}
.footer-contact-item__txt b{display:block;font-size:.72rem;font-weight:800;color:var(--dark-navy);letter-spacing:.3px;margin-bottom:3px;text-transform:uppercase}
.footer-contact-item__txt span,.footer-contact-item__txt a{font-size:.82rem;color:var(--text-gray);font-weight:500;line-height:1.4;transition:color .3s ease;word-break:break-word}
.footer-contact-item__txt a:hover{color:var(--primary-red)}
.footer-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:26px 0;border-bottom:1px solid #eef1f6}
.footer-payments{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.footer-payments__label{font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;color:var(--text-gray);letter-spacing:1.4px;text-transform:uppercase;margin-right:6px}
.footer-pay{height:36px;padding:0 14px;background:#fff;border:1.5px solid #eef1f6;border-radius:9px;display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--dark-navy);transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:default}
.footer-pay i{font-size:.85rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.footer-pay:hover{border-color:rgba(211,47,47,.4);transform:translateY(-3px);box-shadow:0 10px 22px -12px rgba(211,47,47,.5)}
.footer-pay:hover i{transform:rotate(-10deg) scale(1.15)}
.footer-bottom__legal{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.footer-bottom__link{font-size:.78rem;font-weight:600;color:var(--text-gray);transition:color .3s ease;position:relative}
.footer-bottom__link::after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1.5px;background:var(--primary-red);transition:width .35s cubic-bezier(.34,1.56,.64,1)}
.footer-bottom__link:hover{color:var(--primary-red)}
.footer-bottom__link:hover::after{width:100%}
.footer-copy{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:22px 0 8px;font-size:.78rem;color:var(--text-gray);font-weight:500}
.footer-copy__txt b{color:var(--dark-navy);font-weight:800}
.footer-copy__txt span{color:var(--primary-red)}
.footer-copy__made{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text-gray);font-weight:600}
.footer-copy__made i{color:var(--primary-red);animation:heartBeat 1.6s ease-in-out infinite}
@keyframes heartBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}

/* ============ FLOATING BUTTONS ============ */
.toast-cart{position:fixed;bottom:100px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 20px 40px -10px rgba(22,163,74,.5);display:flex;align-items:center;gap:10px;z-index:999;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.toast-cart.show{opacity:1;transform:translateY(0) scale(1)}
.toast-cart--wish{background:linear-gradient(135deg,var(--primary-red),var(--hover-red))}
.wa-float{position:fixed;right:20px;bottom:22px;z-index:99;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C7E);display:grid;place-items:center;box-shadow:0 14px 32px -10px rgba(18,140,126,.9);animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:29px;height:29px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 16px rgba(37,211,102,0)}}
.back-to-top{position:fixed;left:20px;bottom:22px;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:98;box-shadow:0 14px 32px -10px rgba(211,47,47,.7);opacity:0;transform:translateY(20px) scale(.85);pointer-events:none;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.back-to-top.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.back-to-top:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 18px 40px -10px rgba(211,47,47,.85)}
.back-to-top i{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.back-to-top:hover i{transform:translateY(-3px)}

@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* ============ RESPONSIVE ============ */
@media (max-width:1180px){
  .hero-search__row{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .hero-search__row .hero-search__btn{grid-column:1/-1;justify-content:center}
  .chip-float{display:none}
  .na-track{grid-auto-columns:calc((100% - 66px) / 4)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-product-card{right:3%;width:250px}
  .md-wrap{grid-template-columns:230px 280px 1fr}
  .el-grid-new{grid-template-columns:repeat(3,1fr)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .hero{min-height:auto;padding:60px 0 130px}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:28px 12px}
  .trust-item:not(:last-child)::after{display:none}
  .na-carousel{padding:0 46px}
  .na-track{grid-auto-columns:calc((100% - 44px) / 3)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-inner{padding:130px 20px 110px}
  .ps-product-card{position:relative;right:auto;top:auto;transform:none;opacity:1;animation:none !important;margin-top:26px;width:100%;max-width:340px;pointer-events:auto}
  .ps-content{max-width:100%}
  .md-wrap{grid-template-columns:1fr}
  .md-cats{border-right:none;border-bottom:1px solid #eef1f6;padding:28px 24px}
  .md-cats__list{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:12px}
  .md-cat{padding:9px 14px;background:#f8fafc;border-radius:999px;width:auto;transform:none !important}
  .md-cat__icon{background:#e2e8f0}
  .md-promo{min-height:260px;padding:28px 24px 0}
  .md-promo__sub,.md-promo__stats{max-width:60%}
  .md-assurance{grid-template-columns:repeat(2,1fr)}
  .el-header{grid-template-columns:1fr;gap:26px;align-items:start;padding-bottom:28px}
  .el-feature-banner{grid-template-columns:1fr;min-height:auto}
  .el-feature-banner__visual{min-height:200px;order:-1}
  .el-feature-banner__content{padding:28px 26px;max-width:100%}
  .el-grid-new{grid-template-columns:repeat(2,1fr)}
  .el-assurance-new{grid-template-columns:repeat(2,1fr)}
  .blog-featured{grid-template-columns:1fr}
  .blog-featured__visual{min-height:260px}
  .blog-featured__content{padding:32px}
  .footer-newsletter{grid-template-columns:1fr;gap:22px;padding:32px 28px}
  .footer-main{grid-template-columns:1fr 1fr;gap:36px}
  .footer-about__desc{max-width:100%}
}
@media (max-width:768px){
  .header-content{flex-direction:column;gap:16px}
  .header-search{width:100%;max-width:100%}
  .header-icons{width:100%;justify-content:space-around}
  .hero{padding:50px 0 120px}
  .hero-search{padding:16px}
  .hero-search__row{grid-template-columns:1fr 1fr}
  .hero-search__row .hero-search__btn{grid-column:1/-1}
  .trust-overlap{margin-top:-70px;padding:0 14px}
  .trust-panel{padding:26px 16px}
  .trust-grid{grid-template-columns:1fr;gap:24px}
  .new-arrivals{padding:60px 0 70px}
  .na-carousel{padding:0 44px}
  .na-track{grid-auto-columns:calc((100% - 22px) / 2);gap:18px}
  .na-nav{width:40px;height:40px}
  .section-title{font-size:1.7rem}
  .brand-banners{padding:60px 0 70px}
  .bb-grid{grid-template-columns:1fr;gap:18px}
  .bb-card{aspect-ratio:16/9;min-height:220px}
  .bb-content{padding:22px 24px;max-width:85%}
  .categories{padding:60px 0 70px}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .product-slider{min-height:520px}
  .ps-inner{padding:120px 20px 90px}
  .ps-headline{font-size:2rem}
  .ps-arrow{width:42px;height:42px}
  .ps-arrow--prev{left:10px}
  .ps-arrow--next{right:10px}
  .mega-deals,.electrical-section{padding:60px 0 70px}
  .md-products{padding:22px 18px 24px}
  .md-grid{grid-template-columns:1fr}
  .md-card__top{grid-template-columns:100px 1fr;gap:14px}
  .md-promo{min-height:220px}
  .md-promo__title{font-size:1.2rem}
  .md-assurance{grid-template-columns:1fr;padding:18px}
  .md-features{gap:8px}
  .md-feature{font-size:.72rem;padding:6px 12px}
  .el-header{margin-bottom:34px;padding-bottom:24px}
  .el-header__title{font-size:1.7rem}
  .el-header__lead{font-size:.88rem}
  .el-header__stats{grid-template-columns:1fr}
  .el-tabs{margin-bottom:28px;gap:8px}
  .el-tab{padding:10px 16px 10px 11px;font-size:.75rem}
  .el-tab__icon{width:24px;height:24px;font-size:.62rem}
  .el-feature-banner{border-radius:18px;margin-bottom:24px}
  .el-feature-banner__content{padding:24px 22px}
  .el-feature-banner__title{font-size:1.35rem}
  .el-feature-banner__sub{font-size:.82rem;margin-bottom:16px}
  .el-feature-banner__visual{min-height:170px}
  .el-products-panel{padding:22px 18px 24px;border-radius:18px}
  .el-products-panel__head{margin-bottom:18px}
  .el-products-panel__title h4{font-size:.75rem;letter-spacing:2.6px}
  .el-products-panel__title span{display:none}
  .el-grid-new{grid-template-columns:repeat(2,1fr);gap:12px}
  .el-card-new__body{padding:12px 12px 14px;gap:6px}
  .el-card-new__title{font-size:.76rem}
  .el-card-new__price{font-size:.9rem}
  .el-assurance-new{grid-template-columns:1fr;padding:0;border-radius:16px}
  .el-assurance-new__item{border-right:none;border-bottom:1px solid #eef1f6;padding:16px 18px}
  .el-assurance-new__item:last-child{border-bottom:none}
  .blog-section{padding:60px 0 70px}
  .blog-tabs{margin-bottom:32px;gap:8px}
  .blog-tab{padding:9px 16px;font-size:.75rem}
  .blog-featured__content{padding:26px 22px}
  .blog-featured__title{font-size:1.25rem}
  .blog-featured__excerpt{font-size:.85rem;margin-bottom:20px}
  .blog-featured__footer{flex-direction:column;align-items:flex-start}
  .blog-grid{grid-template-columns:1fr;gap:18px}
  .blog-card__title{font-size:.95rem}
  .site-footer .container{padding-top:56px}
  .footer-newsletter{padding:26px 22px;border-radius:18px;margin-bottom:42px}
  .footer-newsletter__form{flex-direction:column;border-radius:16px;padding:8px}
  .footer-newsletter__input{padding:14px 18px;text-align:center}
  .footer-newsletter__btn{width:100%;justify-content:center;padding:14px 20px}
  .footer-main{grid-template-columns:1fr;gap:34px;padding-bottom:40px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-payments,.footer-bottom__legal{width:100%;justify-content:flex-start}
  .footer-copy{flex-direction:column;align-items:flex-start;text-align:left}
  .back-to-top{width:44px;height:44px;left:14px;bottom:16px}
}
@media (max-width:520px){
  .ticker-item{font-size:.78rem}
  .brand-text h1{font-size:1.4rem}
  .logo-icon{width:44px;height:44px;font-size:1.3rem}
  .hero{padding:40px 0 100px}
  .hero-search__row{grid-template-columns:1fr}
  .trust-overlap{margin-top:-60px}
  .na-carousel{padding:0 38px}
  .na-track{grid-auto-columns:82%}
  .wa-float{width:50px;height:50px;right:14px;bottom:16px}
  .wa-float svg{width:25px;height:25px}
  .toast-cart{right:14px;bottom:80px;font-size:.82rem;padding:12px 18px}
  .bb-card{aspect-ratio:16/10;min-height:200px}
  .cat-grid{grid-template-columns:1fr;gap:14px}
  .cat-card{aspect-ratio:16/9}
  .ps-headline{font-size:1.5rem}
  .ps-product-card{display:none}
  .md-cats{padding:24px 18px}
  .md-cats__title{font-size:1.15rem}
  .md-cat{font-size:.78rem;padding:8px 12px}
  .md-promo{min-height:180px;padding:22px 18px 0}
  .md-promo__title{font-size:1.02rem}
  .md-promo__sub{font-size:.74rem;max-width:100%;margin-bottom:12px}
  .md-promo__stats{display:none}
  .md-card{grid-template-columns:90px 1fr;padding:12px}
  .el-header__title{font-size:1.5rem}
  .el-header__kicker{font-size:.62rem;padding:6px 14px 6px 10px}
  .el-tabs{gap:6px}
  .el-tab{padding:9px 14px 9px 10px;font-size:.7rem;gap:8px}
  .el-tab__count{font-size:.55rem;padding:2px 6px}
  .el-feature-banner__title{font-size:1.15rem}
  .el-feature-banner__cta{padding:10px 20px;font-size:.66rem}
  .el-feature-banner__visual{min-height:150px}
  .el-grid-new{grid-template-columns:1fr;gap:14px}
  .el-card-new__img-wrap{aspect-ratio:16/10}
  .blog-featured__visual{min-height:200px}
  .blog-featured__title{font-size:1.1rem}
  .blog-featured__read-btn{padding:10px 18px;font-size:.66rem}
  .footer-newsletter__title{font-size:1.15rem}
  .footer-newsletter__sub{font-size:.78rem}
  .footer-about__logo-icon{width:42px;height:42px;font-size:1.2rem}
  .footer-about__logo-txt h3{font-size:1.2rem}
  .footer-contact-item{padding:10px 12px}
  .footer-pay{height:32px;padding:0 10px;font-size:.6rem}
  .footer-pay i{font-size:.75rem}
  .footer-copy{font-size:.72rem}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .hero-particles{display:none}
  .hero-slide:first-child{opacity:1}
  .typed-caret{opacity:1}
  .na-card,.bb-card,.cat-card,.md-wrap,.md-assurance,.el-feature-banner,.el-products-panel,.el-assurance-new,.blog-featured,.footer-newsletter{opacity:1;transform:none}
  .ps-slide.is-active{animation:none}
  .ps-content{opacity:1;transform:none;animation:none !important}
  .ps-product-card{transform:translateY(-50%) translateX(0) scale(1);opacity:1;animation:none !important}
}

:root{--primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;--white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;--star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,0.08);--shadow-red:rgba(211,47,47,0.3)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--white);color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit}

/* TICKER */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem;animation:iconBob 2.4s ease-in-out infinite}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes iconBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-8deg)}}

/* HEADER */
header{background:#fff;padding:18px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer}
.logo-icon{background:var(--primary-red);color:#fff;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.6rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.7rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.68rem;letter-spacing:2.5px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-search{flex-grow:1;max-width:600px}
.search-box{display:flex;background:var(--off-white);border-radius:50px;overflow:hidden;height:52px;align-items:center;padding:5px;border:2px solid var(--light-gray);transition:all .4s ease}
.search-box:focus-within{background:#fff;border-color:var(--primary-red);box-shadow:0 0 22px var(--shadow-red)}
.header-cat{border:none;background:transparent;padding:0 15px;font-size:.88rem;color:var(--text-dark);border-right:1px solid var(--light-gray);outline:none;cursor:pointer;font-weight:600}
.header-input{border:none;flex-grow:1;padding:0 15px;font-size:.92rem;outline:none;background:transparent}
.header-input::placeholder{color:#94a3b8}
.header-search-btn{background:var(--primary-red);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;font-size:1rem}
.header-search-btn:hover{background:var(--hover-red);transform:scale(1.1) rotate(15deg)}
.header-icons{display:flex;align-items:center;gap:22px}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.4rem}
.badge{position:absolute;top:-5px;right:-5px;background:var(--primary-red);color:#fff;font-size:.65rem;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;animation:pulseBadge 2s infinite}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* HERO */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:80px 0 140px}
.hero-slides{position:absolute;inset:0;z-index:-4;overflow:hidden}
.hero-slide{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;animation:heroKenBurns 32s infinite}
.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:8s}.hero-slide:nth-child(3){animation-delay:16s}.hero-slide:nth-child(4){animation-delay:24s}
@keyframes heroKenBurns{0%{opacity:0;transform:scale(1.06)}5%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1.18)}100%{opacity:0;transform:scale(1.06)}}
.hero-overlay{position:absolute;inset:0;z-index:-3;background:radial-gradient(1000px 600px at 50% 30%, rgba(211,47,47,.22) 0%, transparent 65%),linear-gradient(180deg,rgba(15,23,42,.75),rgba(15,23,42,.94))}
.hero-grid{position:absolute;inset:-40px;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);animation:gridDrift 26s linear infinite;pointer-events:none}
@keyframes gridDrift{to{background-position:54px 54px,54px 54px}}
.hero-particles{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-particles span{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);opacity:0;animation:rise var(--dur) linear infinite;animation-delay:var(--delay)}
@keyframes rise{0%{transform:translate3d(0,30px,0) scale(.5);opacity:0}18%{opacity:.85}78%{opacity:.3}100%{transform:translate3d(14px,-200px,0) scale(1.05);opacity:0}}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E5EDF9;padding:8px 20px 8px 14px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;backdrop-filter:blur(10px);animation:fadeUp .7s both}
.hero-eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#25D366;animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.hero-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:18px;text-transform:uppercase;animation:fadeUp .7s .08s both}
.hero-headline span{color:var(--primary-red);position:relative;display:inline-block}
.hero-headline span::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:12px;background:rgba(211,47,47,.28);z-index:-1;transform:skewX(-15deg)}
.typed-wrap{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,3.6vw,3rem);font-weight:900;line-height:1.25;color:#E5EDF9;margin-bottom:26px;display:block;min-height:1.4em;animation:fadeUp .7s .16s both;text-transform:uppercase}
.typed-line{display:inline-block;font-weight:900;min-height:1.2em;background:linear-gradient(120deg,#ff5a5a,#FFD166 50%,var(--primary-red));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease-in-out infinite}
@keyframes gradientShift{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
.typed-caret{display:inline-block;width:4px;height:1em;margin-left:6px;vertical-align:-.12em;border-radius:2px;background:var(--primary-red);animation:caretBlink 1.05s steps(1,end) infinite}
@keyframes caretBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
.hero-desc{font-size:1.02rem;color:#B6C6DE;line-height:1.75;margin:0 auto 40px;max-width:640px;animation:fadeUp .7s .24s both}
.hero-desc b{color:#fff;font-weight:700}
.hero-search{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.85);position:relative;overflow:hidden;max-width:960px;margin:0 auto 32px;animation:fadeUp .7s .32s both;text-align:left}
.hero-search::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-red),#F5919A,var(--dark-navy),#F5919A,var(--primary-red));background-size:200% 100%;animation:barSlide 6s linear infinite}
@keyframes barSlide{to{background-position:200% 0}}
.hero-search__head{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:14px;text-transform:uppercase;letter-spacing:.8px}
.hero-search__head i{color:var(--primary-red);font-size:.9rem}
.hero-search__head strong{color:var(--primary-red);margin-left:auto;font-size:.7rem;padding:4px 10px;background:#FDECEE;border-radius:999px;letter-spacing:1px}
.hero-search__row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px}
.field{position:relative}
.field select{appearance:none;-webkit-appearance:none;width:100%;padding:14px 34px 14px 14px;border:1.5px solid var(--light-gray);border-radius:12px;background:#fff;font-size:.88rem;font-weight:600;color:var(--dark-navy);cursor:pointer;outline:none;transition:all .2s ease}
.field select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.field select:invalid{color:#93a2b8}
.field--select::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #8895a8;border-bottom:2px solid #8895a8;transform:translateY(-72%) rotate(45deg);pointer-events:none}
.hero-search__btn{border:0;cursor:pointer;font-weight:700;font-size:.9rem;border-radius:12px;padding:14px 28px;white-space:nowrap;color:#fff;background:linear-gradient(180deg,#F04A56,var(--hover-red));box-shadow:0 12px 26px -10px rgba(211,47,47,.9);transition:transform .18s ease;display:inline-flex;align-items:center;gap:9px}
.hero-search__btn:hover{transform:translateY(-2px)}
.hero-search__hint{margin:13px 0 0;font-size:.78rem;font-weight:600;color:var(--text-gray);display:flex;align-items:center;gap:8px;min-height:20px}
.hero-search__hint.is-success{color:var(--green)}
.hero-search__hint.is-error{color:var(--primary-red)}
.hint-pop{animation:hintPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes hintPop{0%{transform:translateY(6px);opacity:0}100%{transform:translateY(0);opacity:1}}
.hero-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;animation:fadeUp .7s .4s both}
.quick-tag{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#DDE7F5;padding:7px 14px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:7px}
.quick-tag i{color:var(--primary-red);font-size:.75rem}
.quick-tag:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-2px)}
.quick-tag:hover i{color:white}
.chip-float{position:absolute;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:11px 15px 11px 11px;display:flex;align-items:center;gap:11px;box-shadow:0 22px 45px -18px rgba(0,0,0,.6);animation:bobChip 5.5s ease-in-out infinite;z-index:3}
.chip-float:nth-child(1){top:20%;left:4%}
.chip-float:nth-child(2){top:55%;right:5%;animation-delay:1.2s}
.chip-float:nth-child(3){bottom:22%;left:8%;animation-delay:2.4s}
.chip-float:nth-child(4){bottom:30%;right:9%;animation-delay:3.6s}
@keyframes bobChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.chip-float__img{width:44px;height:44px;border-radius:10px;background-size:cover;background-position:center;flex-shrink:0;border:1px solid rgba(15,23,42,.1)}
.chip-float__txt h4{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);white-space:nowrap}
.chip-float__txt span{font-size:.68rem;color:var(--text-gray);font-weight:600;white-space:nowrap}
.chip-float__txt span em{color:var(--primary-red);font-style:normal;font-weight:800}

/* TRUST */
.trust-overlap{position:relative;z-index:10;margin-top:-90px;padding:0 20px}
.trust-panel{max-width:1300px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 30px 70px -30px rgba(15,23,42,.35);padding:36px 30px;position:relative;overflow:hidden;animation:trustRise .9s .2s cubic-bezier(.34,1.56,.64,1) both}
@keyframes trustRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.trust-panel::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:280px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-red),transparent)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-item{text-align:center;padding:8px 20px;position:relative;cursor:pointer;opacity:0;animation:trustItemIn .8s cubic-bezier(.34,1.56,.64,1) forwards;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.trust-item:nth-child(1){animation-delay:.35s}.trust-item:nth-child(2){animation-delay:.48s}.trust-item:nth-child(3){animation-delay:.61s}.trust-item:nth-child(4){animation-delay:.74s}
@keyframes trustItemIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.trust-item:hover{transform:translateY(-8px)}
.trust-item:not(:last-child)::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:linear-gradient(180deg,transparent,#e2e8f0 25%,#e2e8f0 75%,transparent)}
.trust-icon{width:92px;height:92px;margin:0 auto 20px;position:relative;border-radius:50%;background:radial-gradient(circle at 30% 25%, #fff 0%, #eef2f7 60%, #e4eaf3 100%);display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-icon{transform:scale(1.12) rotate(-8deg);background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 20px 45px -12px rgba(211,47,47,.65)}
.trust-icon svg{width:40px;height:40px;stroke:#0f172a;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:iconFloat 4.6s ease-in-out infinite;transition:stroke .4s ease}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.trust-item:hover .trust-icon svg{stroke:#fff}
.trust-badge{position:absolute;top:-4px;right:-10px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 11px;border-radius:999px;border:2px solid #fff;box-shadow:0 6px 18px -4px rgba(211,47,47,.65);animation:badgeBounce 3s ease-in-out infinite}
@keyframes badgeBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}
.trust-item:hover .trust-badge{animation:none;background:#fff;color:var(--primary-red);border-color:var(--primary-red);transform:translateY(-4px) scale(1.12)}
.trust-title{font-family:'Montserrat',sans-serif;font-size:.92rem;font-weight:800;color:#0f172a;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:10px;position:relative;display:inline-block}
.trust-title::after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,var(--primary-red),#FF8B94);transform:translateX(-50%);transition:width .4s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-title{color:var(--primary-red)}
.trust-item:hover .trust-title::after{width:60%}
.trust-desc{font-size:.86rem;color:var(--text-gray);line-height:1.65;max-width:250px;margin:0 auto}

/* OFFER STRIP */
.offer-strip{position:relative;background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#2a1a1a 100%);padding:22px 0;overflow:hidden;border-top:3px solid var(--primary-red);border-bottom:3px solid var(--primary-red);margin-top:60px}
.offer-strip-inner{display:flex;align-items:center;gap:20px;position:relative;z-index:2}
.offer-strip-tag{background:var(--primary-red);color:white;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:8px 16px;border-radius:6px;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;gap:8px}
.offer-strip-tag i{animation:rotate360 3s linear infinite}
@keyframes rotate360{to{transform:rotate(360deg)}}
.offer-marquee{flex:1;overflow:hidden;position:relative}
.offer-marquee::before,.offer-marquee::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.offer-marquee::before{left:0;background:linear-gradient(90deg,#0f172a,transparent)}
.offer-marquee::after{right:0;background:linear-gradient(90deg,transparent,#0f172a)}
.offer-track{display:flex;gap:50px;white-space:nowrap;animation:offerScroll 30s linear infinite;align-items:center}
.offer-marquee:hover .offer-track{animation-play-state:paused}
@keyframes offerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.offer-item{display:inline-flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.92rem;color:#E5EDF9}
.offer-item i{color:var(--primary-red);font-size:1rem}
.offer-item strong{color:#FF8B94;font-weight:900;padding:2px 8px;background:rgba(211,47,47,.2);border-radius:5px}
.offer-item em{font-style:normal;color:#FFD166;font-weight:800}

/* SECTION HEAD */
.section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
@keyframes naKickerIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:14px;animation:naTitleIn .8s .08s both}
.section-title span{color:var(--primary-red);position:relative;display:inline-block}
.section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes titleUnderline{to{transform:skewX(-15deg) scaleX(1)}}
@keyframes naTitleIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.section-sub{color:var(--text-gray);font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.7;animation:naTitleIn .8s .16s both}
.section-sub b{color:var(--dark-navy);font-weight:700}

/* NEW ARRIVALS */
.new-arrivals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.na-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:44px}
.na-tab{background:#fff;border:1.5px solid var(--light-gray);color:var(--text-dark);padding:11px 22px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:8px}
.na-tab i{font-size:.8rem;color:var(--text-gray)}
.na-tab:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px)}
.na-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);transform:translateY(-3px) scale(1.03)}
.na-tab.active i{color:#fff}
.na-tab__count{background:rgba(0,0,0,.08);padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:800}
.na-tab.active .na-tab__count{background:rgba(255,255,255,.22)}
.na-carousel{position:relative;padding:0 56px}
.na-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px) / 5);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:12px 4px 22px;scrollbar-width:none}
.na-track::-webkit-scrollbar{display:none}
.na-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:0 0 14px;scroll-snap-align:start;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(35px)}
.na-card.revealed{opacity:1;transform:translateY(0)}
.na-card:hover{border-color:var(--primary-red);box-shadow:0 30px 55px -22px rgba(211,47,47,.35);transform:translateY(-10px)}
.na-img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);aspect-ratio:1;overflow:hidden;margin-bottom:14px}
.na-img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:all .7s cubic-bezier(.34,1.56,.64,1);opacity:0}
.na-img-wrap img.active{opacity:1}
.na-card:hover .na-img-wrap img.active{transform:scale(1.13)}
.na-sale{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#FF6B6B,#d32f2f);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:5}
.na-free{position:absolute;bottom:14px;left:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:6px 9px;border-radius:7px;text-transform:uppercase;z-index:5;display:flex;align-items:center;gap:5px}
.na-body{padding:0 14px;display:flex;flex-direction:column;flex:1}
.na-title-card{font-size:.84rem;font-weight:600;color:#374151;line-height:1.45;min-height:2.9em;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.na-card:hover .na-title-card{color:var(--primary-red)}
.na-stars{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#d1d5db;margin-bottom:12px}
.na-stars .filled{color:var(--star-gold)}
.na-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.na-price{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--primary-red)}
.na-old{font-size:.78rem;color:#94a3b8;text-decoration:line-through}
.na-add-btn{flex:1;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;border-radius:10px;color:#fff;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:all .35s ease;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:7px}
.na-add-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px rgba(211,47,47,.75)}
.na-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;z-index:5;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.na-nav:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-50%) scale(1.14)}
.na-nav--prev{left:0}.na-nav--next{right:0}
.view-all{display:flex;justify-content:center;margin-top:48px}
.view-all a{display:inline-flex;align-items:center;gap:12px;padding:15px 36px;border-radius:999px;background:#fff;border:2px solid var(--dark-navy);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;transition:all .45s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.view-all a::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover::before{transform:scaleX(1)}
.view-all a span,.view-all a i{position:relative;z-index:1}
.view-all a:hover{color:#fff;border-color:var(--primary-red)}
.view-all a i{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover i{transform:translateX(6px)}

/* BRAND BANNERS */
.brand-banners{padding:90px 0 100px;background:radial-gradient(900px 400px at 30% 0%, rgba(211,47,47,.05) 0%, transparent 60%),radial-gradient(900px 400px at 70% 100%, rgba(15,23,42,.05) 0%, transparent 60%),#f8fafc;position:relative;overflow:hidden}
.bb-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.bb-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/8.5;min-height:260px;cursor:pointer;isolation:isolate;box-shadow:0 20px 45px -22px rgba(15,23,42,.4);opacity:0;transform:translateY(35px)}
.bb-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover{transform:translateY(-8px);box-shadow:0 40px 70px -26px rgba(15,23,42,.6),0 0 0 2px var(--bb-accent,var(--primary-red))}
.bb-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:bbKenBurns 22s ease-in-out infinite alternate;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1)}
@keyframes bbKenBurns{0%{transform:scale(1)}100%{transform:scale(1.08) translate(-8px,-6px)}}
.bb-card:hover .bb-img{transform:scale(1.15) translate(-10px,-8px)}
.bb-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(15,23,42,.9),rgba(15,23,42,.75) 32%,rgba(15,23,42,.35) 58%,rgba(15,23,42,.05))}
.bb-content{position:relative;z-index:2;padding:32px 36px;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:70%}
.bb-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#E5EDF9;padding:5px 12px 5px 9px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:14px;align-self:flex-start;transition:all .4s ease}
.bb-tag__dot{width:6px;height:6px;border-radius:50%;background:var(--bb-accent,var(--primary-red))}
.bb-card:hover .bb-tag{background:var(--bb-accent,var(--primary-red));border-color:var(--bb-accent,var(--primary-red));color:#fff;transform:translateX(4px)}
.bb-headline{font-family:'Montserrat',sans-serif;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;color:#E5EDF9;line-height:1.2;margin-bottom:6px}
.bb-brand{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,2.9vw,2.3rem);font-weight:900;color:var(--bb-accent,var(--primary-red));letter-spacing:-.02em;line-height:1.05;margin-bottom:14px;text-shadow:0 4px 18px rgba(0,0,0,.5);position:relative;display:inline-block;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.bb-brand::after{content:"";position:absolute;bottom:-6px;left:0;height:3px;width:44px;background:var(--bb-accent,var(--primary-red));border-radius:2px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover .bb-brand{transform:translateX(3px)}
.bb-card:hover .bb-brand::after{width:80px}
.bb-text{font-size:.86rem;color:#B6C6DE;line-height:1.6;margin-bottom:22px;max-width:420px}
.bb-cta{display:inline-flex;align-items:center;gap:11px;background:linear-gradient(135deg,var(--bb-accent,var(--primary-red)),#8c1a1a);color:#fff;padding:12px 24px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(6px);opacity:.85}
.bb-card:hover .bb-cta{transform:translateY(0);opacity:1}
.bb-count{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.95);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:900;padding:8px 13px;border-radius:999px;z-index:4;display:flex;align-items:center;gap:7px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.bb-count i{color:var(--bb-accent,var(--primary-red));font-size:.7rem}
.bb-card:hover .bb-count{background:var(--bb-accent,var(--primary-red));color:#fff;transform:translateY(-4px) scale(1.06)}
.bb-card:hover .bb-count i{color:#fff}

/* CATEGORIES */
.categories{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cat-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1/1.05;cursor:pointer;isolation:isolate;background:#fff;box-shadow:0 12px 30px -18px rgba(15,23,42,.35);opacity:0;transform:translateY(35px)}
.cat-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover{transform:translateY(-10px);box-shadow:0 40px 70px -28px rgba(15,23,42,.55),0 0 0 2px var(--cat-accent,var(--primary-red))}
.cat-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:catKenBurns 20s ease-in-out infinite alternate}
@keyframes catKenBurns{0%{transform:scale(1)}100%{transform:scale(1.1) translate(-6px,-6px)}}
.cat-card:hover .cat-img{transform:scale(1.2) translate(-10px,-10px)}
.cat-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,23,42,.15) 0%,rgba(15,23,42,.45) 45%,rgba(15,23,42,.92) 100%)}
.cat-content{position:absolute;inset:auto 0 0 0;padding:24px 22px;z-index:2;display:flex;flex-direction:column;gap:6px}
.cat-icon-wrap{position:absolute;top:18px;left:18px;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--cat-accent,var(--primary-red));font-size:1.3rem;z-index:3;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-icon-wrap{background:var(--cat-accent,var(--primary-red));color:#fff;transform:rotate(-10deg) scale(1.08)}
.cat-name{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:#fff;letter-spacing:-.01em;line-height:1.15;text-shadow:0 4px 14px rgba(0,0,0,.5);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-name{transform:translateY(-3px)}
.cat-count{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#B6C6DE}
.cat-count b{color:var(--cat-accent,var(--primary-red));font-weight:900;background:rgba(255,255,255,.12);padding:2px 8px;border-radius:999px}
.cat-arrow{position:absolute;bottom:24px;right:22px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.9rem;z-index:3;opacity:0;transform:translateX(12px) scale(.9);transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-arrow{opacity:1;transform:translateX(0) scale(1);background:var(--cat-accent,var(--primary-red));color:#fff}
.cat-badge{position:absolute;top:18px;right:18px;background:linear-gradient(135deg,var(--cat-accent,var(--primary-red)),#8c1a1a);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.2px;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:3;display:flex;align-items:center;gap:5px;animation:catBadgePulse 2.8s ease-in-out infinite}
@keyframes catBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* PRODUCT SLIDER */
.product-slider{position:relative;padding:0;background:#0f172a;overflow:hidden;isolation:isolate;min-height:640px;display:flex;align-items:center}
.product-slider__header{position:absolute;top:34px;left:0;right:0;z-index:5;text-align:center;padding:0 20px}
.product-slider__kicker{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#E5EDF9;padding:6px 16px 6px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:12px;backdrop-filter:blur(10px)}
.product-slider__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.product-slider__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.product-slider__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}
.product-slider__title span{color:var(--primary-red)}
.ps-viewport{position:absolute;inset:0;overflow:hidden;z-index:1}
.ps-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:translateX(100%) scale(1.08);transition:opacity 1.1s cubic-bezier(.7,0,.3,1),transform 1.3s cubic-bezier(.7,0,.3,1)}
.ps-slide.is-active{opacity:1;transform:translateX(0) scale(1);animation:psKenBurns 9s ease-out forwards}
.ps-slide.is-prev{opacity:0;transform:translateX(-100%) scale(1.08)}
@keyframes psKenBurns{0%{background-size:100% auto}100%{background-size:112% auto}}
.ps-slide::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 25% 60%, rgba(211,47,47,.28) 0%, transparent 65%),linear-gradient(95deg,rgba(15,23,42,.95) 0%,rgba(15,23,42,.8) 32%,rgba(15,23,42,.4) 58%,rgba(15,23,42,.1) 100%)}
.ps-inner{position:relative;z-index:3;max-width:1300px;margin:0 auto;padding:140px 20px 120px;width:100%;display:flex;align-items:center;min-height:640px}
.ps-content{max-width:600px;opacity:0;transform:translateX(-40px)}
.ps-slide.is-active .ps-content{animation:psContentIn .9s .35s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psContentIn{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}
.ps-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.ps-tag__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.ps-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2.2rem,4.4vw,3.8rem);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.05;text-transform:uppercase;margin-bottom:16px;text-shadow:0 6px 26px rgba(0,0,0,.5)}
.ps-headline span{color:var(--primary-red)}
.ps-sub{font-family:'Montserrat',sans-serif;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;color:#E5EDF9;line-height:1.35;margin-bottom:22px;max-width:520px}
.ps-desc{font-size:1rem;color:#B6C6DE;line-height:1.7;margin-bottom:32px;max-width:520px}
.ps-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ps-btn{display:inline-flex;align-items:center;gap:11px;padding:15px 30px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none}
.ps-btn--primary{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;box-shadow:0 14px 30px -10px rgba(211,47,47,.85)}
.ps-btn--primary:hover{transform:translateY(-4px)}
.ps-btn--ghost{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px)}
.ps-btn--ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-4px)}
.ps-product-card{position:absolute;right:8%;top:50%;transform:translateY(-50%) translateX(60px) scale(.92);opacity:0;width:280px;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);z-index:4;pointer-events:none}
.ps-slide.is-active .ps-product-card{animation:psCardIn 1s .55s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psCardIn{to{transform:translateY(-50%) translateX(0) scale(1);opacity:1}}
.ps-product-card__img{width:100%;aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center;margin-bottom:14px;position:relative;overflow:hidden}
.ps-product-card__badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:2}
.ps-product-card__name{font-size:.86rem;font-weight:600;color:#374151;line-height:1.4;min-height:2.6em;margin-bottom:10px}
.ps-product-card__price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
.ps-product-card__price{font-family:'Montserrat',sans-serif;font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-product-card__old{font-size:.75rem;color:#94a3b8;text-decoration:line-through}
.ps-product-card__rating{display:flex;gap:2px;font-size:.72rem;color:var(--star-gold);margin-bottom:14px}
.ps-product-card__rating span{color:var(--text-gray);font-size:.68rem;margin-left:5px}
.ps-product-card__btn{width:100%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;color:#fff;padding:11px 14px;border-radius:10px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .35s ease;pointer-events:auto}
.ps-product-card__btn:hover{transform:translateY(-2px)}
.ps-counter{position:absolute;top:34px;right:30px;z-index:6;font-family:'Montserrat',sans-serif;color:#fff;display:flex;align-items:baseline;gap:4px;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-counter__current{font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-counter__sep{color:rgba(255,255,255,.35);font-size:.85rem;margin:0 3px}
.ps-counter__total{font-size:.85rem;font-weight:700;color:#B6C6DE}
.ps-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;font-size:1.05rem;z-index:7;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.ps-arrow:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-50%) scale(1.12)}
.ps-arrow--prev{left:26px}
.ps-arrow--next{right:26px}
.ps-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.1);z-index:8;overflow:hidden}
.ps-progress__fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--primary-red),#FF8B94)}
.ps-dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:7;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 14px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.3);cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;padding:0}
.ps-dot.active{background:var(--primary-red);width:28px}

/* EXTERIOR */
.mega-deals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#fff 0%,#f8fafc 100%);position:relative;overflow:hidden}
.mega-deals::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.025) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.md-section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.md-section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.md-section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
.md-section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:16px;animation:naTitleIn .8s .08s both}
.md-section-title span{color:var(--primary-red);position:relative;display:inline-block}
.md-section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
.md-section-sub{color:var(--text-gray);font-size:.98rem;max-width:680px;margin:0 auto 32px;line-height:1.75;animation:naTitleIn .8s .16s both}
.md-section-sub b{color:var(--dark-navy);font-weight:700}
.md-features{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px;margin-bottom:52px;position:relative;z-index:2;animation:naTitleIn .8s .24s both}
.md-feature{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;color:#475569;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #eef1f6;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.md-feature i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.62rem;display:flex;align-items:center;justify-content:center}
.md-feature:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.4);color:var(--primary-red);box-shadow:0 10px 22px -12px rgba(211,47,47,.4)}

.md-wrap{display:grid;grid-template-columns:260px 320px 1fr;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -34px rgba(15,23,42,.32);background:#fff;opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2;border:1px solid #eef1f6}
.md-wrap.revealed{opacity:1;transform:translateY(0)}
.md-cats{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);padding:38px 30px;border-right:1px solid #eef1f6;display:flex;flex-direction:column;position:relative}
.md-cats__label{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--text-gray);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.md-cats__label::before{content:"";width:14px;height:2px;background:var(--primary-red);border-radius:2px}
.md-cats__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary-red);margin-bottom:32px;letter-spacing:-.015em;line-height:1.15;position:relative}
.md-cats__title::after{content:"";position:absolute;left:0;bottom:-10px;width:36px;height:3px;background:var(--primary-red);border-radius:2px;animation:mdTitleLine 3s ease-in-out infinite}
@keyframes mdTitleLine{0%,100%{width:36px;opacity:.85}50%{width:58px;opacity:1}}
.md-cats__list{display:flex;flex-direction:column;gap:4px;flex:1}
.md-cat{font-size:.92rem;font-weight:500;color:#6b7280;padding:11px 14px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;border-radius:10px;background:transparent;border:1.5px solid transparent;font-family:'Poppins',sans-serif}
.md-cat__icon{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat__txt{flex:1;text-align:left;line-height:1.3}
.md-cat__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.md-cat:hover{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.15);transform:translateX(6px)}
.md-cat:hover .md-cat__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.md-cat:hover .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat.active{background:linear-gradient(135deg,rgba(211,47,47,.08),rgba(211,47,47,.04));color:var(--primary-red);border-color:rgba(211,47,47,.25);font-weight:700;transform:translateX(6px);box-shadow:0 8px 20px -12px rgba(211,47,47,.5)}
.md-cat.active .md-cat__icon{background:var(--primary-red);color:#fff}
.md-cat.active .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat--view{margin-top:auto;color:var(--dark-navy);font-weight:700;padding:14px;margin-top:24px;border-top:1px solid #eef1f6;display:inline-flex;align-items:center;gap:10px;font-size:.85rem}
.md-cat--view__badge{margin-left:auto;background:#f1f5f9;color:#64748b;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:1.2px;text-transform:uppercase}
.md-cat--view:hover{color:var(--primary-red);transform:translateX(6px)}
.md-cat--view:hover .md-cat--view__badge{background:var(--primary-red);color:#fff}
.md-cat--view i{font-size:.75rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat--view:hover i{transform:translateX(4px)}
.md-promo{position:relative;background:radial-gradient(400px 300px at 50% 100%, rgba(211,47,47,.22) 0%, transparent 70%),linear-gradient(160deg,#FFE9E5 0%,#FFD9D4 55%,#FFC8C2 100%);overflow:hidden;padding:38px 30px 0;cursor:pointer;display:flex;flex-direction:column}
.md-promo__badge{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.9);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 12px;border-radius:999px;z-index:3;animation:mdPromoBadgePulse 3s ease-in-out infinite}
@keyframes mdPromoBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.md-promo__img{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:120%;max-height:70%;background-size:contain;background-repeat:no-repeat;background-position:center bottom;z-index:-1;animation:mdPromoFloat 6s ease-in-out infinite}
@keyframes mdPromoFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
.md-promo__content{position:relative;z-index:2;margin-bottom:auto}
.md-promo__tag{display:inline-flex;align-items:center;gap:7px;background:rgba(211,47,47,.1);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:14px;border:1px solid rgba(211,47,47,.2)}
.md-promo__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-promo__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:#111827;line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}
.md-promo__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.md-promo__title em::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:6px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg)}
.md-promo__sub{font-size:.88rem;color:#4b5563;line-height:1.55;margin-bottom:20px;max-width:240px}
.md-promo__stats{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.md-promo__stat{display:flex;align-items:center;gap:9px;font-size:.74rem;color:#475569;font-weight:600}
.md-promo__stat i{width:20px;height:20px;border-radius:50%;background:#fff;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0;box-shadow:0 4px 10px -3px rgba(211,47,47,.3)}
.md-promo__cta{display:inline-flex;align-items:center;gap:9px;background:var(--primary-red);color:#fff;padding:11px 22px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(211,47,47,.7);position:relative;overflow:hidden}
.md-promo__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.md-promo__cta:hover::before{left:100%}
.md-promo__cta:hover{transform:translateY(-3px);box-shadow:0 16px 32px -10px rgba(211,47,47,.9)}
.md-products{background:#f8f9fb;padding:28px 30px 30px;display:flex;flex-direction:column}
.md-products__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid #eef1f6}
.md-products__title h4{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block}
.md-products__title h4::after{content:"";position:absolute;bottom:-6px;left:0;width:34px;height:2px;background:var(--primary-red);border-radius:2px;animation:mdHeadLine 3s ease-in-out infinite}
@keyframes mdHeadLine{0%,100%{width:34px;opacity:.75}50%{width:56px;opacity:1}}
.md-products__title span{font-size:.7rem;color:var(--text-gray);font-weight:500;margin-top:6px;display:block}
.md-nav{display:flex;gap:6px;align-items:center}
.md-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.md-nav__info b{color:var(--primary-red)}
.md-nav__btn{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.md-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.12)}
.md-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.md-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;position:relative;margin-top:20px}
.md-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden}
@keyframes mdCardIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.md-card:hover{transform:translateY(-6px);border-color:rgba(211,47,47,.35);box-shadow:0 25px 50px -26px rgba(211,47,47,.45)}
.md-card__top{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.md-card__img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:9px;overflow:hidden;aspect-ratio:1;align-self:center}
.md-card__img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.md-card:hover .md-card__img{transform:scale(1.14)}
.md-card__free{position:absolute;top:6px;left:6px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.48rem;font-weight:900;line-height:1.15;padding:5px 7px;border-radius:5px;text-transform:uppercase;z-index:3;animation:mdFreePulse 2.4s ease-in-out infinite}
@keyframes mdFreePulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}
.md-card__zoom{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.7rem;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:4}
.md-card__zoom:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.18) rotate(-10deg)}
.md-card__info{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:6px}
.md-card__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:5px}
.md-card__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.md-card__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.md-card:hover .md-card__title{color:var(--primary-red)}
.md-card__stars{display:flex;gap:2px;color:#d1d5db;font-size:.65rem}
.md-card__stars .filled{color:var(--star-gold)}
.md-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:2px;flex-wrap:wrap}
.md-card__price{font-family:'Montserrat',sans-serif;font-size:.96rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.md-card__old{font-size:.7rem;color:#94a3b8;text-decoration:line-through}
.md-card__price--call{font-size:.82rem;font-weight:800;color:var(--dark-navy)}
.md-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9;font-size:.65rem;color:var(--text-gray);font-weight:500}
.md-card__meta-item{display:inline-flex;align-items:center;gap:5px}
.md-card__meta-item i{font-size:.62rem;color:#94a3b8}
.md-card__stock{display:inline-flex;align-items:center;gap:5px;color:#16a34a;font-weight:700}
.md-card__stock i{font-size:.5rem;color:#16a34a;animation:mdStockBlink 1.6s ease-in-out infinite}
@keyframes mdStockBlink{0%,100%{opacity:1}50%{opacity:.4}}
.md-card__stock--low{color:#eab308}
.md-assurance{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;padding:22px 26px;background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 12px 30px -22px rgba(15,23,42,.18);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .3s cubic-bezier(.34,1.56,.64,1)}
.md-assurance.revealed{opacity:1;transform:translateY(0)}
.md-assurance__item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-right:1px solid #eef1f6}
.md-assurance__item:last-child{border-right:none}
.md-assurance__icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-assurance__item:hover .md-assurance__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.md-assurance__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;color:var(--dark-navy);letter-spacing:.3px;margin-bottom:2px}
.md-assurance__txt span{font-size:.66rem;color:var(--text-gray);font-weight:500}

/* ============================================================
   ELECTRICAL & LIGHTING (RED + BLACK + WHITE)
   ============================================================ */
.electrical-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#ffffff 0%,#fafafa 100%);position:relative;overflow:hidden}
.electrical-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.03) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.el-header{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin-bottom:50px;position:relative;z-index:2;padding-bottom:32px;border-bottom:1px solid #eef1f6}
.el-header__left{animation:naTitleIn .8s .05s cubic-bezier(.4,0,.2,1) both}
.el-header__right{animation:naTitleIn .8s .15s cubic-bezier(.4,0,.2,1) both}
.el-header__kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.el-header__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-header__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.el-header__title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.08;margin-bottom:14px}
.el-header__title span{color:var(--primary-red);position:relative;display:inline-block}
.el-header__title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .5s cubic-bezier(.34,1.56,.64,1) forwards}
.el-header__lead{font-size:.95rem;color:var(--text-gray);line-height:1.7;max-width:520px}
.el-header__lead b{color:var(--dark-navy);font-weight:700}
.el-header__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.el-stat{background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.35);box-shadow:0 14px 30px -18px rgba(211,47,47,.35)}
.el-stat__icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover .el-stat__icon{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;transform:rotate(-8deg) scale(1.08)}
.el-stat__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;line-height:1.2;margin-bottom:2px}
.el-stat__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}
.el-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px;position:relative;z-index:2;animation:naTitleIn .8s .25s cubic-bezier(.4,0,.2,1) both}
.el-tab{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #eef1f6;color:#475569;padding:12px 20px 12px 14px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.el-tab__icon{width:26px;height:26px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.68rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-tab__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.el-tab:hover{border-color:rgba(211,47,47,.35);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(211,47,47,.35)}
.el-tab:hover .el-tab__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.el-tab:hover .el-tab__count{background:var(--primary-red);color:#fff}
.el-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 16px 32px -12px rgba(211,47,47,.55);transform:translateY(-3px) scale(1.02)}
.el-tab.active .el-tab__icon{background:rgba(255,255,255,.2);color:#fff}
.el-tab.active .el-tab__count{background:rgba(255,255,255,.25);color:#fff}

.el-feature-banner{position:relative;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;min-height:280px;margin-bottom:34px;background:radial-gradient(500px 400px at 90% 100%, rgba(211,47,47,.12) 0%, transparent 70%),linear-gradient(120deg,#ffffff 0%,#fef5f5 45%,#fde8e8 100%);border:1px solid rgba(211,47,47,.15);box-shadow:0 30px 70px -34px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.el-feature-banner.revealed{opacity:1;transform:translateY(0)}
.el-feature-banner::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));z-index:4}
.el-feature-banner__content{padding:38px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;max-width:520px}
.el-feature-banner__tag{display:inline-flex;align-items:center;gap:8px;background:rgba(211,47,47,.1);color:var(--primary-red);padding:6px 14px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:16px;align-self:flex-start;border:1px solid rgba(211,47,47,.25);transition:all .4s ease}
.el-feature-banner__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-feature-banner:hover .el-feature-banner__tag{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}
.el-feature-banner:hover .el-feature-banner__tag__dot{background:#fff}
.el-feature-banner__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:900;color:var(--dark-navy);line-height:1.15;letter-spacing:-.02em;margin-bottom:12px}
.el-feature-banner__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.el-feature-banner__title em::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:8px;background:rgba(211,47,47,.2);z-index:-1;transform:skewX(-15deg)}
.el-feature-banner__sub{font-size:.9rem;color:#4b5563;line-height:1.6;margin-bottom:22px;max-width:380px}
.el-feature-banner__cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;padding:12px 26px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);position:relative;overflow:hidden}
.el-feature-banner__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.el-feature-banner:hover .el-feature-banner__cta::before{left:100%}
.el-feature-banner__cta:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.8)}
.el-feature-banner__visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.el-feature-banner__visual::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 240px at 50% 50%, rgba(211,47,47,.15) 0%, transparent 70%);z-index:1;opacity:.7}
.el-feature-banner:hover .el-feature-banner__visual::before{opacity:1}
.el-feature-banner__img{position:relative;z-index:2;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1);animation:elBannerFloat 6s ease-in-out infinite}
@keyframes elBannerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.el-feature-banner:hover .el-feature-banner__img{transform:scale(1.08) translateY(-14px);animation:none}
.el-feature-banner__badge{position:absolute;top:22px;right:22px;background:var(--dark-navy);color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:8px 14px;border-radius:999px;z-index:5;box-shadow:0 10px 22px -8px rgba(15,23,42,.5);animation:mdPromoBadgePulse 3s ease-in-out infinite}

.el-products-panel{background:#fff;border:1px solid #eef1f6;border-radius:22px;padding:28px 30px 30px;box-shadow:0 20px 50px -34px rgba(15,23,42,.2);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s .1s cubic-bezier(.34,1.56,.64,1)}
.el-products-panel.revealed{opacity:1;transform:translateY(0)}
.el-products-panel__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #eef1f6;flex-wrap:wrap;gap:14px}
.el-products-panel__title{display:flex;align-items:center;gap:14px}
.el-products-panel__title h4{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block;padding-left:20px}
.el-products-panel__title h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--primary-red);animation:mdStockBlink 1.6s ease-in-out infinite}
.el-products-panel__title span{font-size:.72rem;color:var(--text-gray);font-weight:500;padding-left:18px;border-left:1px solid #eef1f6}
.el-nav{display:flex;gap:6px;align-items:center}
.el-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.el-nav__info b{color:var(--primary-red)}
.el-nav__btn{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.el-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}
.el-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.el-grid-new{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.el-card-new{background:#fff;border:1px solid #eef1f6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards}
.el-card-new:hover{border-color:rgba(211,47,47,.4);transform:translateY(-8px);box-shadow:0 30px 55px -28px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.el-card-new__img-wrap{position:relative;aspect-ratio:1.2/1;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.el-card-new__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__img{transform:scale(1.12) rotate(-1deg)}
.el-card-new__free{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase;line-height:1.15;padding:6px 8px;border-radius:6px;z-index:3;animation:mdFreePulse 2.4s ease-in-out infinite}
.el-card-new__discount{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:3;letter-spacing:.4px;animation:salePop 2.6s ease-in-out infinite}
@keyframes salePop{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.el-card-new__quick{position:absolute;bottom:12px;right:12px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;z-index:3;opacity:0;transform:translateY(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__quick{opacity:1;transform:translateY(0) scale(1)}
.el-card-new__quick:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.15) rotate(-10deg) !important}
.el-card-new__wish{position:absolute;top:12px;right:52px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.72rem;cursor:pointer;z-index:3;opacity:0;transform:translateX(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__wish{opacity:1;transform:translateX(0) scale(1)}
.el-card-new__wish:hover,.el-card-new__wish.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.el-card-new__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.el-card-new__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:6px}
.el-card-new__cat::before{content:"";width:12px;height:2px;background:var(--primary-red);border-radius:2px}
.el-card-new__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.3em}
.el-card-new:hover .el-card-new__title{color:var(--primary-red)}
.el-card-new__stars{display:flex;align-items:center;gap:3px;font-size:.65rem;color:#d1d5db}
.el-card-new__stars .filled{color:var(--star-gold)}
.el-card-new__stars span{color:var(--text-gray);font-size:.62rem;margin-left:4px;font-weight:500}
.el-card-new__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid #f1f5f9}
.el-card-new__price{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.el-card-new__old{font-size:.72rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.el-card-new__price--call{font-size:.86rem;font-weight:800;color:var(--dark-navy)}
.el-card-new__stock{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;color:#16a34a;margin-top:-2px}
.el-card-new__stock i{font-size:.5rem;animation:mdStockBlink 1.6s ease-in-out infinite}
.el-card-new__stock--low{color:#eab308}
.el-assurance-new{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;background:linear-gradient(135deg,#ffffff,#fafafa);border:1px solid #eef1f6;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 20px 45px -30px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .2s cubic-bezier(.34,1.56,.64,1)}
.el-assurance-new.revealed{opacity:1;transform:translateY(0)}
.el-assurance-new__item{display:flex;align-items:center;gap:14px;padding:22px 22px;border-right:1px solid #eef1f6;transition:background .35s ease}
.el-assurance-new__item:last-child{border-right:none}
.el-assurance-new__item:hover{background:linear-gradient(135deg,#fafafa,#fef5f5)}
.el-assurance-new__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(15,23,42,.6)}
.el-assurance-new__item:hover .el-assurance-new__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:rotate(-10deg) scale(1.08)}
.el-assurance-new__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;margin-bottom:3px}
.el-assurance-new__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}

/* ============================================================
   BLOG SECTION — WHITE BG / RED + BLACK ACCENTS
   ============================================================ */
.blog-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#ffffff;position:relative;overflow:hidden}
.blog-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.02) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.02) 1px, transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.25) 55%, transparent 85%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.25) 55%, transparent 85%);pointer-events:none}

/* Featured + side layout */
.blog-feature-wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;margin-bottom:44px;position:relative;z-index:2}

/* Featured post */
.blog-feature{position:relative;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #eef1f6;box-shadow:0 25px 60px -34px rgba(15,23,42,.28);transition:all .6s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(35px)}
.blog-feature.revealed{opacity:1;transform:translateY(0)}
.blog-feature:hover{transform:translateY(-8px);box-shadow:0 40px 80px -34px rgba(211,47,47,.4),0 0 0 2px rgba(211,47,47,.25)}
.blog-feature__img-wrap{position:relative;overflow:hidden;min-height:380px}
.blog-feature__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__img{transform:scale(1.1)}
.blog-feature__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,23,42,.35) 0%,rgba(15,23,42,0) 55%)}
.blog-feature__content{padding:38px 34px;display:flex;flex-direction:column;justify-content:center}
.blog-feature__meta{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.blog-cat{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:6px 12px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(211,47,47,.5)}
.blog-cat--dark{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));box-shadow:0 8px 18px -8px rgba(15,23,42,.5)}
.blog-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-gray);font-weight:500}
.blog-meta-item i{color:var(--primary-red);font-size:.7rem}
.blog-feature__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px;transition:color .3s ease}
.blog-feature:hover .blog-feature__title{color:var(--primary-red)}
.blog-feature__excerpt{font-size:.9rem;color:var(--text-gray);line-height:1.7;margin-bottom:22px}
.blog-feature__author{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.blog-author-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.85rem;flex-shrink:0}
.blog-author-info{line-height:1.2}
.blog-author-info b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:2px}
.blog-author-info span{font-size:.65rem;color:var(--text-gray);font-weight:500}
.blog-feature__link{display:inline-flex;align-items:center;gap:10px;color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;align-self:flex-start;padding-bottom:4px;border-bottom:2px solid transparent;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__link{border-bottom-color:var(--primary-red);gap:14px}
.blog-feature__link i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__link i{transform:translateX(4px)}

/* Side small posts */
.blog-side{display:flex;flex-direction:column;gap:16px}
.blog-side__item{position:relative;display:grid;grid-template-columns:120px 1fr;gap:16px;background:#fff;border:1px solid #eef1f6;border-radius:16px;padding:14px;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden;opacity:0;transform:translateX(30px)}
.blog-side__item.revealed{opacity:1;transform:translateX(0)}
.blog-side__item:nth-child(1){transition-delay:.1s}
.blog-side__item:nth-child(2){transition-delay:.2s}
.blog-side__item:nth-child(3){transition-delay:.3s}
.blog-side__item:hover{transform:translateY(-4px);border-color:rgba(211,47,47,.35);box-shadow:0 20px 42px -24px rgba(211,47,47,.4)}
.blog-side__item::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.blog-side__item:hover::before{transform:scaleY(1)}
.blog-side__img{width:100%;aspect-ratio:1;background-size:cover;background-position:center;border-radius:11px;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}
.blog-side__item:hover .blog-side__img{transform:scale(1.08)}
.blog-side__info{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
.blog-side__cat{display:inline-flex;align-items:center;gap:5px;font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary-red)}
.blog-side__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.blog-side__title{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.blog-side__item:hover .blog-side__title{color:var(--primary-red)}
.blog-side__date{font-size:.65rem;color:var(--text-gray);display:flex;align-items:center;gap:6px;font-weight:500}
.blog-side__date i{color:var(--primary-red);font-size:.65rem}

/* Grid of 3 more posts */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:44px;position:relative;z-index:2}
.blog-card{background:#fff;border:1px solid #eef1f6;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .55s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(35px)}
.blog-card.revealed{opacity:1;transform:translateY(0)}
.blog-card:nth-child(1){transition-delay:.05s}
.blog-card:nth-child(2){transition-delay:.15s}
.blog-card:nth-child(3){transition-delay:.25s}
.blog-card:hover{transform:translateY(-10px);border-color:rgba(211,47,47,.35);box-shadow:0 32px 62px -30px rgba(211,47,47,.45),0 8px 20px -10px rgba(15,23,42,.08)}
.blog-card__img-wrap{position:relative;aspect-ratio:16/10;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.blog-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__img{transform:scale(1.13)}
.blog-card__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 45%,rgba(15,23,42,.55) 100%);opacity:.85;transition:opacity .4s ease}
.blog-card:hover .blog-card__img-wrap::after{opacity:1}
.blog-card__cat{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 11px;border-radius:999px;z-index:3;box-shadow:0 8px 18px -8px rgba(211,47,47,.6);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__cat{transform:scale(1.06)}
.blog-card__readtime{position:absolute;top:14px;right:14px;background:rgba(15,23,42,.8);backdrop-filter:blur(8px);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.6px;padding:6px 11px;border-radius:999px;z-index:3;display:flex;align-items:center;gap:5px}
.blog-card__readtime i{color:var(--primary-red);font-size:.6rem}
.blog-card__body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.68rem;color:var(--text-gray);font-weight:500}
.blog-card__meta span{display:inline-flex;align-items:center;gap:6px}
.blog-card__meta i{color:var(--primary-red);font-size:.68rem}
.blog-card__title{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.7em}
.blog-card:hover .blog-card__title{color:var(--primary-red)}
.blog-card__excerpt{font-size:.82rem;color:var(--text-gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:auto;border-top:1px solid #f1f5f9}
.blog-card__author{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;color:var(--text-dark)}
.blog-card__avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.blog-card__link{width:34px;height:34px;border-radius:50%;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__link{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-45deg) scale(1.1);box-shadow:0 10px 22px -8px rgba(211,47,47,.7)}

/* Newsletter CTA inside blog */
.blog-newsletter{position:relative;border-radius:22px;background:linear-gradient(135deg,#ffffff 0%,#fef5f5 100%);border:1px solid rgba(211,47,47,.18);padding:38px 40px;display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;box-shadow:0 25px 60px -34px rgba(211,47,47,.3);margin-top:12px;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1)}
.blog-newsletter.revealed{opacity:1;transform:translateY(0)}
.blog-newsletter::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));border-radius:22px 0 0 22px}
.blog-newsletter__icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px;box-shadow:0 12px 24px -10px rgba(15,23,42,.5)}
.blog-newsletter__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:10px}
.blog-newsletter__title span{color:var(--primary-red)}
.blog-newsletter__sub{font-size:.88rem;color:var(--text-gray);line-height:1.6}
.blog-newsletter__form{display:flex;gap:10px}
.blog-newsletter__form input{flex:1;padding:14px 18px;border:1.5px solid var(--light-gray);border-radius:12px;font-size:.9rem;outline:none;font-family:'Poppins',sans-serif;transition:all .3s ease;background:#fff}
.blog-newsletter__form input:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.blog-newsletter__form button{padding:14px 26px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);white-space:nowrap}
.blog-newsletter__form button:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}
.blog-newsletter__form button i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-newsletter__form button:hover i{transform:translateX(4px)}
.blog-newsletter__note{font-size:.7rem;color:var(--text-gray);margin-top:10px;display:flex;align-items:center;gap:6px}
.blog-newsletter__note i{color:var(--green);font-size:.7rem}

/* ============================================================
   FOOTER — WHITE BG / RED + BLACK ACCENTS
   ============================================================ */
footer{background:#ffffff;color:var(--text-dark);position:relative;overflow:hidden;border-top:1px solid #eef1f6}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--dark-navy) 50%,var(--primary-red) 100%)}
.footer-top{position:relative;padding:70px 0 50px;background:radial-gradient(900px 400px at 20% 0%, rgba(211,47,47,.05) 0%, transparent 55%),radial-gradient(900px 400px at 80% 100%, rgba(15,23,42,.04) 0%, transparent 55%),#ffffff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:40px;position:relative;z-index:2}
.footer-col__title{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:900;color:var(--dark-navy);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;position:relative;padding-bottom:12px}
.footer-col__title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--dark-navy));border-radius:2px;animation:ftLine 3s ease-in-out infinite}
@keyframes ftLine{0%,100%{width:34px;opacity:.85}50%{width:52px;opacity:1}}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.footer-brand-icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.4rem;box-shadow:0 8px 20px var(--shadow-red)}
.footer-brand-text h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.4rem;color:var(--dark-navy);line-height:1;letter-spacing:-.5px}
.footer-brand-text h3 span{color:var(--primary-red)}
.footer-brand-text span{display:block;color:var(--text-gray);font-size:.62rem;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-weight:500}
.footer-about{font-size:.85rem;color:var(--text-gray);line-height:1.75;margin-bottom:22px}
.footer-contacts{display:flex;flex-direction:column;gap:12px}
.footer-contact{display:flex;align-items:flex-start;gap:12px;font-size:.82rem;color:var(--text-dark);line-height:1.5}
.footer-contact i{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.footer-contact:hover i{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.footer-contact b{display:block;font-family:'Montserrat',sans-serif;font-weight:800;color:var(--dark-navy);font-size:.7rem;letter-spacing:.6px;text-transform:uppercase;margin-bottom:2px}
.footer-contact span{color:var(--text-gray);font-weight:500;font-size:.8rem}

.footer-links{display:flex;flex-direction:column;gap:11px}
.footer-link{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;color:var(--text-gray);font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);padding:3px 0;position:relative;width:fit-content;cursor:pointer}
.footer-link i{color:var(--primary-red);font-size:.6rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.footer-link::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:var(--primary-red);transition:right .4s cubic-bezier(.34,1.56,.64,1)}
.footer-link:hover{color:var(--primary-red);transform:translateX(5px)}
.footer-link:hover i{transform:translateX(3px)}
.footer-link:hover::after{right:0}

/* App badges */
.footer-apps{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.footer-app{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #eef1f6;border-radius:11px;padding:10px 14px;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-app:hover{border-color:rgba(211,47,47,.35);transform:translateY(-3px);box-shadow:0 12px 26px -14px rgba(211,47,47,.4)}
.footer-app i{font-size:1.4rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.footer-app:hover i{transform:scale(1.1) rotate(-6deg)}
.footer-app-txt{line-height:1.2}
.footer-app-txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:900;color:var(--dark-navy);letter-spacing:.6px}
.footer-app-txt span{font-size:.6rem;color:var(--text-gray);font-weight:500}

.footer-social-title{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--dark-navy);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:12px}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap}
.footer-social{width:40px;height:40px;border-radius:11px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.92rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-social:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-4px) rotate(-8deg);box-shadow:0 14px 28px -12px rgba(211,47,47,.6)}

.footer-bottom{background:#ffffff;border-top:1px solid #eef1f6;padding:22px 0;position:relative;z-index:2}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-copy{font-size:.78rem;color:var(--text-gray);font-weight:500}
.footer-copy b{color:var(--dark-navy);font-weight:800}
.footer-copy span{color:var(--primary-red);font-weight:700}
.footer-payments{display:flex;align-items:center;gap:10px}
.footer-payments span{font-size:.72rem;color:var(--text-gray);font-weight:500;margin-right:4px}
.pay-icon{width:42px;height:28px;border-radius:6px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .35s ease;border:1px solid #eef1f6}
.pay-icon:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-2px);border-color:transparent}
.footer-top-btn{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.7);border:0}
.footer-top-btn:hover{transform:translateY(-4px) rotate(-6deg);box-shadow:0 20px 38px -12px rgba(211,47,47,.9)}
.footer-top-btn i{animation:ftBob 2.4s ease-in-out infinite}
@keyframes ftBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* TOAST + WA */
.toast-cart{position:fixed;bottom:100px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 20px 40px -10px rgba(22,163,74,.5);display:flex;align-items:center;gap:10px;z-index:999;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.toast-cart.show{opacity:1;transform:translateY(0) scale(1)}
.toast-cart--wish{background:linear-gradient(135deg,var(--primary-red),var(--hover-red))}
.wa-float{position:fixed;right:20px;bottom:22px;z-index:99;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C7E);display:grid;place-items:center;box-shadow:0 14px 32px -10px rgba(18,140,126,.9);animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:29px;height:29px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 16px rgba(37,211,102,0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* RESPONSIVE */
@media (max-width:1180px){
  .hero-search__row{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .hero-search__row .hero-search__btn{grid-column:1/-1;justify-content:center}
  .chip-float{display:none}
  .na-track{grid-auto-columns:calc((100% - 66px) / 4)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-product-card{right:3%;width:250px}
  .md-wrap{grid-template-columns:230px 280px 1fr}
  .el-grid-new{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
}
@media (max-width:1024px){
  .hero{min-height:auto;padding:60px 0 130px}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:28px 12px}
  .trust-item:not(:last-child)::after{display:none}
  .na-carousel{padding:0 46px}
  .na-track{grid-auto-columns:calc((100% - 44px) / 3)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-inner{padding:130px 20px 110px}
  .ps-product-card{position:relative;right:auto;top:auto;transform:none;opacity:1;animation:none !important;margin-top:26px;width:100%;max-width:340px;pointer-events:auto}
  .ps-content{max-width:100%}
  .md-wrap{grid-template-columns:1fr}
  .md-cats{border-right:none;border-bottom:1px solid #eef1f6;padding:28px 24px}
  .md-cats__list{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:12px}
  .md-cat{padding:9px 14px;background:#f8fafc;border-radius:999px;width:auto;transform:none !important}
  .md-cat__icon{background:#e2e8f0}
  .md-promo{min-height:260px;padding:28px 24px 0}
  .md-assurance{grid-template-columns:repeat(2,1fr)}
  .el-header{grid-template-columns:1fr;gap:26px;align-items:start;padding-bottom:28px}
  .el-feature-banner{grid-template-columns:1fr;min-height:auto}
  .el-feature-banner__visual{min-height:200px;order:-1}
  .el-feature-banner__content{padding:28px 26px;max-width:100%}
  .el-grid-new{grid-template-columns:repeat(2,1fr)}
  .el-assurance-new{grid-template-columns:repeat(2,1fr)}
  .el-assurance-new__item:nth-child(2){border-right:none}
  .el-assurance-new__item:nth-child(1),.el-assurance-new__item:nth-child(2){border-bottom:1px solid #eef1f6}
  .blog-feature-wrap{grid-template-columns:1fr;gap:22px}
  .blog-feature{grid-template-columns:1fr}
  .blog-feature__img-wrap{min-height:250px}
  .blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .blog-newsletter{grid-template-columns:1fr;gap:24px;padding:32px 28px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
}
@media (max-width:768px){
  .header-content{flex-direction:column;gap:16px}
  .header-search{width:100%;max-width:100%}
  .header-icons{width:100%;justify-content:space-around}
  .hero{padding:50px 0 120px}
  .hero-search{padding:16px}
  .hero-search__row{grid-template-columns:1fr 1fr}
  .hero-search__row .hero-search__btn{grid-column:1/-1}
  .trust-overlap{margin-top:-70px;padding:0 14px}
  .trust-panel{padding:26px 16px}
  .trust-grid{grid-template-columns:1fr;gap:24px}
  .new-arrivals{padding:60px 0 70px}
  .na-carousel{padding:0 44px}
  .na-track{grid-auto-columns:calc((100% - 22px) / 2);gap:18px}
  .na-nav{width:40px;height:40px}
  .section-title{font-size:1.7rem}
  .brand-banners{padding:60px 0 70px}
  .bb-grid{grid-template-columns:1fr;gap:18px}
  .bb-card{aspect-ratio:16/9;min-height:220px}
  .categories{padding:60px 0 70px}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .product-slider{min-height:520px}
  .ps-inner{padding:120px 20px 90px}
  .ps-headline{font-size:2rem}
  .ps-arrow{width:42px;height:42px}
  .ps-arrow--prev{left:10px}
  .ps-arrow--next{right:10px}
  .mega-deals,.electrical-section{padding:60px 0 70px}
  .md-products{padding:22px 18px 24px}
  .md-grid{grid-template-columns:1fr}
  .md-card__top{grid-template-columns:100px 1fr;gap:14px}
  .md-assurance{grid-template-columns:1fr;padding:18px}
  .el-header{margin-bottom:34px;padding-bottom:24px}
  .el-header__title{font-size:1.7rem}
  .el-header__stats{grid-template-columns:1fr}
  .el-tabs{margin-bottom:28px;gap:8px}
  .el-tab{padding:10px 16px 10px 11px;font-size:.75rem}
  .el-feature-banner{border-radius:18px;margin-bottom:24px}
  .el-feature-banner__content{padding:24px 22px}
  .el-feature-banner__title{font-size:1.35rem}
  .el-products-panel{padding:22px 18px 24px;border-radius:18px}
  .el-grid-new{grid-template-columns:repeat(2,1fr);gap:12px}
  .el-assurance-new{grid-template-columns:1fr;border-radius:16px}
  .el-assurance-new__item{border-right:none;border-bottom:1px solid #eef1f6;padding:16px 18px}
  .el-assurance-new__item:last-child{border-bottom:none}

  .blog-section{padding:60px 0 70px}
  .blog-feature__content{padding:28px 22px}
  .blog-feature__title{font-size:1.25rem}
  .blog-side__item{grid-template-columns:100px 1fr;gap:13px;padding:12px}
  .blog-side__title{font-size:.82rem}
  .blog-grid{grid-template-columns:1fr;gap:18px}
  .blog-newsletter{padding:28px 22px}
  .blog-newsletter__form{flex-direction:column}
  .blog-newsletter__form button{justify-content:center}
  .footer-top{padding:52px 0 40px}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-bottom-inner{justify-content:center;text-align:center}
}
@media (max-width:520px){
  .ticker-item{font-size:.78rem}
  .brand-text h1{font-size:1.4rem}
  .logo-icon{width:44px;height:44px;font-size:1.3rem}
  .hero{padding:40px 0 100px}
  .hero-search__row{grid-template-columns:1fr}
  .trust-overlap{margin-top:-60px}
  .na-carousel{padding:0 38px}
  .na-track{grid-auto-columns:82%}
  .wa-float{width:50px;height:50px;right:14px;bottom:16px}
  .wa-float svg{width:25px;height:25px}
  .toast-cart{right:14px;bottom:80px;font-size:.82rem;padding:12px 18px}
  .bb-card{aspect-ratio:16/10;min-height:200px}
  .cat-grid{grid-template-columns:1fr;gap:14px}
  .cat-card{aspect-ratio:16/9}
  .ps-headline{font-size:1.5rem}
  .ps-product-card{display:none}
  .md-cats{padding:24px 18px}
  .md-cats__title{font-size:1.15rem}
  .md-cat{font-size:.78rem;padding:8px 12px}
  .md-promo{min-height:180px;padding:22px 18px 0}
  .md-promo__title{font-size:1.02rem}
  .md-card{grid-template-columns:90px 1fr;padding:12px}
  .el-header__title{font-size:1.5rem}
  .el-tab{padding:9px 14px 9px 10px;font-size:.7rem;gap:8px}
  .el-feature-banner__title{font-size:1.15rem}
  .el-grid-new{grid-template-columns:1fr;gap:14px}
  .el-card-new__img-wrap{aspect-ratio:16/10}
  .blog-feature__img-wrap{min-height:200px}
  .blog-feature__title{font-size:1.1rem}
  .blog-side__item{grid-template-columns:90px 1fr;padding:10px;gap:11px}
  .blog-side__title{font-size:.78rem}
  .blog-newsletter__title{font-size:1.15rem}
  .footer-brand-text h3{font-size:1.2rem}
  .footer-contact span{font-size:.76rem}
  .footer-social{width:36px;height:36px;font-size:.85rem}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .hero-particles{display:none}
  .hero-slide:first-child{opacity:1}
  .typed-caret{opacity:1}
  .na-card,.bb-card,.cat-card,.md-wrap,.md-assurance,.el-feature-banner,.el-products-panel,.el-assurance-new,.blog-feature,.blog-side__item,.blog-card,.blog-newsletter{opacity:1;transform:none}
  .ps-slide.is-active{animation:none}
  .ps-content{opacity:1;transform:none;animation:none !important}
  .ps-product-card{transform:translateY(-50%) translateX(0) scale(1);opacity:1;animation:none !important}
}

:root{--primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;--white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;--star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,0.08);--shadow-red:rgba(211,47,47,0.3)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--white);color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit}

/* TICKER */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem;animation:iconBob 2.4s ease-in-out infinite}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes iconBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-8deg)}}

/* HEADER */
header{background:#fff;padding:18px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer}
.logo-icon{background:var(--primary-red);color:#fff;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.6rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.7rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.68rem;letter-spacing:2.5px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-search{flex-grow:1;max-width:600px}
.search-box{display:flex;background:var(--off-white);border-radius:50px;overflow:hidden;height:52px;align-items:center;padding:5px;border:2px solid var(--light-gray);transition:all .4s ease}
.search-box:focus-within{background:#fff;border-color:var(--primary-red);box-shadow:0 0 22px var(--shadow-red)}
.header-cat{border:none;background:transparent;padding:0 15px;font-size:.88rem;color:var(--text-dark);border-right:1px solid var(--light-gray);outline:none;cursor:pointer;font-weight:600}
.header-input{border:none;flex-grow:1;padding:0 15px;font-size:.92rem;outline:none;background:transparent}
.header-input::placeholder{color:#94a3b8}
.header-search-btn{background:var(--primary-red);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;font-size:1rem}
.header-search-btn:hover{background:var(--hover-red);transform:scale(1.1) rotate(15deg)}
.header-icons{display:flex;align-items:center;gap:22px}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.4rem}
.badge{position:absolute;top:-5px;right:-5px;background:var(--primary-red);color:#fff;font-size:.65rem;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;animation:pulseBadge 2s infinite}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* ALL CATEGORIES BUTTON & MEGA MENU */
.all-cat-btn{display:flex;align-items:center;gap:10px;background:var(--dark-navy);color:#fff;border:none;padding:0 20px;height:52px;border-radius:12px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;position:relative;z-index:102}
.all-cat-btn i{font-size:.9rem;transition:transform .3s ease}
.all-cat-btn:hover{background:var(--primary-red);transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(211,47,47,.6)}
.all-cat-btn.active i{transform:rotate(180deg)}
.mega-menu{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 30px 60px -20px rgba(15,23,42,.25);border-top:3px solid var(--primary-red);opacity:0;pointer-events:none;transform:translateY(10px);transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:99;max-height:calc(100vh - 80px);overflow:hidden;border-radius:0 0 20px 20px}
.mega-menu.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.mega-menu__inner{display:grid;grid-template-columns:280px 1fr;max-width:1300px;margin:0 auto;height:100%;max-height:520px}
.mega-menu__sidebar{background:#f8fafc;border-right:1px solid #eef1f6;overflow-y:auto;padding:16px 0;scrollbar-width:thin}
.mega-menu__sidebar::-webkit-scrollbar{width:5px}
.mega-menu__sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9px}
.mega-cat{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent;font-size:.85rem;font-weight:600;color:#475569}
.mega-cat:hover{background:#fff;color:var(--primary-red);border-left-color:var(--primary-red)}
.mega-cat.active{background:#fff;color:var(--primary-red);border-left-color:var(--primary-red);font-weight:800}
.mega-cat span.count{font-size:.7rem;color:#94a3b8;font-weight:600}
.mega-cat.active span.count{color:var(--primary-red)}
.mega-cat i{font-size:.7rem;color:#cbd5e1;transition:transform .3s ease}
.mega-cat.active i{color:var(--primary-red);transform:translateX(3px)}
.mega-menu__content{padding:24px 30px;overflow-y:auto;scrollbar-width:thin}
.mega-menu__content::-webkit-scrollbar{width:5px}
.mega-menu__content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9px}
.mega-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.mega-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;display:flex;flex-direction:column}
.mega-card:hover{border-color:rgba(211,47,47,.4);transform:translateY(-4px);box-shadow:0 18px 36px -20px rgba(211,47,47,.5)}
.mega-card__img{width:100%;aspect-ratio:1.1/1;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:relative}
.mega-card:hover .mega-card__img{transform:scale(1.1)}
.mega-card__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1}
.mega-card__cat{font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary-red)}
.mega-card__title{font-size:.75rem;font-weight:600;color:#374151;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2em}
.mega-card:hover .mega-card__title{color:var(--primary-red)}
.mega-card__price{font-family:'Montserrat',sans-serif;font-size:.85rem;font-weight:900;color:var(--primary-red);margin-top:auto}
.mega-card__price s{font-size:.65rem;color:#94a3b8;font-weight:500;margin-left:6px}
.mega-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid #eef1f6}
.mega-footer__title{font-family:'Montserrat',sans-serif;font-size:.75rem;font-weight:800;color:var(--dark-navy);letter-spacing:1.6px;text-transform:uppercase}
.mega-footer__link{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--primary-red);transition:all .3s ease}
.mega-footer__link:hover{gap:12px}

/* HERO */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:80px 0 140px}
.hero-slides{position:absolute;inset:0;z-index:-4;overflow:hidden}
.hero-slide{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;animation:heroKenBurns 32s infinite}
.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:8s}.hero-slide:nth-child(3){animation-delay:16s}.hero-slide:nth-child(4){animation-delay:24s}
@keyframes heroKenBurns{0%{opacity:0;transform:scale(1.06)}5%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1.18)}100%{opacity:0;transform:scale(1.06)}}
.hero-overlay{position:absolute;inset:0;z-index:-3;background:radial-gradient(1000px 600px at 50% 30%, rgba(211,47,47,.22) 0%, transparent 65%),linear-gradient(180deg,rgba(15,23,42,.75),rgba(15,23,42,.94))}
.hero-grid{position:absolute;inset:-40px;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);mask-image:radial-gradient(circle at 50% 45%, #000 0%, transparent 80%);animation:gridDrift 26s linear infinite;pointer-events:none}
@keyframes gridDrift{to{background-position:54px 54px,54px 54px}}
.hero-particles{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-particles span{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);opacity:0;animation:rise var(--dur) linear infinite;animation-delay:var(--delay)}
@keyframes rise{0%{transform:translate3d(0,30px,0) scale(.5);opacity:0}18%{opacity:.85}78%{opacity:.3}100%{transform:translate3d(14px,-200px,0) scale(1.05);opacity:0}}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E5EDF9;padding:8px 20px 8px 14px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;backdrop-filter:blur(10px);animation:fadeUp .7s both}
.hero-eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#25D366;animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.hero-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:18px;text-transform:uppercase;animation:fadeUp .7s .08s both}
.hero-headline span{color:var(--primary-red);position:relative;display:inline-block}
.hero-headline span::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:12px;background:rgba(211,47,47,.28);z-index:-1;transform:skewX(-15deg)}
.typed-wrap{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,3.6vw,3rem);font-weight:900;line-height:1.25;color:#E5EDF9;margin-bottom:26px;display:block;min-height:1.4em;animation:fadeUp .7s .16s both;text-transform:uppercase}
.typed-line{display:inline-block;font-weight:900;min-height:1.2em;background:linear-gradient(120deg,#ff5a5a,#FFD166 50%,var(--primary-red));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease-in-out infinite}
@keyframes gradientShift{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
.typed-caret{display:inline-block;width:4px;height:1em;margin-left:6px;vertical-align:-.12em;border-radius:2px;background:var(--primary-red);animation:caretBlink 1.05s steps(1,end) infinite}
@keyframes caretBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
.hero-desc{font-size:1.02rem;color:#B6C6DE;line-height:1.75;margin:0 auto 40px;max-width:640px;animation:fadeUp .7s .24s both}
.hero-desc b{color:#fff;font-weight:700}
.hero-search{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.85);position:relative;overflow:hidden;max-width:960px;margin:0 auto 32px;animation:fadeUp .7s .32s both;text-align:left}
.hero-search::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-red),#F5919A,var(--dark-navy),#F5919A,var(--primary-red));background-size:200% 100%;animation:barSlide 6s linear infinite}
@keyframes barSlide{to{background-position:200% 0}}
.hero-search__head{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:14px;text-transform:uppercase;letter-spacing:.8px}
.hero-search__head i{color:var(--primary-red);font-size:.9rem}
.hero-search__head strong{color:var(--primary-red);margin-left:auto;font-size:.7rem;padding:4px 10px;background:#FDECEE;border-radius:999px;letter-spacing:1px}
.hero-search__row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px}
.field{position:relative}
.field select{appearance:none;-webkit-appearance:none;width:100%;padding:14px 34px 14px 14px;border:1.5px solid var(--light-gray);border-radius:12px;background:#fff;font-size:.88rem;font-weight:600;color:var(--dark-navy);cursor:pointer;outline:none;transition:all .2s ease}
.field select:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.field select:invalid{color:#93a2b8}
.field--select::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #8895a8;border-bottom:2px solid #8895a8;transform:translateY(-72%) rotate(45deg);pointer-events:none}
.hero-search__btn{border:0;cursor:pointer;font-weight:700;font-size:.9rem;border-radius:12px;padding:14px 28px;white-space:nowrap;color:#fff;background:linear-gradient(180deg,#F04A56,var(--hover-red));box-shadow:0 12px 26px -10px rgba(211,47,47,.9);transition:transform .18s ease;display:inline-flex;align-items:center;gap:9px}
.hero-search__btn:hover{transform:translateY(-2px)}
.hero-search__hint{margin:13px 0 0;font-size:.78rem;font-weight:600;color:var(--text-gray);display:flex;align-items:center;gap:8px;min-height:20px}
.hero-search__hint.is-success{color:var(--green)}
.hero-search__hint.is-error{color:var(--primary-red)}
.hint-pop{animation:hintPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes hintPop{0%{transform:translateY(6px);opacity:0}100%{transform:translateY(0);opacity:1}}
.hero-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;animation:fadeUp .7s .4s both}
.quick-tag{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#DDE7F5;padding:7px 14px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:7px}
.quick-tag i{color:var(--primary-red);font-size:.75rem}
.quick-tag:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-2px)}
.quick-tag:hover i{color:white}
.chip-float{position:absolute;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:11px 15px 11px 11px;display:flex;align-items:center;gap:11px;box-shadow:0 22px 45px -18px rgba(0,0,0,.6);animation:bobChip 5.5s ease-in-out infinite;z-index:3}
.chip-float:nth-child(1){top:20%;left:4%}
.chip-float:nth-child(2){top:55%;right:5%;animation-delay:1.2s}
.chip-float:nth-child(3){bottom:22%;left:8%;animation-delay:2.4s}
.chip-float:nth-child(4){bottom:30%;right:9%;animation-delay:3.6s}
@keyframes bobChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.chip-float__img{width:44px;height:44px;border-radius:10px;background-size:cover;background-position:center;flex-shrink:0;border:1px solid rgba(15,23,42,.1)}
.chip-float__txt h4{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);white-space:nowrap}
.chip-float__txt span{font-size:.68rem;color:var(--text-gray);font-weight:600;white-space:nowrap}
.chip-float__txt span em{color:var(--primary-red);font-style:normal;font-weight:800}

/* TRUST */
.trust-overlap{position:relative;z-index:10;margin-top:-90px;padding:0 20px}
.trust-panel{max-width:1300px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 30px 70px -30px rgba(15,23,42,.35);padding:36px 30px;position:relative;overflow:hidden;animation:trustRise .9s .2s cubic-bezier(.34,1.56,.64,1) both}
@keyframes trustRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.trust-panel::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:280px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-red),transparent)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-item{text-align:center;padding:8px 20px;position:relative;cursor:pointer;opacity:0;animation:trustItemIn .8s cubic-bezier(.34,1.56,.64,1) forwards;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.trust-item:nth-child(1){animation-delay:.35s}.trust-item:nth-child(2){animation-delay:.48s}.trust-item:nth-child(3){animation-delay:.61s}.trust-item:nth-child(4){animation-delay:.74s}
@keyframes trustItemIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.trust-item:hover{transform:translateY(-8px)}
.trust-item:not(:last-child)::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:linear-gradient(180deg,transparent,#e2e8f0 25%,#e2e8f0 75%,transparent)}
.trust-icon{width:92px;height:92px;margin:0 auto 20px;position:relative;border-radius:50%;background:radial-gradient(circle at 30% 25%, #fff 0%, #eef2f7 60%, #e4eaf3 100%);display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-icon{transform:scale(1.12) rotate(-8deg);background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 20px 45px -12px rgba(211,47,47,.65)}
.trust-icon svg{width:40px;height:40px;stroke:#0f172a;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:iconFloat 4.6s ease-in-out infinite;transition:stroke .4s ease}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.trust-item:hover .trust-icon svg{stroke:#fff}
.trust-badge{position:absolute;top:-4px;right:-10px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 11px;border-radius:999px;border:2px solid #fff;box-shadow:0 6px 18px -4px rgba(211,47,47,.65);animation:badgeBounce 3s ease-in-out infinite}
@keyframes badgeBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}
.trust-item:hover .trust-badge{animation:none;background:#fff;color:var(--primary-red);border-color:var(--primary-red);transform:translateY(-4px) scale(1.12)}
.trust-title{font-family:'Montserrat',sans-serif;font-size:.92rem;font-weight:800;color:#0f172a;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:10px;position:relative;display:inline-block}
.trust-title::after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,var(--primary-red),#FF8B94);transform:translateX(-50%);transition:width .4s cubic-bezier(.34,1.56,.64,1)}
.trust-item:hover .trust-title{color:var(--primary-red)}
.trust-item:hover .trust-title::after{width:60%}
.trust-desc{font-size:.86rem;color:var(--text-gray);line-height:1.65;max-width:250px;margin:0 auto}

/* OFFER STRIP */
.offer-strip{position:relative;background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#2a1a1a 100%);padding:22px 0;overflow:hidden;border-top:3px solid var(--primary-red);border-bottom:3px solid var(--primary-red);margin-top:60px}
.offer-strip-inner{display:flex;align-items:center;gap:20px;position:relative;z-index:2}
.offer-strip-tag{background:var(--primary-red);color:white;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:8px 16px;border-radius:6px;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;gap:8px}
.offer-strip-tag i{animation:rotate360 3s linear infinite}
@keyframes rotate360{to{transform:rotate(360deg)}}
.offer-marquee{flex:1;overflow:hidden;position:relative}
.offer-marquee::before,.offer-marquee::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.offer-marquee::before{left:0;background:linear-gradient(90deg,#0f172a,transparent)}
.offer-marquee::after{right:0;background:linear-gradient(90deg,transparent,#0f172a)}
.offer-track{display:flex;gap:50px;white-space:nowrap;animation:offerScroll 30s linear infinite;align-items:center}
.offer-marquee:hover .offer-track{animation-play-state:paused}
@keyframes offerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.offer-item{display:inline-flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.92rem;color:#E5EDF9}
.offer-item i{color:var(--primary-red);font-size:1rem}
.offer-item strong{color:#FF8B94;font-weight:900;padding:2px 8px;background:rgba(211,47,47,.2);border-radius:5px}
.offer-item em{font-style:normal;color:#FFD166;font-weight:800}

/* SECTION HEAD */
.section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
@keyframes naKickerIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:14px;animation:naTitleIn .8s .08s both}
.section-title span{color:var(--primary-red);position:relative;display:inline-block}
.section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes titleUnderline{to{transform:skewX(-15deg) scaleX(1)}}
@keyframes naTitleIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.section-sub{color:var(--text-gray);font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.7;animation:naTitleIn .8s .16s both}
.section-sub b{color:var(--dark-navy);font-weight:700}

/* NEW ARRIVALS */
.new-arrivals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.na-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:44px}
.na-tab{background:#fff;border:1.5px solid var(--light-gray);color:var(--text-dark);padding:11px 22px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:8px}
.na-tab i{font-size:.8rem;color:var(--text-gray)}
.na-tab:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px)}
.na-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);transform:translateY(-3px) scale(1.03)}
.na-tab.active i{color:#fff}
.na-tab__count{background:rgba(0,0,0,.08);padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:800}
.na-tab.active .na-tab__count{background:rgba(255,255,255,.22)}
.na-carousel{position:relative;padding:0 56px}
.na-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px) / 5);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:12px 4px 22px;scrollbar-width:none}
.na-track::-webkit-scrollbar{display:none}
.na-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:0 0 14px;scroll-snap-align:start;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(35px)}
.na-card.revealed{opacity:1;transform:translateY(0)}
.na-card:hover{border-color:var(--primary-red);box-shadow:0 30px 55px -22px rgba(211,47,47,.35);transform:translateY(-10px)}
.na-img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);aspect-ratio:1;overflow:hidden;margin-bottom:14px}
.na-img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:all .7s cubic-bezier(.34,1.56,.64,1);opacity:0}
.na-img-wrap img.active{opacity:1}
.na-card:hover .na-img-wrap img.active{transform:scale(1.13)}
.na-sale{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#FF6B6B,#d32f2f);color:#fff;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:5}
.na-free{position:absolute;bottom:14px;left:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:6px 9px;border-radius:7px;text-transform:uppercase;z-index:5;display:flex;align-items:center;gap:5px}
.na-body{padding:0 14px;display:flex;flex-direction:column;flex:1}
.na-title-card{font-size:.84rem;font-weight:600;color:#374151;line-height:1.45;min-height:2.9em;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.na-card:hover .na-title-card{color:var(--primary-red)}
.na-stars{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#d1d5db;margin-bottom:12px}
.na-stars .filled{color:var(--star-gold)}
.na-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.na-price{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--primary-red)}
.na-old{font-size:.78rem;color:#94a3b8;text-decoration:line-through}
.na-add-btn{flex:1;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;border-radius:10px;color:#fff;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:all .35s ease;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:7px}
.na-add-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px rgba(211,47,47,.75)}
.na-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;z-index:5;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.na-nav:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-50%) scale(1.14)}
.na-nav--prev{left:0}.na-nav--next{right:0}
.view-all{display:flex;justify-content:center;margin-top:48px}
.view-all a{display:inline-flex;align-items:center;gap:12px;padding:15px 36px;border-radius:999px;background:#fff;border:2px solid var(--dark-navy);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;transition:all .45s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.view-all a::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover::before{transform:scaleX(1)}
.view-all a span,.view-all a i{position:relative;z-index:1}
.view-all a:hover{color:#fff;border-color:var(--primary-red)}
.view-all a i{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.view-all a:hover i{transform:translateX(6px)}

/* BRAND BANNERS */
.brand-banners{padding:90px 0 100px;background:radial-gradient(900px 400px at 30% 0%, rgba(211,47,47,.05) 0%, transparent 60%),radial-gradient(900px 400px at 70% 100%, rgba(15,23,42,.05) 0%, transparent 60%),#f8fafc;position:relative;overflow:hidden}
.bb-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.bb-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/8.5;min-height:260px;cursor:pointer;isolation:isolate;box-shadow:0 20px 45px -22px rgba(15,23,42,.4);opacity:0;transform:translateY(35px)}
.bb-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover{transform:translateY(-8px);box-shadow:0 40px 70px -26px rgba(15,23,42,.6),0 0 0 2px var(--bb-accent,var(--primary-red))}
.bb-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:bbKenBurns 22s ease-in-out infinite alternate;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1)}
@keyframes bbKenBurns{0%{transform:scale(1)}100%{transform:scale(1.08) translate(-8px,-6px)}}
.bb-card:hover .bb-img{transform:scale(1.15) translate(-10px,-8px)}
.bb-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(15,23,42,.9),rgba(15,23,42,.75) 32%,rgba(15,23,42,.35) 58%,rgba(15,23,42,.05))}
.bb-content{position:relative;z-index:2;padding:32px 36px;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:70%}
.bb-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#E5EDF9;padding:5px 12px 5px 9px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:14px;align-self:flex-start;transition:all .4s ease}
.bb-tag__dot{width:6px;height:6px;border-radius:50%;background:var(--bb-accent,var(--primary-red))}
.bb-card:hover .bb-tag{background:var(--bb-accent,var(--primary-red));border-color:var(--bb-accent,var(--primary-red));color:#fff;transform:translateX(4px)}
.bb-headline{font-family:'Montserrat',sans-serif;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;color:#E5EDF9;line-height:1.2;margin-bottom:6px}
.bb-brand{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,2.9vw,2.3rem);font-weight:900;color:var(--bb-accent,var(--primary-red));letter-spacing:-.02em;line-height:1.05;margin-bottom:14px;text-shadow:0 4px 18px rgba(0,0,0,.5);position:relative;display:inline-block;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.bb-brand::after{content:"";position:absolute;bottom:-6px;left:0;height:3px;width:44px;background:var(--bb-accent,var(--primary-red));border-radius:2px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}
.bb-card:hover .bb-brand{transform:translateX(3px)}
.bb-card:hover .bb-brand::after{width:80px}
.bb-text{font-size:.86rem;color:#B6C6DE;line-height:1.6;margin-bottom:22px;max-width:420px}
.bb-cta{display:inline-flex;align-items:center;gap:11px;background:linear-gradient(135deg,var(--bb-accent,var(--primary-red)),#8c1a1a);color:#fff;padding:12px 24px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(6px);opacity:.85}
.bb-card:hover .bb-cta{transform:translateY(0);opacity:1}
.bb-count{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.95);color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:900;padding:8px 13px;border-radius:999px;z-index:4;display:flex;align-items:center;gap:7px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.bb-count i{color:var(--bb-accent,var(--primary-red));font-size:.7rem}
.bb-card:hover .bb-count{background:var(--bb-accent,var(--primary-red));color:#fff;transform:translateY(-4px) scale(1.06)}
.bb-card:hover .bb-count i{color:#fff}

/* CATEGORIES */
.categories{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#fff;position:relative;overflow:hidden}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cat-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1/1.05;cursor:pointer;isolation:isolate;background:#fff;box-shadow:0 12px 30px -18px rgba(15,23,42,.35);opacity:0;transform:translateY(35px)}
.cat-card.revealed{opacity:1;transform:translateY(0);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover{transform:translateY(-10px);box-shadow:0 40px 70px -28px rgba(15,23,42,.55),0 0 0 2px var(--cat-accent,var(--primary-red))}
.cat-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;animation:catKenBurns 20s ease-in-out infinite alternate}
@keyframes catKenBurns{0%{transform:scale(1)}100%{transform:scale(1.1) translate(-6px,-6px)}}
.cat-card:hover .cat-img{transform:scale(1.2) translate(-10px,-10px)}
.cat-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,23,42,.15) 0%,rgba(15,23,42,.45) 45%,rgba(15,23,42,.92) 100%)}
.cat-content{position:absolute;inset:auto 0 0 0;padding:24px 22px;z-index:2;display:flex;flex-direction:column;gap:6px}
.cat-icon-wrap{position:absolute;top:18px;left:18px;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--cat-accent,var(--primary-red));font-size:1.3rem;z-index:3;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-icon-wrap{background:var(--cat-accent,var(--primary-red));color:#fff;transform:rotate(-10deg) scale(1.08)}
.cat-name{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:#fff;letter-spacing:-.01em;line-height:1.15;text-shadow:0 4px 14px rgba(0,0,0,.5);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-name{transform:translateY(-3px)}
.cat-count{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#B6C6DE}
.cat-count b{color:var(--cat-accent,var(--primary-red));font-weight:900;background:rgba(255,255,255,.12);padding:2px 8px;border-radius:999px}
.cat-arrow{position:absolute;bottom:24px;right:22px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.9rem;z-index:3;opacity:0;transform:translateX(12px) scale(.9);transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cat-card:hover .cat-arrow{opacity:1;transform:translateX(0) scale(1);background:var(--cat-accent,var(--primary-red));color:#fff}
.cat-badge{position:absolute;top:18px;right:18px;background:linear-gradient(135deg,var(--cat-accent,var(--primary-red)),#8c1a1a);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.2px;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:3;display:flex;align-items:center;gap:5px;animation:catBadgePulse 2.8s ease-in-out infinite}
@keyframes catBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* PRODUCT SLIDER */
.product-slider{position:relative;padding:0;background:#0f172a;overflow:hidden;isolation:isolate;min-height:640px;display:flex;align-items:center}
.product-slider__header{position:absolute;top:34px;left:0;right:0;z-index:5;text-align:center;padding:0 20px}
.product-slider__kicker{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#E5EDF9;padding:6px 16px 6px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:12px;backdrop-filter:blur(10px)}
.product-slider__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.product-slider__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.product-slider__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}
.product-slider__title span{color:var(--primary-red)}
.ps-viewport{position:absolute;inset:0;overflow:hidden;z-index:1}
.ps-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:translateX(100%) scale(1.08);transition:opacity 1.1s cubic-bezier(.7,0,.3,1),transform 1.3s cubic-bezier(.7,0,.3,1)}
.ps-slide.is-active{opacity:1;transform:translateX(0) scale(1);animation:psKenBurns 9s ease-out forwards}
.ps-slide.is-prev{opacity:0;transform:translateX(-100%) scale(1.08)}
@keyframes psKenBurns{0%{background-size:100% auto}100%{background-size:112% auto}}
.ps-slide::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 25% 60%, rgba(211,47,47,.28) 0%, transparent 65%),linear-gradient(95deg,rgba(15,23,42,.95) 0%,rgba(15,23,42,.8) 32%,rgba(15,23,42,.4) 58%,rgba(15,23,42,.1) 100%)}
.ps-inner{position:relative;z-index:3;max-width:1300px;margin:0 auto;padding:140px 20px 120px;width:100%;display:flex;align-items:center;min-height:640px}
.ps-content{max-width:600px;opacity:0;transform:translateX(-40px)}
.ps-slide.is-active .ps-content{animation:psContentIn .9s .35s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psContentIn{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}
.ps-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.ps-tag__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.ps-headline{font-family:'Montserrat',sans-serif;font-size:clamp(2.2rem,4.4vw,3.8rem);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.05;text-transform:uppercase;margin-bottom:16px;text-shadow:0 6px 26px rgba(0,0,0,.5)}
.ps-headline span{color:var(--primary-red)}
.ps-sub{font-family:'Montserrat',sans-serif;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;color:#E5EDF9;line-height:1.35;margin-bottom:22px;max-width:520px}
.ps-desc{font-size:1rem;color:#B6C6DE;line-height:1.7;margin-bottom:32px;max-width:520px}
.ps-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ps-btn{display:inline-flex;align-items:center;gap:11px;padding:15px 30px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none}
.ps-btn--primary{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;box-shadow:0 14px 30px -10px rgba(211,47,47,.85)}
.ps-btn--primary:hover{transform:translateY(-4px)}
.ps-btn--ghost{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px)}
.ps-btn--ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-4px)}
.ps-product-card{position:absolute;right:8%;top:50%;transform:translateY(-50%) translateX(60px) scale(.92);opacity:0;width:280px;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);z-index:4;pointer-events:none}
.ps-slide.is-active .ps-product-card{animation:psCardIn 1s .55s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes psCardIn{to{transform:translateY(-50%) translateX(0) scale(1);opacity:1}}
.ps-product-card__img{width:100%;aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center;margin-bottom:14px;position:relative;overflow:hidden}
.ps-product-card__badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;padding:5px 10px;border-radius:999px;text-transform:uppercase;z-index:2}
.ps-product-card__name{font-size:.86rem;font-weight:600;color:#374151;line-height:1.4;min-height:2.6em;margin-bottom:10px}
.ps-product-card__price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
.ps-product-card__price{font-family:'Montserrat',sans-serif;font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-product-card__old{font-size:.75rem;color:#94a3b8;text-decoration:line-through}
.ps-product-card__rating{display:flex;gap:2px;font-size:.72rem;color:var(--star-gold);margin-bottom:14px}
.ps-product-card__rating span{color:var(--text-gray);font-size:.68rem;margin-left:5px}
.ps-product-card__btn{width:100%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border:none;color:#fff;padding:11px 14px;border-radius:10px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .35s ease;pointer-events:auto}
.ps-product-card__btn:hover{transform:translateY(-2px)}
.ps-counter{position:absolute;top:34px;right:30px;z-index:6;font-family:'Montserrat',sans-serif;color:#fff;display:flex;align-items:baseline;gap:4px;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-counter__current{font-size:1.15rem;font-weight:900;color:var(--primary-red)}
.ps-counter__sep{color:rgba(255,255,255,.35);font-size:.85rem;margin:0 3px}
.ps-counter__total{font-size:.85rem;font-weight:700;color:#B6C6DE}
.ps-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;font-size:1.05rem;z-index:7;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.ps-arrow:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-50%) scale(1.12)}
.ps-arrow--prev{left:26px}
.ps-arrow--next{right:26px}
.ps-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.1);z-index:8;overflow:hidden}
.ps-progress__fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--primary-red),#FF8B94)}
.ps-dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:7;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.15);padding:8px 14px;border-radius:999px;backdrop-filter:blur(10px)}
.ps-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.3);cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;padding:0}
.ps-dot.active{background:var(--primary-red);width:28px}

/* EXTERIOR */
.mega-deals{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#fff 0%,#f8fafc 100%);position:relative;overflow:hidden}
.mega-deals::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.025) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.md-section-head{text-align:center;margin-bottom:52px;position:relative;z-index:2}
.md-section-kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px;animation:naKickerIn .7s cubic-bezier(.4,0,.2,1) both}
.md-section-kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-section-kicker i{animation:rotate360 3s linear infinite;font-size:.8rem}
.md-section-title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1;margin-bottom:16px;animation:naTitleIn .8s .08s both}
.md-section-title span{color:var(--primary-red);position:relative;display:inline-block}
.md-section-title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .6s cubic-bezier(.34,1.56,.64,1) forwards}
.md-section-sub{color:var(--text-gray);font-size:.98rem;max-width:680px;margin:0 auto 32px;line-height:1.75;animation:naTitleIn .8s .16s both}
.md-section-sub b{color:var(--dark-navy);font-weight:700}
.md-features{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px;margin-bottom:52px;position:relative;z-index:2;animation:naTitleIn .8s .24s both}
.md-feature{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;color:#475569;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #eef1f6;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.md-feature i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-size:.62rem;display:flex;align-items:center;justify-content:center}
.md-feature:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.4);color:var(--primary-red);box-shadow:0 10px 22px -12px rgba(211,47,47,.4)}

.md-wrap{display:grid;grid-template-columns:260px 320px 1fr;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -34px rgba(15,23,42,.32);background:#fff;opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2;border:1px solid #eef1f6}
.md-wrap.revealed{opacity:1;transform:translateY(0)}
.md-cats{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);padding:38px 30px;border-right:1px solid #eef1f6;display:flex;flex-direction:column;position:relative}
.md-cats__label{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--text-gray);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.md-cats__label::before{content:"";width:14px;height:2px;background:var(--primary-red);border-radius:2px}
.md-cats__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary-red);margin-bottom:32px;letter-spacing:-.015em;line-height:1.15;position:relative}
.md-cats__title::after{content:"";position:absolute;left:0;bottom:-10px;width:36px;height:3px;background:var(--primary-red);border-radius:2px;animation:mdTitleLine 3s ease-in-out infinite}
@keyframes mdTitleLine{0%,100%{width:36px;opacity:.85}50%{width:58px;opacity:1}}
.md-cats__list{display:flex;flex-direction:column;gap:4px;flex:1}
.md-cat{font-size:.92rem;font-weight:500;color:#6b7280;padding:11px 14px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;border-radius:10px;background:transparent;border:1.5px solid transparent;font-family:'Poppins',sans-serif}
.md-cat__icon{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat__txt{flex:1;text-align:left;line-height:1.3}
.md-cat__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.md-cat:hover{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.15);transform:translateX(6px)}
.md-cat:hover .md-cat__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.md-cat:hover .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat.active{background:linear-gradient(135deg,rgba(211,47,47,.08),rgba(211,47,47,.04));color:var(--primary-red);border-color:rgba(211,47,47,.25);font-weight:700;transform:translateX(6px);box-shadow:0 8px 20px -12px rgba(211,47,47,.5)}
.md-cat.active .md-cat__icon{background:var(--primary-red);color:#fff}
.md-cat.active .md-cat__count{background:var(--primary-red);color:#fff}
.md-cat--view{margin-top:auto;color:var(--dark-navy);font-weight:700;padding:14px;margin-top:24px;border-top:1px solid #eef1f6;display:inline-flex;align-items:center;gap:10px;font-size:.85rem}
.md-cat--view__badge{margin-left:auto;background:#f1f5f9;color:#64748b;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:1.2px;text-transform:uppercase}
.md-cat--view:hover{color:var(--primary-red);transform:translateX(6px)}
.md-cat--view:hover .md-cat--view__badge{background:var(--primary-red);color:#fff}
.md-cat--view i{font-size:.75rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.md-cat--view:hover i{transform:translateX(4px)}
.md-promo{position:relative;background:radial-gradient(400px 300px at 50% 100%, rgba(211,47,47,.22) 0%, transparent 70%),linear-gradient(160deg,#FFE9E5 0%,#FFD9D4 55%,#FFC8C2 100%);overflow:hidden;padding:38px 30px 0;cursor:pointer;display:flex;flex-direction:column}
.md-promo__badge{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.9);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 12px;border-radius:999px;z-index:3;animation:mdPromoBadgePulse 3s ease-in-out infinite}
@keyframes mdPromoBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.md-promo__img{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:120%;max-height:70%;background-size:contain;background-repeat:no-repeat;background-position:center bottom;z-index:-1;animation:mdPromoFloat 6s ease-in-out infinite}
@keyframes mdPromoFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
.md-promo__content{position:relative;z-index:2;margin-bottom:auto}
.md-promo__tag{display:inline-flex;align-items:center;gap:7px;background:rgba(211,47,47,.1);color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:14px;border:1px solid rgba(211,47,47,.2)}
.md-promo__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.md-promo__title{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:800;color:#111827;line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}
.md-promo__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.md-promo__title em::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:6px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg)}
.md-promo__sub{font-size:.88rem;color:#4b5563;line-height:1.55;margin-bottom:20px;max-width:240px}
.md-promo__stats{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.md-promo__stat{display:flex;align-items:center;gap:9px;font-size:.74rem;color:#475569;font-weight:600}
.md-promo__stat i{width:20px;height:20px;border-radius:50%;background:#fff;color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0;box-shadow:0 4px 10px -3px rgba(211,47,47,.3)}
.md-promo__cta{display:inline-flex;align-items:center;gap:9px;background:var(--primary-red);color:#fff;padding:11px 22px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(211,47,47,.7);position:relative;overflow:hidden}
.md-promo__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.md-promo__cta:hover::before{left:100%}
.md-promo__cta:hover{transform:translateY(-3px);box-shadow:0 16px 32px -10px rgba(211,47,47,.9)}
.md-products{background:#f8f9fb;padding:28px 30px 30px;display:flex;flex-direction:column}
.md-products__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid #eef1f6}
.md-products__title h4{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block}
.md-products__title h4::after{content:"";position:absolute;bottom:-6px;left:0;width:34px;height:2px;background:var(--primary-red);border-radius:2px;animation:mdHeadLine 3s ease-in-out infinite}
@keyframes mdHeadLine{0%,100%{width:34px;opacity:.75}50%{width:56px;opacity:1}}
.md-products__title span{font-size:.7rem;color:var(--text-gray);font-weight:500;margin-top:6px;display:block}
.md-nav{display:flex;gap:6px;align-items:center}
.md-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.md-nav__info b{color:var(--primary-red)}
.md-nav__btn{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.md-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.12)}
.md-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.md-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;position:relative;margin-top:20px}
.md-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden}
@keyframes mdCardIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.md-card:hover{transform:translateY(-6px);border-color:rgba(211,47,47,.35);box-shadow:0 25px 50px -26px rgba(211,47,47,.45)}
.md-card__top{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.md-card__img-wrap{position:relative;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:9px;overflow:hidden;aspect-ratio:1;align-self:center}
.md-card__img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.md-card:hover .md-card__img{transform:scale(1.14)}
.md-card__free{position:absolute;top:6px;left:6px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.48rem;font-weight:900;line-height:1.15;padding:5px 7px;border-radius:5px;text-transform:uppercase;z-index:3;animation:mdFreePulse 2.4s ease-in-out infinite}
@keyframes mdFreePulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}
.md-card__zoom{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.7rem;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:4}
.md-card__zoom:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.18) rotate(-10deg)}
.md-card__info{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:6px}
.md-card__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:5px}
.md-card__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.md-card__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.md-card:hover .md-card__title{color:var(--primary-red)}
.md-card__stars{display:flex;gap:2px;color:#d1d5db;font-size:.65rem}
.md-card__stars .filled{color:var(--star-gold)}
.md-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:2px;flex-wrap:wrap}
.md-card__price{font-family:'Montserrat',sans-serif;font-size:.96rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.md-card__old{font-size:.7rem;color:#94a3b8;text-decoration:line-through}
.md-card__price--call{font-size:.82rem;font-weight:800;color:var(--dark-navy)}
.md-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9;font-size:.65rem;color:var(--text-gray);font-weight:500}
.md-card__meta-item{display:inline-flex;align-items:center;gap:5px}
.md-card__meta-item i{font-size:.62rem;color:#94a3b8}
.md-card__stock{display:inline-flex;align-items:center;gap:5px;color:#16a34a;font-weight:700}
.md-card__stock i{font-size:.5rem;color:#16a34a;animation:mdStockBlink 1.6s ease-in-out infinite}
@keyframes mdStockBlink{0%,100%{opacity:1}50%{opacity:.4}}
.md-card__stock--low{color:#eab308}
.md-assurance{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;padding:22px 26px;background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 12px 30px -22px rgba(15,23,42,.18);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .3s cubic-bezier(.34,1.56,.64,1)}
.md-assurance.revealed{opacity:1;transform:translateY(0)}
.md-assurance__item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-right:1px solid #eef1f6}
.md-assurance__item:last-child{border-right:none}
.md-assurance__icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.md-assurance__item:hover .md-assurance__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.md-assurance__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;color:var(--dark-navy);letter-spacing:.3px;margin-bottom:2px}
.md-assurance__txt span{font-size:.66rem;color:var(--text-gray);font-weight:500}

/* ELECTRICAL & LIGHTING */
.electrical-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.06) 0%, transparent 60%),radial-gradient(700px 400px at 100% 100%, rgba(15,23,42,.05) 0%, transparent 60%),linear-gradient(180deg,#ffffff 0%,#fafafa 100%);position:relative;overflow:hidden}
.electrical-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.03) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.3) 55%, transparent 80%);pointer-events:none}
.el-header{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin-bottom:50px;position:relative;z-index:2;padding-bottom:32px;border-bottom:1px solid #eef1f6}
.el-header__left{animation:naTitleIn .8s .05s cubic-bezier(.4,0,.2,1) both}
.el-header__right{animation:naTitleIn .8s .15s cubic-bezier(.4,0,.2,1) both}
.el-header__kicker{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:7px 16px 7px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}
.el-header__kicker__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-header__kicker i{font-size:.75rem;animation:rotate360 3s linear infinite}
.el-header__title{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.08;margin-bottom:14px}
.el-header__title span{color:var(--primary-red);position:relative;display:inline-block}
.el-header__title span::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(211,47,47,.15);z-index:-1;transform:skewX(-15deg) scaleX(0);transform-origin:left;animation:titleUnderline 1s .5s cubic-bezier(.34,1.56,.64,1) forwards}
.el-header__lead{font-size:.95rem;color:var(--text-gray);line-height:1.7;max-width:520px}
.el-header__lead b{color:var(--dark-navy);font-weight:700}
.el-header__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.el-stat{background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover{transform:translateY(-3px);border-color:rgba(211,47,47,.35);box-shadow:0 14px 30px -18px rgba(211,47,47,.35)}
.el-stat__icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-stat:hover .el-stat__icon{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;transform:rotate(-8deg) scale(1.08)}
.el-stat__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;line-height:1.2;margin-bottom:2px}
.el-stat__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}
.el-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px;position:relative;z-index:2;animation:naTitleIn .8s .25s cubic-bezier(.4,0,.2,1) both}
.el-tab{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #eef1f6;color:#475569;padding:12px 20px 12px 14px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.el-tab__icon{width:26px;height:26px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.68rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-tab__count{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .35s ease}
.el-tab:hover{border-color:rgba(211,47,47,.35);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(211,47,47,.35)}
.el-tab:hover .el-tab__icon{background:rgba(211,47,47,.12);color:var(--primary-red);transform:rotate(-8deg)}
.el-tab:hover .el-tab__count{background:var(--primary-red);color:#fff}
.el-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 16px 32px -12px rgba(211,47,47,.55);transform:translateY(-3px) scale(1.02)}
.el-tab.active .el-tab__icon{background:rgba(255,255,255,.2);color:#fff}
.el-tab.active .el-tab__count{background:rgba(255,255,255,.25);color:#fff}

.el-feature-banner{position:relative;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;min-height:280px;margin-bottom:34px;background:radial-gradient(500px 400px at 90% 100%, rgba(211,47,47,.12) 0%, transparent 70%),linear-gradient(120deg,#ffffff 0%,#fef5f5 45%,#fde8e8 100%);border:1px solid rgba(211,47,47,.15);box-shadow:0 30px 70px -34px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.el-feature-banner.revealed{opacity:1;transform:translateY(0)}
.el-feature-banner::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));z-index:4}
.el-feature-banner__content{padding:38px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;max-width:520px}
.el-feature-banner__tag{display:inline-flex;align-items:center;gap:8px;background:rgba(211,47,47,.1);color:var(--primary-red);padding:6px 14px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:16px;align-self:flex-start;border:1px solid rgba(211,47,47,.25);transition:all .4s ease}
.el-feature-banner__tag__dot{width:6px;height:6px;border-radius:50%;background:var(--primary-red);animation:dotPulse 2s ease-out infinite}
.el-feature-banner:hover .el-feature-banner__tag{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}
.el-feature-banner:hover .el-feature-banner__tag__dot{background:#fff}
.el-feature-banner__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:900;color:var(--dark-navy);line-height:1.15;letter-spacing:-.02em;margin-bottom:12px}
.el-feature-banner__title em{font-style:normal;color:var(--primary-red);position:relative;display:inline-block}
.el-feature-banner__title em::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:8px;background:rgba(211,47,47,.2);z-index:-1;transform:skewX(-15deg)}
.el-feature-banner__sub{font-size:.9rem;color:#4b5563;line-height:1.6;margin-bottom:22px;max-width:380px}
.el-feature-banner__cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;padding:12px 26px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;align-self:flex-start;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);position:relative;overflow:hidden}
.el-feature-banner__cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}
.el-feature-banner:hover .el-feature-banner__cta::before{left:100%}
.el-feature-banner__cta:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.8)}
.el-feature-banner__visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.el-feature-banner__visual::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 240px at 50% 50%, rgba(211,47,47,.15) 0%, transparent 70%);z-index:1;opacity:.7}
.el-feature-banner:hover .el-feature-banner__visual::before{opacity:1}
.el-feature-banner__img{position:relative;z-index:2;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1);animation:elBannerFloat 6s ease-in-out infinite}
@keyframes elBannerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.el-feature-banner:hover .el-feature-banner__img{transform:scale(1.08) translateY(-14px);animation:none}
.el-feature-banner__badge{position:absolute;top:22px;right:22px;background:var(--dark-navy);color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:8px 14px;border-radius:999px;z-index:5;box-shadow:0 10px 22px -8px rgba(15,23,42,.5);animation:mdPromoBadgePulse 3s ease-in-out infinite}

.el-products-panel{background:#fff;border:1px solid #eef1f6;border-radius:22px;padding:28px 30px 30px;box-shadow:0 20px 50px -34px rgba(15,23,42,.2);position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all .9s .1s cubic-bezier(.34,1.56,.64,1)}
.el-products-panel.revealed{opacity:1;transform:translateY(0)}
.el-products-panel__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #eef1f6;flex-wrap:wrap;gap:14px}
.el-products-panel__title{display:flex;align-items:center;gap:14px}
.el-products-panel__title h4{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:900;color:var(--primary-red);letter-spacing:3.4px;text-transform:uppercase;position:relative;display:inline-block;padding-left:20px}
.el-products-panel__title h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--primary-red);animation:mdStockBlink 1.6s ease-in-out infinite}
.el-products-panel__title span{font-size:.72rem;color:var(--text-gray);font-weight:500;padding-left:18px;border-left:1px solid #eef1f6}
.el-nav{display:flex;gap:6px;align-items:center}
.el-nav__info{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--text-gray);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:6px;padding-right:10px;border-right:1px solid #e5e7eb}
.el-nav__info b{color:var(--primary-red)}
.el-nav__btn{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-size:.75rem}
.el-nav__btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}
.el-nav__btn:disabled{opacity:.35;cursor:not-allowed}
.el-grid-new{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.el-card-new{background:#fff;border:1px solid #eef1f6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:mdCardIn .6s cubic-bezier(.34,1.56,.64,1) forwards}
.el-card-new:hover{border-color:rgba(211,47,47,.4);transform:translateY(-8px);box-shadow:0 30px 55px -28px rgba(211,47,47,.5),0 8px 20px -10px rgba(15,23,42,.1)}
.el-card-new__img-wrap{position:relative;aspect-ratio:1.2/1;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.el-card-new__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__img{transform:scale(1.12) rotate(-1deg)}
.el-card-new__free{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase;line-height:1.15;padding:6px 8px;border-radius:6px;z-index:3;animation:mdFreePulse 2.4s ease-in-out infinite}
.el-card-new__discount{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;padding:6px 10px;border-radius:8px;z-index:3;letter-spacing:.4px;animation:salePop 2.6s ease-in-out infinite}
@keyframes salePop{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.el-card-new__quick{position:absolute;bottom:12px;right:12px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;z-index:3;opacity:0;transform:translateY(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__quick{opacity:1;transform:translateY(0) scale(1)}
.el-card-new__quick:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.15) rotate(-10deg) !important}
.el-card-new__wish{position:absolute;top:12px;right:52px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.72rem;cursor:pointer;z-index:3;opacity:0;transform:translateX(8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.el-card-new:hover .el-card-new__wish{opacity:1;transform:translateX(0) scale(1)}
.el-card-new__wish:hover,.el-card-new__wish.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}
.el-card-new__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.el-card-new__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);display:flex;align-items:center;gap:6px}
.el-card-new__cat::before{content:"";width:12px;height:2px;background:var(--primary-red);border-radius:2px}
.el-card-new__title{font-size:.82rem;font-weight:600;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.3em}
.el-card-new:hover .el-card-new__title{color:var(--primary-red)}
.el-card-new__stars{display:flex;align-items:center;gap:3px;font-size:.65rem;color:#d1d5db}
.el-card-new__stars .filled{color:var(--star-gold)}
.el-card-new__stars span{color:var(--text-gray);font-size:.62rem;margin-left:4px;font-weight:500}
.el-card-new__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid #f1f5f9}
.el-card-new__price{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--primary-red);letter-spacing:-.01em}
.el-card-new__old{font-size:.72rem;color:#94a3b8;text-decoration:line-through;font-weight:500}
.el-card-new__price--call{font-size:.86rem;font-weight:800;color:var(--dark-navy)}
.el-card-new__stock{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;color:#16a34a;margin-top:-2px}
.el-card-new__stock i{font-size:.5rem;animation:mdStockBlink 1.6s ease-in-out infinite}
.el-card-new__stock--low{color:#eab308}
.el-assurance-new{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;background:linear-gradient(135deg,#ffffff,#fafafa);border:1px solid #eef1f6;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 20px 45px -30px rgba(211,47,47,.25);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:all .7s .2s cubic-bezier(.34,1.56,.64,1)}
.el-assurance-new.revealed{opacity:1;transform:translateY(0)}
.el-assurance-new__item{display:flex;align-items:center;gap:14px;padding:22px 22px;border-right:1px solid #eef1f6;transition:background .35s ease}
.el-assurance-new__item:last-child{border-right:none}
.el-assurance-new__item:hover{background:linear-gradient(135deg,#fafafa,#fef5f5)}
.el-assurance-new__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 22px -10px rgba(15,23,42,.6)}
.el-assurance-new__item:hover .el-assurance-new__icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));transform:rotate(-10deg) scale(1.08)}
.el-assurance-new__txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);letter-spacing:.2px;margin-bottom:3px}
.el-assurance-new__txt span{font-size:.68rem;color:var(--text-gray);font-weight:500}

/* BLOG SECTION */
.blog-section{padding:90px 0 100px;background:radial-gradient(900px 400px at 50% 0%, rgba(211,47,47,.05) 0%, transparent 60%),#ffffff;position:relative;overflow:hidden}
.blog-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.02) 1px, transparent 1px),linear-gradient(90deg, rgba(15,23,42,.02) 1px, transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.25) 55%, transparent 85%);mask-image:radial-gradient(circle at 50% 40%, #000 0%, rgba(0,0,0,.25) 55%, transparent 85%);pointer-events:none}
.blog-feature-wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;margin-bottom:44px;position:relative;z-index:2}
.blog-feature{position:relative;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #eef1f6;box-shadow:0 25px 60px -34px rgba(15,23,42,.28);transition:all .6s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(35px)}
.blog-feature.revealed{opacity:1;transform:translateY(0)}
.blog-feature:hover{transform:translateY(-8px);box-shadow:0 40px 80px -34px rgba(211,47,47,.4),0 0 0 2px rgba(211,47,47,.25)}
.blog-feature__img-wrap{position:relative;overflow:hidden;min-height:380px}
.blog-feature__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__img{transform:scale(1.1)}
.blog-feature__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,23,42,.35) 0%,rgba(15,23,42,0) 55%)}
.blog-feature__content{padding:38px 34px;display:flex;flex-direction:column;justify-content:center}
.blog-feature__meta{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.blog-cat{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:6px 12px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(211,47,47,.5)}
.blog-cat--dark{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));box-shadow:0 8px 18px -8px rgba(15,23,42,.5)}
.blog-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-gray);font-weight:500}
.blog-meta-item i{color:var(--primary-red);font-size:.7rem}
.blog-feature__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px;transition:color .3s ease}
.blog-feature:hover .blog-feature__title{color:var(--primary-red)}
.blog-feature__excerpt{font-size:.9rem;color:var(--text-gray);line-height:1.7;margin-bottom:22px}
.blog-feature__author{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.blog-author-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.85rem;flex-shrink:0}
.blog-author-info{line-height:1.2}
.blog-author-info b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);margin-bottom:2px}
.blog-author-info span{font-size:.65rem;color:var(--text-gray);font-weight:500}
.blog-feature__link{display:inline-flex;align-items:center;gap:10px;color:var(--primary-red);font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;align-self:flex-start;padding-bottom:4px;border-bottom:2px solid transparent;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__link{border-bottom-color:var(--primary-red);gap:14px}
.blog-feature__link i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-feature:hover .blog-feature__link i{transform:translateX(4px)}
.blog-side{display:flex;flex-direction:column;gap:16px}
.blog-side__item{position:relative;display:grid;grid-template-columns:120px 1fr;gap:16px;background:#fff;border:1px solid #eef1f6;border-radius:16px;padding:14px;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden;opacity:0;transform:translateX(30px)}
.blog-side__item.revealed{opacity:1;transform:translateX(0)}
.blog-side__item:nth-child(1){transition-delay:.1s}
.blog-side__item:nth-child(2){transition-delay:.2s}
.blog-side__item:nth-child(3){transition-delay:.3s}
.blog-side__item:hover{transform:translateY(-4px);border-color:rgba(211,47,47,.35);box-shadow:0 20px 42px -24px rgba(211,47,47,.4)}
.blog-side__item::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.blog-side__item:hover::before{transform:scaleY(1)}
.blog-side__img{width:100%;aspect-ratio:1;background-size:cover;background-position:center;border-radius:11px;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}
.blog-side__item:hover .blog-side__img{transform:scale(1.08)}
.blog-side__info{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
.blog-side__cat{display:inline-flex;align-items:center;gap:5px;font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary-red)}
.blog-side__cat::before{content:"";width:10px;height:2px;background:var(--primary-red);border-radius:2px}
.blog-side__title{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.blog-side__item:hover .blog-side__title{color:var(--primary-red)}
.blog-side__date{font-size:.65rem;color:var(--text-gray);display:flex;align-items:center;gap:6px;font-weight:500}
.blog-side__date i{color:var(--primary-red);font-size:.65rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:44px;position:relative;z-index:2}
.blog-card{background:#fff;border:1px solid #eef1f6;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .55s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(35px)}
.blog-card.revealed{opacity:1;transform:translateY(0)}
.blog-card:nth-child(1){transition-delay:.05s}
.blog-card:nth-child(2){transition-delay:.15s}
.blog-card:nth-child(3){transition-delay:.25s}
.blog-card:hover{transform:translateY(-10px);border-color:rgba(211,47,47,.35);box-shadow:0 32px 62px -30px rgba(211,47,47,.45),0 8px 20px -10px rgba(15,23,42,.08)}
.blog-card__img-wrap{position:relative;aspect-ratio:16/10;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.blog-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__img{transform:scale(1.13)}
.blog-card__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 45%,rgba(15,23,42,.55) 100%);opacity:.85;transition:opacity .4s ease}
.blog-card:hover .blog-card__img-wrap::after{opacity:1}
.blog-card__cat{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 11px;border-radius:999px;z-index:3;box-shadow:0 8px 18px -8px rgba(211,47,47,.6);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__cat{transform:scale(1.06)}
.blog-card__readtime{position:absolute;top:14px;right:14px;background:rgba(15,23,42,.8);backdrop-filter:blur(8px);color:#fff;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.6px;padding:6px 11px;border-radius:999px;z-index:3;display:flex;align-items:center;gap:5px}
.blog-card__readtime i{color:var(--primary-red);font-size:.6rem}
.blog-card__body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.68rem;color:var(--text-gray);font-weight:500}
.blog-card__meta span{display:inline-flex;align-items:center;gap:6px}
.blog-card__meta i{color:var(--primary-red);font-size:.68rem}
.blog-card__title{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.7em}
.blog-card:hover .blog-card__title{color:var(--primary-red)}
.blog-card__excerpt{font-size:.82rem;color:var(--text-gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:auto;border-top:1px solid #f1f5f9}
.blog-card__author{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;color:var(--text-dark)}
.blog-card__avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.blog-card__link{width:34px;height:34px;border-radius:50%;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__link{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-45deg) scale(1.1);box-shadow:0 10px 22px -8px rgba(211,47,47,.7)}
.blog-newsletter{position:relative;border-radius:22px;background:linear-gradient(135deg,#ffffff 0%,#fef5f5 100%);border:1px solid rgba(211,47,47,.18);padding:38px 40px;display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;box-shadow:0 25px 60px -34px rgba(211,47,47,.3);margin-top:12px;opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.34,1.56,.64,1)}
.blog-newsletter.revealed{opacity:1;transform:translateY(0)}
.blog-newsletter::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));border-radius:22px 0 0 22px}
.blog-newsletter__icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px;box-shadow:0 12px 24px -10px rgba(15,23,42,.5)}
.blog-newsletter__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:10px}
.blog-newsletter__title span{color:var(--primary-red)}
.blog-newsletter__sub{font-size:.88rem;color:var(--text-gray);line-height:1.6}
.blog-newsletter__form{display:flex;gap:10px}
.blog-newsletter__form input{flex:1;padding:14px 18px;border:1.5px solid var(--light-gray);border-radius:12px;font-size:.9rem;outline:none;font-family:'Poppins',sans-serif;transition:all .3s ease;background:#fff}
.blog-newsletter__form input:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.blog-newsletter__form button{padding:14px 26px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);white-space:nowrap}
.blog-newsletter__form button:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}
.blog-newsletter__form button i{font-size:.72rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.blog-newsletter__form button:hover i{transform:translateX(4px)}
.blog-newsletter__note{font-size:.7rem;color:var(--text-gray);margin-top:10px;display:flex;align-items:center;gap:6px}
.blog-newsletter__note i{color:var(--green);font-size:.7rem}

/* FOOTER */
footer{background:#ffffff;color:var(--text-dark);position:relative;overflow:hidden;border-top:1px solid #eef1f6}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--dark-navy) 50%,var(--primary-red) 100%)}
.footer-top{position:relative;padding:70px 0 50px;background:radial-gradient(900px 400px at 20% 0%, rgba(211,47,47,.05) 0%, transparent 55%),radial-gradient(900px 400px at 80% 100%, rgba(15,23,42,.04) 0%, transparent 55%),#ffffff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:40px;position:relative;z-index:2}
.footer-col__title{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:900;color:var(--dark-navy);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;position:relative;padding-bottom:12px}
.footer-col__title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--dark-navy));border-radius:2px;animation:ftLine 3s ease-in-out infinite}
@keyframes ftLine{0%,100%{width:34px;opacity:.85}50%{width:52px;opacity:1}}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.footer-brand-icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.4rem;box-shadow:0 8px 20px var(--shadow-red)}
.footer-brand-text h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.4rem;color:var(--dark-navy);line-height:1;letter-spacing:-.5px}
.footer-brand-text h3 span{color:var(--primary-red)}
.footer-brand-text span{display:block;color:var(--text-gray);font-size:.62rem;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-weight:500}
.footer-about{font-size:.85rem;color:var(--text-gray);line-height:1.75;margin-bottom:22px}
.footer-contacts{display:flex;flex-direction:column;gap:12px}
.footer-contact{display:flex;align-items:flex-start;gap:12px;font-size:.82rem;color:var(--text-dark);line-height:1.5}
.footer-contact i{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);color:var(--primary-red);display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.footer-contact:hover i{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-8deg) scale(1.08)}
.footer-contact b{display:block;font-family:'Montserrat',sans-serif;font-weight:800;color:var(--dark-navy);font-size:.7rem;letter-spacing:.6px;text-transform:uppercase;margin-bottom:2px}
.footer-contact span{color:var(--text-gray);font-weight:500;font-size:.8rem}
.footer-links{display:flex;flex-direction:column;gap:11px}
.footer-link{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;color:var(--text-gray);font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);padding:3px 0;position:relative;width:fit-content;cursor:pointer}
.footer-link i{color:var(--primary-red);font-size:.6rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.footer-link::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:var(--primary-red);transition:right .4s cubic-bezier(.34,1.56,.64,1)}
.footer-link:hover{color:var(--primary-red);transform:translateX(5px)}
.footer-link:hover i{transform:translateX(3px)}
.footer-link:hover::after{right:0}
.footer-apps{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.footer-app{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #eef1f6;border-radius:11px;padding:10px 14px;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-app:hover{border-color:rgba(211,47,47,.35);transform:translateY(-3px);box-shadow:0 12px 26px -14px rgba(211,47,47,.4)}
.footer-app i{font-size:1.4rem;color:var(--primary-red);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.footer-app:hover i{transform:scale(1.1) rotate(-6deg)}
.footer-app-txt{line-height:1.2}
.footer-app-txt b{display:block;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:900;color:var(--dark-navy);letter-spacing:.6px}
.footer-app-txt span{font-size:.6rem;color:var(--text-gray);font-weight:500}
.footer-social-title{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;color:var(--dark-navy);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:12px}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap}
.footer-social{width:40px;height:40px;border-radius:11px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.92rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-social:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-4px) rotate(-8deg);box-shadow:0 14px 28px -12px rgba(211,47,47,.6)}
.footer-bottom{background:#ffffff;border-top:1px solid #eef1f6;padding:22px 0;position:relative;z-index:2}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-copy{font-size:.78rem;color:var(--text-gray);font-weight:500}
.footer-copy b{color:var(--dark-navy);font-weight:800}
.footer-copy span{color:var(--primary-red);font-weight:700}
.footer-payments{display:flex;align-items:center;gap:10px}
.footer-payments span{font-size:.72rem;color:var(--text-gray);font-weight:500;margin-right:4px}
.pay-icon{width:42px;height:28px;border-radius:6px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .35s ease;border:1px solid #eef1f6}
.pay-icon:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-2px);border-color:transparent}
.footer-top-btn{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.7);border:0}
.footer-top-btn:hover{transform:translateY(-4px) rotate(-6deg);box-shadow:0 20px 38px -12px rgba(211,47,47,.9)}
.footer-top-btn i{animation:ftBob 2.4s ease-in-out infinite}
@keyframes ftBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* TOAST + WA */
.toast-cart{position:fixed;bottom:100px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 20px 40px -10px rgba(22,163,74,.5);display:flex;align-items:center;gap:10px;z-index:999;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.toast-cart.show{opacity:1;transform:translateY(0) scale(1)}
.toast-cart--wish{background:linear-gradient(135deg,var(--primary-red),var(--hover-red))}
.wa-float{position:fixed;right:20px;bottom:22px;z-index:99;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C7E);display:grid;place-items:center;box-shadow:0 14px 32px -10px rgba(18,140,126,.9);animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:29px;height:29px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 16px rgba(37,211,102,0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* RESPONSIVE */
@media (max-width:1180px){
  .hero-search__row{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .hero-search__row .hero-search__btn{grid-column:1/-1;justify-content:center}
  .chip-float{display:none}
  .na-track{grid-auto-columns:calc((100% - 66px) / 4)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-product-card{right:3%;width:250px}
  .md-wrap{grid-template-columns:230px 280px 1fr}
  .el-grid-new{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
  .mega-grid{grid-template-columns:repeat(4,1fr)}
  .mega-menu__inner{grid-template-columns:240px 1fr}
}
@media (max-width:1024px){
  .hero{min-height:auto;padding:60px 0 130px}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:28px 12px}
  .trust-item:not(:last-child)::after{display:none}
  .na-carousel{padding:0 46px}
  .na-track{grid-auto-columns:calc((100% - 44px) / 3)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-inner{padding:130px 20px 110px}
  .ps-product-card{position:relative;right:auto;top:auto;transform:none;opacity:1;animation:none !important;margin-top:26px;width:100%;max-width:340px;pointer-events:auto}
  .ps-content{max-width:100%}
  .md-wrap{grid-template-columns:1fr}
  .md-cats{border-right:none;border-bottom:1px solid #eef1f6;padding:28px 24px}
  .md-cats__list{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:12px}
  .md-cat{padding:9px 14px;background:#f8fafc;border-radius:999px;width:auto;transform:none !important}
  .md-cat__icon{background:#e2e8f0}
  .md-promo{min-height:260px;padding:28px 24px 0}
  .md-assurance{grid-template-columns:repeat(2,1fr)}
  .el-header{grid-template-columns:1fr;gap:26px;align-items:start;padding-bottom:28px}
  .el-feature-banner{grid-template-columns:1fr;min-height:auto}
  .el-feature-banner__visual{min-height:200px;order:-1}
  .el-feature-banner__content{padding:28px 26px;max-width:100%}
  .el-grid-new{grid-template-columns:repeat(2,1fr)}
  .el-assurance-new{grid-template-columns:repeat(2,1fr)}
  .el-assurance-new__item:nth-child(2){border-right:none}
  .el-assurance-new__item:nth-child(1),.el-assurance-new__item:nth-child(2){border-bottom:1px solid #eef1f6}
  .blog-feature-wrap{grid-template-columns:1fr;gap:22px}
  .blog-feature{grid-template-columns:1fr}
  .blog-feature__img-wrap{min-height:250px}
  .blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .blog-newsletter{grid-template-columns:1fr;gap:24px;padding:32px 28px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
  .mega-menu__inner{grid-template-columns:220px 1fr}
  .mega-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
  .header-content{flex-direction:column;gap:16px}
  .header-search{width:100%;max-width:100%}
  .header-icons{width:100%;justify-content:space-around}
  .all-cat-btn{width:100%;justify-content:center}
  .mega-menu__inner{grid-template-columns:1fr}
  .mega-menu__sidebar{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid #eef1f6;padding:10px 16px;gap:8px;display:flex}
  .mega-cat{white-space:nowrap;padding:10px 16px;border-left:none;border-bottom:3px solid transparent;border-radius:8px}
  .mega-cat.active{border-left:none;border-bottom-color:var(--primary-red)}
  .mega-cat i{display:none}
  .mega-menu__content{padding:16px}
  .mega-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .mega-card__body{padding:10px}
  .mega-card__title{font-size:.7rem}
  .mega-card__price{font-size:.78rem}
  .hero{padding:50px 0 120px}
  .hero-search{padding:16px}
  .hero-search__row{grid-template-columns:1fr 1fr}
  .hero-search__row .hero-search__btn{grid-column:1/-1}
  .trust-overlap{margin-top:-70px;padding:0 14px}
  .trust-panel{padding:26px 16px}
  .trust-grid{grid-template-columns:1fr;gap:24px}
  .new-arrivals{padding:60px 0 70px}
  .na-carousel{padding:0 44px}
  .na-track{grid-auto-columns:calc((100% - 22px) / 2);gap:18px}
  .na-nav{width:40px;height:40px}
  .section-title{font-size:1.7rem}
  .brand-banners{padding:60px 0 70px}
  .bb-grid{grid-template-columns:1fr;gap:18px}
  .bb-card{aspect-ratio:16/9;min-height:220px}
  .categories{padding:60px 0 70px}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .product-slider{min-height:520px}
  .ps-inner{padding:120px 20px 90px}
  .ps-headline{font-size:2rem}
  .ps-arrow{width:42px;height:42px}
  .ps-arrow--prev{left:10px}
  .ps-arrow--next{right:10px}
  .mega-deals,.electrical-section{padding:60px 0 70px}
  .md-products{padding:22px 18px 24px}
  .md-grid{grid-template-columns:1fr}
  .md-card__top{grid-template-columns:100px 1fr;gap:14px}
  .md-assurance{grid-template-columns:1fr;padding:18px}
  .el-header{margin-bottom:34px;padding-bottom:24px}
  .el-header__title{font-size:1.7rem}
  .el-header__stats{grid-template-columns:1fr}
  .el-tabs{margin-bottom:28px;gap:8px}
  .el-tab{padding:10px 16px 10px 11px;font-size:.75rem}
  .el-feature-banner{border-radius:18px;margin-bottom:24px}
  .el-feature-banner__content{padding:24px 22px}
  .el-feature-banner__title{font-size:1.35rem}
  .el-products-panel{padding:22px 18px 24px;border-radius:18px}
  .el-grid-new{grid-template-columns:repeat(2,1fr);gap:12px}
  .el-assurance-new{grid-template-columns:1fr;border-radius:16px}
  .el-assurance-new__item{border-right:none;border-bottom:1px solid #eef1f6;padding:16px 18px}
  .el-assurance-new__item:last-child{border-bottom:none}
  .blog-section{padding:60px 0 70px}
  .blog-feature__content{padding:28px 22px}
  .blog-feature__title{font-size:1.25rem}
  .blog-side__item{grid-template-columns:100px 1fr;gap:13px;padding:12px}
  .blog-side__title{font-size:.82rem}
  .blog-grid{grid-template-columns:1fr;gap:18px}
  .blog-newsletter{padding:28px 22px}
  .blog-newsletter__form{flex-direction:column}
  .blog-newsletter__form button{justify-content:center}
  .footer-top{padding:52px 0 40px}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-bottom-inner{justify-content:center;text-align:center}
}
@media (max-width:520px){
  .ticker-item{font-size:.78rem}
  .brand-text h1{font-size:1.4rem}
  .logo-icon{width:44px;height:44px;font-size:1.3rem}
  .hero{padding:40px 0 100px}
  .hero-search__row{grid-template-columns:1fr}
  .trust-overlap{margin-top:-60px}
  .na-carousel{padding:0 38px}
  .na-track{grid-auto-columns:82%}
  .wa-float{width:50px;height:50px;right:14px;bottom:16px}
  .wa-float svg{width:25px;height:25px}
  .toast-cart{right:14px;bottom:80px;font-size:.82rem;padding:12px 18px}
  .bb-card{aspect-ratio:16/10;min-height:200px}
  .cat-grid{grid-template-columns:1fr;gap:14px}
  .cat-card{aspect-ratio:16/9}
  .ps-headline{font-size:1.5rem}
  .ps-product-card{display:none}
  .md-cats{padding:24px 18px}
  .md-cats__title{font-size:1.15rem}
  .md-cat{font-size:.78rem;padding:8px 12px}
  .md-promo{min-height:180px;padding:22px 18px 0}
  .md-promo__title{font-size:1.02rem}
  .md-card{padding:12px}
  .el-header__title{font-size:1.5rem}
  .el-tab{padding:9px 14px 9px 10px;font-size:.7rem;gap:8px}
  .el-feature-banner__title{font-size:1.15rem}
  .el-grid-new{grid-template-columns:1fr;gap:14px}
  .el-card-new__img-wrap{aspect-ratio:16/10}
  .blog-feature__img-wrap{min-height:200px}
  .blog-feature__title{font-size:1.1rem}
  .blog-side__item{grid-template-columns:90px 1fr;padding:10px;gap:11px}
  .blog-side__title{font-size:.78rem}
  .blog-newsletter__title{font-size:1.15rem}
  .footer-brand-text h3{font-size:1.2rem}
  .footer-contact span{font-size:.76rem}
  .footer-social{width:36px;height:36px;font-size:.85rem}
  .mega-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .hero-particles{display:none}
  .hero-slide:first-child{opacity:1}
  .typed-caret{opacity:1}
  .na-card,.bb-card,.cat-card,.md-wrap,.md-assurance,.el-feature-banner,.el-products-panel,.el-assurance-new,.blog-feature,.blog-side__item,.blog-card,.blog-newsletter{opacity:1;transform:none}
  .ps-slide.is-active{animation:none}
  .ps-content{opacity:1;transform:none;animation:none !important}
  .ps-product-card{transform:translateY(-50%) translateX(0) scale(1);opacity:1;animation:none !important}
}
:root{
  --primary-red:#d32f2f;--hover-red:#b71c1c;--dark-navy:#0f172a;--medium-navy:#1e293b;
  --white:#fff;--off-white:#f8fafc;--light-gray:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;
  --star-gold:#fbbf24;--green:#16a34a;--shadow-light:rgba(15,23,42,.08);--shadow-red:rgba(211,47,47,.3);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--white);color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.locked{overflow:hidden}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit;cursor:pointer}
img{display:block;max-width:100%}

/* ============ TICKER ============ */
.offer-ticker{background:var(--dark-navy);color:#fff;height:42px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:101;border-bottom:2px solid var(--primary-red)}
.ticker-label{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.72rem;letter-spacing:1.5px;padding:0 18px;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;text-transform:uppercase;position:relative;z-index:2;box-shadow:4px 0 14px rgba(211,47,47,.4)}
.ticker-label i{animation:tickerFlash 1.6s ease-in-out infinite}
@keyframes tickerFlash{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 38s linear infinite;align-items:center;height:100%}
.ticker-track:hover{animation-play-state:paused}
.ticker-group{display:flex;gap:60px;padding-right:60px;align-items:center;height:100%}
.ticker-item{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:500;color:#DDE7F5}
.ticker-item i{color:var(--primary-red);font-size:.85rem}
.ticker-item strong{color:#FF7B85;font-weight:800;padding:2px 8px;background:rgba(211,47,47,.15);border-radius:5px;border:1px solid rgba(211,47,47,.3)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ HEADER ============ */
header{background:#fff;padding:16px 0;box-shadow:0 2px 20px var(--shadow-light);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--light-gray)}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:26px;position:relative}
.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer;flex-shrink:0}
.logo-icon{background:var(--primary-red);color:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:1.5rem;box-shadow:0 8px 20px var(--shadow-red);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.logo-section:hover .logo-icon{transform:rotate(15deg) scale(1.1)}
.brand-text h1{color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.55rem;line-height:1;letter-spacing:-1px}
.brand-text span{color:var(--primary-red)}
.brand-sub{color:var(--text-gray);font-size:.62rem;letter-spacing:2.2px;text-transform:uppercase;margin-top:3px;font-weight:500}
.header-nav{display:flex;align-items:center;gap:4px;flex-grow:1;justify-content:center}
.header-nav a{padding:10px 16px;font-size:.82rem;font-weight:600;color:var(--text-dark);border-radius:10px;transition:all .3s ease;position:relative;display:inline-flex;align-items:center;gap:7px}
.header-nav a:hover{color:var(--primary-red);background:#fef2f2}
.header-nav a.active{color:var(--primary-red);background:#fef2f2;font-weight:700}
.header-nav a i{font-size:.72rem;color:var(--text-gray);transition:color .3s}
.header-nav a:hover i,.header-nav a.active i{color:var(--primary-red)}
.header-icons{display:flex;align-items:center;gap:18px;flex-shrink:0}
.icon-group{display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .3s ease;position:relative;padding:5px;background:none;border:none;color:var(--text-dark)}
.icon-group:hover{color:var(--primary-red);transform:translateY(-3px)}
.icon-group i{font-size:1.3rem}
.badge{position:absolute;top:-4px;right:-6px;background:var(--primary-red);color:#fff;font-size:.6rem;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800}
.menu-toggle{display:none;background:none;border:none;color:var(--dark-navy);font-size:1.3rem;padding:8px}

/* ============ VIEWS ============ */
.view{display:none}
.view.active{display:block;animation:viewFadeIn .5s cubic-bezier(.4,0,.2,1)}
@keyframes viewFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* ============ BLOG HERO ============ */
.blog-hero{position:relative;padding:70px 0 60px;background:linear-gradient(135deg,#0f172a 0%,#1e293b 55%,#2a1a1a 100%);overflow:hidden;isolation:isolate}
.blog-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%);z-index:-1}
.blog-hero::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent,#fff);z-index:2;pointer-events:none}
.blog-hero__inner{position:relative;z-index:3;text-align:center;max-width:900px;margin:0 auto}
.blog-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E5EDF9;padding:7px 18px 7px 12px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:22px;backdrop-filter:blur(10px)}
.blog-hero__eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#25D366;animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.blog-hero__title{font-family:'Montserrat',sans-serif;font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;color:#fff;text-transform:uppercase;margin-bottom:18px}
.blog-hero__title span{color:var(--primary-red);position:relative;display:inline-block}
.blog-hero__title span::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:11px;background:rgba(211,47,47,.28);z-index:-1;transform:skewX(-15deg)}
.blog-hero__sub{font-size:1rem;color:#B6C6DE;line-height:1.7;max-width:640px;margin:0 auto 32px}
.blog-hero__sub b{color:#fff;font-weight:700}
.blog-hero__stats{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);max-width:640px;margin:0 auto}
.blog-hero__stat{text-align:center}
.blog-hero__stat b{display:block;font-family:'Montserrat',sans-serif;font-size:1.8rem;font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1}
.blog-hero__stat span{font-size:.68rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;margin-top:4px;display:block}

/* ============ MAIN LAYOUT ============ */
.blog-main{padding:60px 0 90px;background:#fff;position:relative}
.blog-layout{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}

/* ============ TOOLBAR ============ */
.blog-toolbar{background:#fff;border:1px solid #eef1f6;border-radius:18px;padding:18px;margin-bottom:32px;box-shadow:0 12px 30px -22px rgba(15,23,42,.15);position:sticky;top:90px;z-index:20}
.blog-search{position:relative;margin-bottom:14px}
.blog-search input{width:100%;padding:13px 46px 13px 18px;border:1.5px solid var(--light-gray);border-radius:12px;font-size:.88rem;outline:none;font-family:'Poppins',sans-serif;background:#f8fafc;transition:all .3s ease}
.blog-search input:focus{background:#fff;border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.1)}
.blog-search i{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.85rem;pointer-events:none;transition:color .3s}
.blog-search input:focus ~ i{color:var(--primary-red)}
.blog-search__clear{position:absolute;right:46px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;font-size:.8rem;padding:4px;display:none;cursor:pointer;transition:color .3s}
.blog-search__clear:hover{color:var(--primary-red)}
.blog-search__clear.show{display:block}
.blog-tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.blog-tab{background:#f8fafc;border:1.5px solid transparent;color:#475569;padding:8px 14px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-family:'Poppins',sans-serif}
.blog-tab i{font-size:.7rem;color:#94a3b8;transition:color .3s}
.blog-tab:hover{background:#fef2f2;color:var(--primary-red);transform:translateY(-2px)}
.blog-tab:hover i{color:var(--primary-red)}
.blog-tab.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 8px 20px -8px rgba(211,47,47,.6);transform:translateY(-2px)}
.blog-tab.active i{color:#fff}
.blog-tab__count{background:rgba(0,0,0,.08);padding:1px 6px;border-radius:999px;font-size:.62rem;font-weight:800;font-family:'Montserrat',sans-serif}
.blog-tab.active .blog-tab__count{background:rgba(255,255,255,.25)}
.blog-results{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;margin-top:14px;border-top:1px solid #eef1f6;flex-wrap:wrap}
.blog-results__count{font-size:.78rem;color:var(--text-gray);font-weight:600}
.blog-results__count b{color:var(--dark-navy);font-weight:800}
.blog-sort{padding:7px 32px 7px 14px;border:1.5px solid var(--light-gray);border-radius:10px;font-size:.74rem;font-weight:600;color:var(--dark-navy);background:#fff;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8895a8 50%),linear-gradient(135deg,#8895a8 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:border-color .3s ease;font-family:'Poppins',sans-serif}
.blog-sort:focus{border-color:var(--primary-red)}

/* ============ FEATURED ============ */
.featured-post{position:relative;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid #eef1f6;box-shadow:0 25px 60px -34px rgba(15,23,42,.28);margin-bottom:34px;cursor:pointer;transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.featured-post:hover{transform:translateY(-6px);box-shadow:0 40px 80px -34px rgba(211,47,47,.4),0 0 0 2px rgba(211,47,47,.2)}
.featured-post__visual{position:relative;overflow:hidden;min-height:400px}
.featured-post__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1)}
.featured-post:hover .featured-post__img{transform:scale(1.1)}
.featured-post__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,23,42,.4) 0%,rgba(15,23,42,0) 60%);z-index:1}
.featured-post__badge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:7px 14px;border-radius:999px;z-index:3;box-shadow:0 10px 22px -8px rgba(211,47,47,.7);display:flex;align-items:center;gap:7px;animation:badgePulse 2.8s ease-in-out infinite}
@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.featured-post__content{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}
.featured-post__meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:16px;font-size:.72rem;font-weight:600;color:var(--text-gray)}
.featured-post__meta-item{display:inline-flex;align-items:center;gap:6px}
.featured-post__meta-item i{color:var(--primary-red);font-size:.72rem}
.featured-post__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:900;color:var(--dark-navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px;transition:color .3s ease}
.featured-post:hover .featured-post__title{color:var(--primary-red)}
.featured-post__excerpt{font-size:.92rem;color:var(--text-gray);line-height:1.7;margin-bottom:22px}
.featured-post__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:20px;border-top:1px solid #f1f5f9}
.featured-post__author{display:flex;align-items:center;gap:11px}
.featured-post__author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.82rem;flex-shrink:0;border:2px solid #fff;box-shadow:0 6px 14px -6px rgba(211,47,47,.6)}
.featured-post__author-info b{display:block;font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);line-height:1.2}
.featured-post__author-info span{font-size:.66rem;color:var(--text-gray);font-weight:500}
.featured-post__read-btn{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;padding:11px 22px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6);position:relative;overflow:hidden}
.featured-post__read-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s ease}
.featured-post__read-btn:hover::before{left:100%}
.featured-post__read-btn:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}
.featured-post__read-btn i{font-size:.7rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.featured-post__read-btn:hover i{transform:translateX(4px)}

/* ============ BLOG GRID ============ */
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px}
.blog-card{background:#fff;border:1px solid #eef1f6;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(20px);animation:cardIn .5s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes cardIn{to{opacity:1;transform:translateY(0)}}
.blog-card:hover{transform:translateY(-8px);border-color:rgba(211,47,47,.35);box-shadow:0 30px 60px -30px rgba(211,47,47,.45),0 8px 20px -10px rgba(15,23,42,.08)}
.blog-card__img-wrap{position:relative;aspect-ratio:16/10;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}
.blog-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.34,1.56,.64,1)}
.blog-card:hover .blog-card__img{transform:scale(1.13)}
.blog-card__img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 45%,rgba(15,23,42,.55) 100%);opacity:.85}
.blog-card__cat{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.56rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:6px 11px;border-radius:999px;z-index:3;box-shadow:0 8px 18px -8px rgba(211,47,47,.6)}
.blog-card__readtime{position:absolute;top:14px;right:14px;background:rgba(15,23,42,.82);backdrop-filter:blur(8px);color:#fff;font-family:'Montserrat',sans-serif;font-size:.56rem;font-weight:700;letter-spacing:.6px;padding:6px 11px;border-radius:999px;z-index:3;display:flex;align-items:center;gap:5px}
.blog-card__readtime i{color:var(--primary-red);font-size:.58rem}
.blog-card__bookmark{position:absolute;bottom:14px;right:14px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.95);border:none;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;z-index:3;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 14px rgba(0,0,0,.15)}
.blog-card__bookmark:hover{background:var(--primary-red);color:#fff;transform:scale(1.12)}
.blog-card__bookmark.active{background:var(--primary-red);color:#fff}
.blog-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card__meta{display:flex;align-items:center;gap:12px;font-size:.66rem;color:var(--text-gray);font-weight:500;flex-wrap:wrap}
.blog-card__meta span{display:inline-flex;align-items:center;gap:5px}
.blog-card__meta i{color:var(--primary-red);font-size:.66rem}
.blog-card__title{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;min-height:2.7em}
.blog-card:hover .blog-card__title{color:var(--primary-red)}
.blog-card__excerpt{font-size:.82rem;color:var(--text-gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.blog-card__tag{font-size:.6rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:3px 9px;border-radius:999px}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:auto;border-top:1px solid #f1f5f9}
.blog-card__author{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;color:var(--text-dark)}
.blog-card__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.blog-card__link{width:32px;height:32px;border-radius:50%;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.72rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;cursor:pointer}
.blog-card:hover .blog-card__link{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:rotate(-45deg) scale(1.1)}

/* Empty state */
.blog-empty{grid-column:1/-1;text-align:center;padding:80px 20px;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px}
.blog-empty i{font-size:3rem;color:#cbd5e1;margin-bottom:16px;display:block}
.blog-empty b{display:block;font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:800;color:var(--dark-navy);margin-bottom:8px}
.blog-empty p{font-size:.88rem;color:var(--text-gray);margin-bottom:20px;line-height:1.6}
.blog-empty button{padding:11px 24px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6)}
.blog-empty button:hover{transform:translateY(-3px)}

/* ============ PAGINATION ============ */
.blog-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.page-btn{min-width:42px;height:42px;padding:0 12px;border-radius:11px;background:#fff;border:1.5px solid #e2e8f0;color:var(--dark-navy);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.page-btn:hover:not(:disabled){border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(211,47,47,.5)}
.page-btn.active{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));border-color:var(--primary-red);color:#fff;box-shadow:0 12px 26px -10px rgba(211,47,47,.7)}
.page-btn:disabled{opacity:.4;cursor:not-allowed}
.page-ellipsis{color:#94a3b8;font-weight:800;padding:0 4px}

/* ============ SIDEBAR ============ */
.blog-sidebar{display:flex;flex-direction:column;gap:22px;position:sticky;top:90px}
.sidebar-widget{background:#fff;border:1px solid #eef1f6;border-radius:18px;padding:24px;box-shadow:0 12px 30px -24px rgba(15,23,42,.15)}
.sidebar-title{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:900;color:var(--dark-navy);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px;position:relative;padding-bottom:12px;display:flex;align-items:center;gap:8px}
.sidebar-title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--hover-red));border-radius:2px}
.sidebar-title i{color:var(--primary-red);font-size:.85rem}
.sidebar-cats{display:flex;flex-direction:column;gap:4px}
.sidebar-cat{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;font-size:.82rem;font-weight:600;color:#475569;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);background:transparent;border:1.5px solid transparent;font-family:'Poppins',sans-serif;text-align:left;width:100%}
.sidebar-cat:hover{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.15);transform:translateX(4px)}
.sidebar-cat.active{background:#fef2f2;color:var(--primary-red);border-color:rgba(211,47,47,.25);font-weight:700}
.sidebar-cat__left{display:flex;align-items:center;gap:10px}
.sidebar-cat__icon{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.72rem;transition:all .35s ease}
.sidebar-cat:hover .sidebar-cat__icon,.sidebar-cat.active .sidebar-cat__icon{background:var(--primary-red);color:#fff}
.sidebar-cat__count{font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;padding:3px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;transition:all .3s ease}
.sidebar-cat:hover .sidebar-cat__count,.sidebar-cat.active .sidebar-cat__count{background:var(--primary-red);color:#fff}

.popular-posts{display:flex;flex-direction:column;gap:14px}
.popular-post{display:grid;grid-template-columns:70px 1fr;gap:12px;cursor:pointer;padding-bottom:14px;border-bottom:1px solid #f1f5f9;transition:all .35s ease}
.popular-post:last-child{border-bottom:none;padding-bottom:0}
.popular-post:hover{transform:translateX(4px)}
.popular-post__img{width:70px;height:70px;border-radius:11px;background-size:cover;background-position:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}
.popular-post:hover .popular-post__img{transform:scale(1.08)}
.popular-post__info{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}
.popular-post__cat{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary-red)}
.popular-post__title{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:800;color:var(--dark-navy);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s}
.popular-post:hover .popular-post__title{color:var(--primary-red)}
.popular-post__date{font-size:.62rem;color:var(--text-gray);font-weight:500;display:flex;align-items:center;gap:5px}
.popular-post__date i{color:var(--primary-red);font-size:.58rem}

.sidebar-tags{display:flex;flex-wrap:wrap;gap:7px}
.sidebar-tag{padding:6px 12px;background:#f8fafc;border:1.5px solid #eef1f6;border-radius:999px;font-size:.7rem;font-weight:600;color:#475569;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:'Poppins',sans-serif}
.sidebar-tag:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}

.sidebar-newsletter{background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#2a1a1a 100%);border:none;color:#fff;position:relative;overflow:hidden}
.sidebar-newsletter::before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(211,47,47,.4),transparent 70%);filter:blur(20px)}
.sidebar-newsletter .sidebar-title{color:#fff}
.sidebar-newsletter .sidebar-title i{color:#FF8B94}
.sidebar-newsletter .sidebar-title::after{background:linear-gradient(90deg,var(--primary-red),#FF8B94)}
.sidebar-newsletter p{font-size:.8rem;color:#B6C6DE;line-height:1.6;margin-bottom:18px;position:relative;z-index:2}
.sidebar-newsletter form{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}
.sidebar-newsletter input{padding:12px 16px;border-radius:11px;border:1.5px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:.84rem;outline:none;font-family:'Poppins',sans-serif;transition:all .3s ease}
.sidebar-newsletter input::placeholder{color:#94a3b8}
.sidebar-newsletter input:focus{border-color:rgba(211,47,47,.6);background:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(211,47,47,.12)}
.sidebar-newsletter button{padding:12px 20px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;border-radius:11px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 26px -10px rgba(211,47,47,.7)}
.sidebar-newsletter button:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(211,47,47,.9)}

/* ============================================================
   POST DETAIL PAGE
   ============================================================ */
.post-hero{position:relative;height:520px;background-size:cover;background-position:center;isolation:isolate}
.post-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.4) 0%,rgba(15,23,42,.35) 35%,rgba(15,23,42,.85) 75%,rgba(15,23,42,.96) 100%);z-index:1}
.post-hero::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent,#fff);z-index:2;pointer-events:none}
.post-hero__inner{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:70px}
.post-hero__breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.76rem;font-weight:600;color:#B6C6DE;margin-bottom:22px}
.post-hero__breadcrumb a{transition:color .3s ease;display:inline-flex;align-items:center;gap:6px}
.post-hero__breadcrumb a:hover{color:#fff}
.post-hero__breadcrumb i{font-size:.55rem;color:#94a3b8}
.post-hero__breadcrumb span{color:#fff;font-weight:700;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-hero__cat{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;padding:7px 15px;border-radius:999px;margin-bottom:18px;align-self:flex-start;box-shadow:0 12px 26px -10px rgba(211,47,47,.7)}
.post-hero__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,3.8vw,3rem);font-weight:900;line-height:1.12;letter-spacing:-.03em;color:#fff;margin-bottom:22px;max-width:900px;text-shadow:0 6px 26px rgba(0,0,0,.5)}
.post-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;color:#E5EDF9;font-size:.82rem;font-weight:500}
.post-hero__meta-item{display:inline-flex;align-items:center;gap:7px}
.post-hero__meta-item i{color:#FF8B94;font-size:.78rem}
.post-hero__meta-item b{color:#fff;font-weight:700}

.post-detail{padding:0 0 90px;background:#fff}
.post-detail__layout{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start;margin-top:-30px;position:relative;z-index:5}
.post-detail__main{background:#fff;border:1px solid #eef1f6;border-radius:22px;padding:38px 42px 42px;box-shadow:0 25px 60px -34px rgba(15,23,42,.2)}

.post-share-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:24px;margin-bottom:30px;border-bottom:1px solid #eef1f6}
.post-share-row__author{display:flex;align-items:center;gap:12px}
.post-share-row__avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:1rem;flex-shrink:0;box-shadow:0 10px 22px -10px rgba(211,47,47,.7)}
.post-share-row__author-info b{display:block;font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:800;color:var(--dark-navy);margin-bottom:3px}
.post-share-row__author-info span{font-size:.72rem;color:var(--text-gray);font-weight:500}
.post-share-row__actions{display:flex;gap:8px;flex-wrap:wrap}
.post-share-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:1.5px solid #eef1f6;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.88rem;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
.post-share-btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-3px) rotate(-8deg);box-shadow:0 12px 24px -10px rgba(211,47,47,.6)}
.post-share-btn--bookmark.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}

/* Article content */
.post-content{font-size:1rem;line-height:1.85;color:#374151}
.post-content > p:first-of-type{font-size:1.1rem;color:#1e293b;font-weight:500;line-height:1.8}
.post-content p{margin-bottom:22px}
.post-content h3{font-family:'Montserrat',sans-serif;font-size:1.35rem;font-weight:900;color:var(--dark-navy);margin:34px 0 16px;letter-spacing:-.015em;position:relative;padding-left:18px}
.post-content h3::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:26px;background:linear-gradient(180deg,var(--primary-red),var(--hover-red));border-radius:3px}
.post-content ul{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding-left:0}
.post-content li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:#475569;line-height:1.7}
.post-content li i{color:var(--primary-red);font-size:.75rem;margin-top:7px;flex-shrink:0}
.post-content li b{color:var(--dark-navy);font-weight:700}
.post-content blockquote{border-left:4px solid var(--primary-red);background:linear-gradient(135deg,#fef2f2,#fff);padding:22px 26px;border-radius:0 14px 14px 0;font-style:italic;color:#475569;margin:28px 0;font-size:1rem;line-height:1.75;position:relative}
.post-content blockquote::before{content:'"';position:absolute;top:6px;left:14px;font-family:'Montserrat',sans-serif;font-size:3rem;font-weight:900;color:rgba(211,47,47,.2);line-height:1}
.post-content strong{color:var(--dark-navy);font-weight:700}
.post-content a{color:var(--primary-red);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.post-content a:hover{color:var(--hover-red)}

/* Tags */
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;padding-top:28px;border-top:1px solid #eef1f6}
.post-tags__label{font-family:'Montserrat',sans-serif;font-size:.66rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-gray);margin-right:6px;align-self:center}
.post-tag{padding:7px 14px;background:#f8fafc;border:1.5px solid #eef1f6;border-radius:999px;font-size:.72rem;font-weight:600;color:#475569;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.post-tag:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateY(-2px)}

/* Author box */
.author-box{display:flex;align-items:center;gap:20px;padding:26px 28px;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:1px solid #eef1f6;border-left:4px solid var(--primary-red);border-radius:18px;margin-top:32px}
.author-box__avatar{width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.4rem;flex-shrink:0;box-shadow:0 12px 26px -10px rgba(211,47,47,.7);border:3px solid #fff}
.author-box__info{flex:1;min-width:0}
.author-box__role{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;color:var(--primary-red);margin-bottom:5px}
.author-box__name{font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--dark-navy);margin-bottom:6px}
.author-box__bio{font-size:.84rem;color:var(--text-gray);line-height:1.6}

/* Post navigation */
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.post-nav__item{padding:20px 22px;background:#fff;border:1px solid #eef1f6;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}
.post-nav__item::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-red),var(--dark-navy));transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.post-nav__item:hover::before{transform:scaleY(1)}
.post-nav__item:hover{border-color:rgba(211,47,47,.35);transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(211,47,47,.5)}
.post-nav__item--next{text-align:right}
.post-nav__label{display:inline-flex;align-items:center;gap:7px;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary-red);margin-bottom:9px}
.post-nav__item--next .post-nav__label{justify-content:flex-end}
.post-nav__title{font-family:'Montserrat',sans-serif;font-size:.86rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s}
.post-nav__item:hover .post-nav__title{color:var(--primary-red)}
.post-nav__empty{opacity:.4;cursor:not-allowed}

/* Comments */
.comments-section{margin-top:44px;padding-top:38px;border-top:1px solid #eef1f6}
.comments-section__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px;flex-wrap:wrap}
.comments-section__title{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:900;color:var(--dark-navy);letter-spacing:-.01em;display:flex;align-items:center;gap:11px}
.comments-section__title i{color:var(--primary-red)}
.comments-section__title span{background:var(--primary-red);color:#fff;font-size:.68rem;padding:3px 10px;border-radius:999px;font-family:'Montserrat',sans-serif;font-weight:800}
.comments-list{display:flex;flex-direction:column;gap:14px;margin-bottom:34px}
.comment{display:flex;gap:14px;padding:18px 20px;background:#fafbfc;border:1px solid #eef1f6;border-radius:16px;transition:all .35s ease;animation:cardIn .4s ease}
.comment:hover{border-color:rgba(211,47,47,.2);background:#fff;box-shadow:0 14px 30px -22px rgba(211,47,47,.4)}
.comment__avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:.86rem;flex-shrink:0}
.comment__body{flex:1;min-width:0}
.comment__head{display:flex;align-items:center;gap:10px;margin-bottom:7px;flex-wrap:wrap}
.comment__head b{font-size:.86rem;font-weight:800;color:var(--dark-navy)}
.comment__verified{display:inline-flex;align-items:center;gap:5px;font-size:.58rem;font-weight:800;color:var(--green);background:#f0fdf4;padding:3px 8px;border-radius:999px;letter-spacing:.5px;text-transform:uppercase;border:1px solid rgba(22,163,74,.22)}
.comment__verified i{font-size:.5rem}
.comment__head span{font-size:.7rem;color:var(--text-gray);font-weight:500}
.comment__text{font-size:.88rem;color:#475569;line-height:1.7}
.comment__actions{display:flex;gap:14px;margin-top:10px}
.comment__action{background:none;border:none;color:var(--text-gray);font-size:.7rem;font-weight:600;padding:0;cursor:pointer;transition:color .3s ease;display:inline-flex;align-items:center;gap:5px;font-family:'Poppins',sans-serif}
.comment__action:hover{color:var(--primary-red)}
.comment__action i{font-size:.7rem}

.comment-form{background:#f8fafc;border:1px solid #eef1f6;border-radius:18px;padding:26px 28px}
.comment-form__title{font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:900;color:var(--dark-navy);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:9px}
.comment-form__title i{color:var(--primary-red)}
.comment-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.comment-form input,.comment-form textarea{width:100%;padding:13px 15px;border:1.5px solid var(--light-gray);border-radius:12px;font-family:'Poppins',sans-serif;font-size:.88rem;color:var(--dark-navy);outline:none;background:#fff;transition:all .25s ease;resize:vertical}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px rgba(211,47,47,.1)}
.comment-form button{margin-top:14px;padding:12px 26px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;border:none;border-radius:12px;font-family:'Montserrat',sans-serif;font-size:.74rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.6)}
.comment-form button:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(211,47,47,.85)}

/* Related posts */
.related-section{margin-top:60px;padding-top:50px;border-top:1px solid #eef1f6}
.related-section__head{text-align:center;margin-bottom:38px}
.related-section__kicker{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#FDECEE,#FFF5F5);border:1.5px solid var(--primary-red);color:var(--primary-red);padding:6px 16px 6px 11px;border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:16px}
.related-section__kicker i{font-size:.72rem}
.related-section__title{font-family:'Montserrat',sans-serif;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:900;color:var(--dark-navy);letter-spacing:-.025em;line-height:1.1}
.related-section__title span{color:var(--primary-red)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.related-card{background:#fff;border:1px solid #eef1f6;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.related-card:hover{transform:translateY(-8px);border-color:rgba(211,47,47,.35);box-shadow:0 30px 55px -28px rgba(211,47,47,.5)}
.related-card__img-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f8fafc}
.related-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .9s cubic-bezier(.34,1.56,.64,1)}
.related-card:hover .related-card__img{transform:scale(1.12)}
.related-card__cat{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;font-family:'Montserrat',sans-serif;font-size:.54rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:5px 10px;border-radius:999px;z-index:3}
.related-card__body{padding:16px 18px 18px}
.related-card__title{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:800;color:var(--dark-navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;transition:color .3s ease}
.related-card:hover .related-card__title{color:var(--primary-red)}
.related-card__meta{display:flex;align-items:center;gap:12px;font-size:.66rem;color:var(--text-gray);font-weight:500}
.related-card__meta span{display:inline-flex;align-items:center;gap:5px}
.related-card__meta i{color:var(--primary-red);font-size:.64rem}

/* ============ FOOTER ============ */
footer{background:#fff;color:var(--text-dark);position:relative;overflow:hidden;border-top:1px solid #eef1f6}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-red) 0%,var(--dark-navy) 50%,var(--primary-red) 100%)}
.footer-top{padding:64px 0 40px;background:radial-gradient(900px 400px at 20% 0%,rgba(211,47,47,.05) 0%,transparent 55%),#fff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.footer-brand-icon{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.4rem;box-shadow:0 8px 20px var(--shadow-red)}
.footer-brand-text h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.35rem;color:var(--dark-navy);line-height:1;letter-spacing:-.5px}
.footer-brand-text h3 span{color:var(--primary-red)}
.footer-brand-text span{display:block;color:var(--text-gray);font-size:.6rem;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-weight:500}
.footer-about{font-size:.85rem;color:var(--text-gray);line-height:1.75;margin-bottom:20px}
.footer-socials{display:flex;gap:10px}
.footer-social{width:40px;height:40px;border-radius:11px;background:#f1f5f9;color:var(--dark-navy);display:flex;align-items:center;justify-content:center;font-size:.92rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.footer-social:hover{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;transform:translateY(-4px) rotate(-8deg)}
.footer-col__title{font-family:'Montserrat',sans-serif;font-size:.8rem;font-weight:900;color:var(--dark-navy);letter-spacing:2px;text-transform:uppercase;margin-bottom:22px;position:relative;padding-bottom:12px}
.footer-col__title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:linear-gradient(90deg,var(--primary-red),var(--dark-navy));border-radius:2px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-link{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;color:var(--text-gray);font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);cursor:pointer;background:none;border:none;text-align:left;font-family:'Poppins',sans-serif;padding:0}
.footer-link i{color:var(--primary-red);font-size:.6rem;transition:transform .35s}
.footer-link:hover{color:var(--primary-red);transform:translateX(5px)}
.footer-link:hover i{transform:translateX(3px)}
.footer-bottom{border-top:1px solid #eef1f6;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-copy{font-size:.78rem;color:var(--text-gray);font-weight:500}
.footer-copy b{color:var(--dark-navy);font-weight:800}
.footer-copy span{color:var(--primary-red);font-weight:700}
.footer-top-btn{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary-red),var(--hover-red));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -10px rgba(211,47,47,.7);border:0}
.footer-top-btn:hover{transform:translateY(-4px) rotate(-6deg)}

/* ============ FLOATING ============ */
.wa-float{position:fixed;right:20px;bottom:22px;z-index:99;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C7E);display:grid;place-items:center;box-shadow:0 14px 32px -10px rgba(18,140,126,.9);animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:29px;height:29px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 14px 32px -10px rgba(18,140,126,.9),0 0 0 16px rgba(37,211,102,0)}}

.toast{position:fixed;bottom:100px;right:24px;background:linear-gradient(135deg,#16a34a,#0f7a35);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 20px 40px -10px rgba(22,163,74,.5);display:flex;align-items:center;gap:10px;z-index:400;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1);max-width:calc(100vw - 40px)}
.toast.show{opacity:1;transform:translateY(0) scale(1)}
.toast--red{background:linear-gradient(135deg,var(--primary-red),var(--hover-red));box-shadow:0 20px 40px -10px rgba(211,47,47,.6)}
.toast--navy{background:linear-gradient(135deg,var(--dark-navy),var(--medium-navy));box-shadow:0 20px 40px -10px rgba(15,23,42,.7)}

/* Progress bar for reading */
.read-progress{position:fixed;top:0;left:0;height:4px;width:0%;background:linear-gradient(90deg,var(--primary-red),#FF8B94);z-index:999;transition:width .15s ease;box-shadow:0 0 10px rgba(211,47,47,.5)}
.read-progress.show{display:block}
.read-progress.hidden{display:none}

/* ============ RESPONSIVE ============ */
@media (max-width:1180px){
  .blog-layout,.post-detail__layout{grid-template-columns:1fr 300px;gap:34px}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
  .related-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .header-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:16px;gap:4px;border-top:1px solid #eef1f6;box-shadow:0 20px 40px -20px rgba(15,23,42,.2);align-items:stretch}
  .header-nav.open{display:flex}
  .header-nav a{padding:12px 16px}
  .menu-toggle{display:block;margin-left:auto}
  .blog-layout,.post-detail__layout{grid-template-columns:1fr;gap:32px}
  .blog-sidebar{position:static}
  .featured-post{grid-template-columns:1fr}
  .featured-post__visual{min-height:260px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
  .post-detail__main{padding:32px 28px 34px}
}
@media (max-width:768px){
  .blog-hero{padding:50px 0 44px}
  .blog-hero__title{font-size:1.9rem}
  .blog-hero__stats{gap:12px 24px}
  .blog-hero__stat b{font-size:1.5rem}
  .blog-main{padding:44px 0 70px}
  .blog-toolbar{padding:14px;top:80px;position:relative}
  .blog-grid{grid-template-columns:1fr;gap:20px}
  .featured-post__content{padding:28px 22px}
  .featured-post__visual{min-height:220px}
  .related-grid{grid-template-columns:1fr;gap:18px}
  .comment-form__row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .post-hero{height:420px}
  .post-hero__inner{padding-bottom:56px}
  .post-hero__title{font-size:1.5rem}
  .post-detail__main{padding:28px 22px 30px;border-radius:18px}
  .post-nav{grid-template-columns:1fr}
  .author-box{flex-direction:column;text-align:center;padding:24px 20px}
  .post-share-row{flex-direction:column;align-items:flex-start}
}
@media (max-width:520px){
  .brand-text h1{font-size:1.3rem}
  .logo-icon{width:44px;height:44px;font-size:1.25rem}
  .blog-hero__title{font-size:1.55rem}
  .blog-hero__sub{font-size:.88rem}
  .blog-hero__stat b{font-size:1.25rem}
  .blog-tab{padding:7px 11px;font-size:.7rem}
  .blog-card__body{padding:16px 18px 18px}
  .post-hero{height:360px}
  .post-hero__title{font-size:1.25rem}
  .post-detail__main{padding:22px 18px 26px}
  .post-content h3{font-size:1.1rem}
  .post-content p{font-size:.9rem}
  .post-content > p:first-of-type{font-size:1rem}
  .toast{right:14px;bottom:16px;font-size:.8rem;padding:13px 18px}
  .wa-float{width:50px;height:50px;right:14px;bottom:16px}
  .wa-float svg{width:25px;height:25px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  .blog-card{opacity:1;transform:none}
}