:root{
  --blue:#3043e7;
  --blue-dark:#142d68;
  --blue-deep:#08182f;
  --ink:#071323;
  --muted:#7d8798;
  --line:#e4e7ed;
  --soft:#f6f7f9;
  --yellow:#ffd521;
  --green:#00a64f;
  --orange:#ff6812;
  --danger:#ff3b55;
  --radius:14px;
  --shadow:0 24px 70px rgba(5,18,48,.24);
  --ease:cubic-bezier(.22,.72,.23,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#d8d8d8}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#e7e7e7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.is-locked{overflow:hidden}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit}
img{max-width:100%;display:block}
[hidden]{display:none!important}
svg{display:block}
.site{width:min(1440px,100%);min-height:100dvh;margin:0 auto;background:#fff;position:relative;box-shadow:0 0 30px rgba(0,0,0,.06)}
.page-width{width:min(1180px,100%);margin:0 auto;padding-inline:18px}



/* Header */
.site-header{position:sticky;top:0;z-index:60;background:var(--blue);color:#fff;box-shadow:0 4px 18px rgba(13,34,115,.16)}
.header-inner{width:min(1180px,100%);margin:auto;padding:11px 16px 12px}
.header-top{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;min-height:42px}
.brand{display:flex;align-items:center;justify-content:center;text-decoration:none;color:currentColor}
.brand svg{width:172px;height:34px;max-width:100%}
.header-actions{display:flex;align-items:center;gap:2px}
.icon-btn{position:relative;border:0;background:transparent;color:currentColor;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;transition:background .2s ease,transform .15s ease}
.icon-btn:hover{background:rgba(255,255,255,.12)}
.icon-btn:active{transform:scale(.93)}
.icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cart-count{position:absolute;right:-1px;top:-2px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;background:var(--danger);font-size:10px;font-weight:900;display:grid;place-items:center;color:#fff}
.search-form{grid-column:1/-1;grid-row:2;height:39px;margin-top:0;border-radius:11px;background:#23348f;display:flex;align-items:center;gap:8px;padding:0 12px;transition:box-shadow .2s ease,background .2s ease}
.search-form:focus-within{background:#1f3087;box-shadow:0 0 0 2px rgba(255,255,255,.23)}
.search-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:13px}
.search-form input::placeholder{color:#d7dcfb}
.search-form button{border:0;background:transparent;color:#cfd5fb;padding:0}
.search-form svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.desktop-nav{display:none}
.trust-strip{height:40px;background:#040404;color:#fff;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;text-align:center;font-size:11px;font-weight:800;padding:0 10px;overflow:hidden}
.trust-strip button{height:100%;border:0;background:none;color:#aeb6c4;font-size:23px;transition:color .18s ease,transform .18s ease}
.trust-strip button:hover{color:#fff}.trust-strip button:active{transform:scale(.86)}
.trust-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .19s ease,transform .19s cubic-bezier(.22,1,.36,1);will-change:transform,opacity;transform:translateY(0)}
.trust-text.is-leaving-up{opacity:0;transform:translateY(-14px)}.trust-text.is-leaving-down{opacity:0;transform:translateY(14px)}
.trust-text.is-entering-down{opacity:0;transform:translateY(14px)}.trust-text.is-entering-up{opacity:0;transform:translateY(-14px)}

/* Hero carousel */
.hero{position:relative;overflow:hidden;background:#050505;isolation:isolate}
.hero-viewport{overflow:hidden;touch-action:pan-y;cursor:grab}
.hero-viewport.is-dragging{cursor:grabbing}
.hero-track{display:flex;will-change:transform;transform:translate3d(0,0,0);transition:transform .72s var(--ease)}
.hero-viewport.is-dragging .hero-track{transition:none}
.hero-slide{flex:0 0 100%;min-width:0;position:relative;overflow:hidden;background:#080808;aspect-ratio:345/565}
.hero-slide picture,.hero-slide img{width:100%;height:100%}
.hero-slide img{object-fit:cover;user-select:none;-webkit-user-drag:none}
.hero-slide::after{content:"";position:absolute;inset:auto 0 0;height:12%;background:linear-gradient(to top,rgba(0,0,0,.14),transparent);pointer-events:none}
.hero-controls{position:absolute;inset:0;pointer-events:none;z-index:2}
.hero-arrow{pointer-events:auto;position:absolute;top:50%;translate:0 -50%;width:39px;height:39px;border:0;border-radius:50%;background:rgba(40,40,40,.45);backdrop-filter:blur(6px);color:#fff;font-size:24px;display:grid;place-items:center;transition:transform .18s ease,background .18s ease}
.hero-arrow:hover{background:rgba(15,15,15,.72);transform:scale(1.06)}
.hero-arrow.prev{left:10px}.hero-arrow.next{right:10px}
.hero-dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;pointer-events:auto}
.hero-dot{width:7px;height:7px;border:0;border-radius:999px;background:rgba(255,255,255,.65);padding:0;transition:width .28s var(--ease),background .28s ease}
.hero-dot.is-active{width:24px;background:#fff}
.hero-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:rgba(255,255,255,.18);z-index:3}
.hero-progress i{display:block;width:0;height:100%;background:#fff}
.hero-progress i.is-running{animation:heroProgress 4.8s linear forwards}
@keyframes heroProgress{from{width:0}to{width:100%}}

/* Main content */
.main-section{padding:25px 18px 34px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:15px}
.section-title{margin:0;text-transform:uppercase;font-weight:900;font-size:19px;line-height:1.05;letter-spacing:-.25px}
.section-sub{margin-top:4px;font-size:12px;color:#687488}
.text-link{font-size:11px;font-weight:900;color:#1726be;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.promo-banner{width:100%;border-radius:10px;overflow:hidden;background:#243cff}
.promo-banner img{width:100%;height:auto}
.promo-earned{margin:13px 0 22px;border:1.5px solid #3043e7;border-radius:13px;padding:10px 11px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;background:linear-gradient(180deg,#fff,#f9faff);box-shadow:0 8px 20px rgba(26,47,177,.08)}
.promo-earned .seal{width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;text-align:center;font-size:8px;line-height:1;font-weight:900}
.promo-earned strong{display:block;font-size:11px}.promo-earned p{margin:3px 0 0;font-size:9px;line-height:1.35;color:#7f8999}.promo-earned a{font-size:9px;font-weight:900;color:var(--blue);text-decoration:none}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;margin:19px 0 18px;gap:12px}
.catalog-count{font-size:11px;color:#8a93a3}
.filter-btn{height:38px;padding:0 14px;border:1px solid #dbe0e8;border-radius:9px;background:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;gap:7px;transition:box-shadow .2s ease,transform .15s ease}
.filter-btn:hover{box-shadow:0 6px 18px rgba(7,22,55,.09)}.filter-btn:active{transform:scale(.97)}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}
.product-card{position:relative;min-width:0;cursor:pointer;border-radius:10px;outline:none;transition:transform .25s var(--ease),box-shadow .25s ease}
.product-card:focus-visible{box-shadow:0 0 0 3px rgba(48,66,231,.2)}
.product-card:hover{transform:translateY(-2px)}
.product-eyebrow{font-size:8.5px;text-transform:uppercase;color:#a0a8b7;letter-spacing:1px;font-weight:700}
.product-name{margin:4px 30px 6px 0;font-size:12px;line-height:1.25;font-weight:500}
.favorite{position:absolute;top:-4px;right:-4px;width:35px;height:35px;border:0;background:transparent;color:#bcc3cf;display:grid;place-items:center}
.favorite svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .22s var(--ease),fill .22s ease,color .22s ease}
.favorite.is-active{color:#ff405c}.favorite.is-active svg{fill:#ff405c;transform:scale(1.08)}
.product-tags{font-size:9px;line-height:1.65;min-height:30px}.tag-new{color:var(--green)}.tag-pix{color:var(--orange)}
.product-photo{height:145px;display:grid;place-items:center;margin:5px 0 8px;overflow:hidden}
.product-photo img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease),filter .35s ease}
.product-card:hover .product-photo img{transform:scale(1.055)}
.product-price{font-size:12px;font-weight:900}.product-old{font-size:9px;color:#a4adba;text-decoration:line-through;margin-left:3px;font-weight:400}.product-discount{font-size:9px;color:var(--green);margin-left:3px}.product-colors{font-size:9px;color:#7e899d;margin-top:5px}

/* Reveal on scroll - intentionally subtle */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .58s ease,transform .58s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}
.product-card.reveal:nth-child(2n){transition-delay:.06s}

/* Benefits/Footer */
.benefits{background:#1d3774;color:#fff;padding:19px 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.benefit{display:flex;align-items:center;gap:9px;min-width:0}.benefit-icon{width:40px;height:40px;border-radius:12px;background:#304b87;display:grid;place-items:center;flex:0 0 auto}.benefit-icon svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.benefit strong{display:block;font-size:10px}.benefit span{display:block;font-size:8px;color:#cbd4ea;margin-top:2px}
.site-footer{background:var(--blue);color:#fff;padding:26px 28px 20px}.footer-brand{justify-content:flex-start}.footer-brand svg{width:160px;height:32px}.footer-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 16px;margin-top:22px}.footer-columns h4{margin:0 0 9px;font-size:10px}.footer-columns a{display:block;text-decoration:none;color:#e5e8ff;font-size:9px;margin:7px 0}.footer-note{border-top:1px solid rgba(255,255,255,.22);margin-top:22px;padding-top:14px;font-size:8px;line-height:1.5;color:#d8ddfb}

/* Drawer */
.overlay{position:fixed;inset:0;z-index:100;background:rgba(1,7,20,.72);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease;display:flex}
.overlay.is-open{opacity:1;visibility:visible}
.drawer-overlay{justify-content:flex-start}
.drawer{height:100dvh;width:min(80vw,340px);background:var(--blue);color:#fff;transform:translateX(-102%);transition:transform .34s var(--ease);box-shadow:18px 0 45px rgba(0,0,0,.27);display:flex;flex-direction:column}
.drawer-overlay.is-open .drawer{transform:none}
.drawer-head{height:66px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13)}
.drawer-head .brand{justify-content:flex-start}.drawer-head .brand svg{width:150px}.drawer-nav{padding:10px 19px;overflow:auto;flex:1}.drawer-nav>a,.drawer-parent{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 1px;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#fff;text-decoration:none;font-size:12px;font-weight:700}.drawer-promo{font-size:8px;background:#ff3853;border-radius:4px;padding:3px 5px}.drawer-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s var(--ease)}.drawer-group.is-open .drawer-sub{grid-template-rows:1fr}.drawer-sub>div{overflow:hidden}.drawer-sub a{display:block;padding:10px 11px;color:#dde2ff;text-decoration:none;font-size:10px}.drawer-parent span:last-child{transition:transform .25s ease}.drawer-group.is-open .drawer-parent span:last-child{transform:rotate(90deg)}.drawer-foot{padding:14px 18px;font-size:8px;text-align:center;background:rgba(0,0,0,.08)}

/* Promotional modals */
.modal-overlay{align-items:center;justify-content:center;padding:16px;overflow:auto}
.modal-card{width:min(390px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#081a36;color:#fff;border:1px solid #274a82;border-radius:16px;box-shadow:var(--shadow);transform:translateY(18px) scale(.975);opacity:0;transition:transform .34s var(--ease),opacity .25s ease;overscroll-behavior:contain}
.modal-overlay.is-open .modal-card{transform:none;opacity:1}
.modal-head{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#091a37;position:sticky;top:0;z-index:3}.modal-head .brand{justify-content:flex-start}.modal-head .brand svg{width:146px;height:30px}.modal-close{border:0;background:transparent;color:#fff;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:25px}.modal-close:hover{background:rgba(255,255,255,.1)}
.promo-visual{background:#fffc00;aspect-ratio:1920/734;overflow:hidden}.promo-visual img{width:100%;height:100%;object-fit:cover}
.modal-body{padding:17px 17px 18px;text-align:center}.modal-body h2,.scratch-copy h2{margin:0 0 8px;font-size:17px}.modal-body p,.scratch-copy p{margin:0;color:#c6cee0;font-size:10px;line-height:1.55}.modal-offer{margin:15px 0 13px;border:1px solid #294c84;border-radius:10px;background:#112b55;padding:13px 10px;display:grid;gap:4px}.modal-offer span{font-size:8px;color:#bbc6db;text-transform:uppercase}.modal-offer strong{font-size:22px;color:#ffc925}.gold-btn{width:100%;height:45px;border:0;border-radius:9px;background:#e5bd1d;color:#111;font-size:11px;font-weight:900;transition:transform .15s ease,filter .2s ease}.gold-btn:hover{filter:brightness(1.04)}.gold-btn:active{transform:scale(.985)}
.scratch-card{width:min(386px,100%)}.scratch-attempt{font-size:9px;color:#d5deed;background:#203c68;border-radius:999px;padding:6px 10px}.scratch-copy{text-align:center;padding:20px 16px 14px}.scratch-copy h2{font-size:18px}.scratch-stage{position:relative;margin:0 20px;height:255px;border-radius:13px;overflow:hidden;background:#10264a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.scratch-prize{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 30%,#183a6a,#0c2348)}.scratch-prize strong{display:block;font-size:30px;color:#ffd028}.scratch-prize span{display:block;margin-top:5px;color:#d3dbea;font-size:10px}.scratch-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.scratch-meta{display:flex;justify-content:space-between;padding:14px 20px 8px;color:#9ba8bc;font-size:10px}.scratch-progress{height:5px;margin:0 20px 20px;background:#203c68;border-radius:999px;overflow:hidden}.scratch-progress i{display:block;width:0;height:100%;background:#d4a717;border-radius:999px;transition:width .1s linear}.retry-icon,.result-icon{width:52px;height:52px;border-radius:50%;margin:0 auto 12px;background:#123568;display:grid;place-items:center;font-size:25px}.result-code{margin:12px 0;border:1px dashed #5a76a6;border-radius:9px;padding:10px;color:#ffd026;font-size:11px;font-weight:900;letter-spacing:.6px}

/* Product */
.product-main{padding:17px 18px 34px}.breadcrumb{font-size:9px;color:#929cac;margin-bottom:12px}.product-layout{display:grid;gap:18px}.product-gallery{position:relative;border-radius:12px;background:#fff;min-width:0}.gallery-stage{height:330px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #eef0f3;border-radius:12px}.gallery-stage img{width:90%;height:90%;object-fit:contain;transition:opacity .18s ease,transform .35s var(--ease)}.gallery-stage img.is-switching{opacity:.2;transform:scale(.96)}.gallery-heart{position:absolute;right:12px;top:12px;z-index:2;width:38px;height:38px;border:1px solid #e7eaf0;background:#fff;border-radius:50%;color:#aeb6c3;display:grid;place-items:center}.gallery-heart svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.gallery-heart.is-active{color:#ff405c}.gallery-heart.is-active svg{fill:#ff405c}.thumb-row{display:flex;gap:7px;overflow:auto;padding:10px 2px 2px;scrollbar-width:none}.thumb-row::-webkit-scrollbar{display:none}.variant{width:48px;height:48px;border:1px solid #dde2e8;border-radius:9px;background:#fff;padding:3px;flex:0 0 auto}.variant img{width:100%;height:100%;object-fit:contain}.variant.is-active{border:2px solid #1626c9}.product-info h1{margin:0 0 7px;font-size:18px;text-transform:uppercase}.rating{font-size:10px;color:#718099;margin-bottom:6px}.stars{color:#f4b400;letter-spacing:1px}.ref{font-size:9px;color:#9aa4b4}.price-block{margin:14px 0 16px}.price-now{font-size:22px;font-weight:900}.price-old{font-size:10px;color:#a3acba;text-decoration:line-through;margin-left:5px}.price-discount{font-size:10px;color:var(--green);font-weight:800}.pix-note{font-size:9px;color:var(--green);margin-top:4px}.selector-title{font-size:10px;font-weight:900;margin:18px 0 9px;text-transform:uppercase}.color-name{font-weight:500;color:#667287}.size-row{display:flex;gap:8px;flex-wrap:wrap}.size-btn{width:39px;height:36px;border:1px solid #d8dde5;border-radius:8px;background:#fff;font-size:10px}.size-btn.is-active{border-color:#0d1830;background:#0d1830;color:#fff}.freight{display:grid;grid-template-columns:1fr 82px;gap:8px;margin-top:8px}.field{width:100%;height:42px;border:1px solid #dfe3ea;border-radius:8px;padding:0 11px;outline:0;font-size:11px}.field:focus{border-color:#5160df;box-shadow:0 0 0 3px rgba(48,66,231,.10)}.freight button{border:0;border-radius:8px;background:#080808;color:#fff;font-size:10px;font-weight:900}.freight-result{margin-top:7px;padding:9px 10px;border-radius:8px;background:#ecfff4;color:#087b3c;font-size:9px}.buy-btn,.secondary-btn{width:100%;height:46px;border-radius:8px;font-size:11px;font-weight:900}.buy-btn{border:0;background:#060606;color:#fff;margin-top:16px}.secondary-btn{margin-top:8px;background:#fff;border:1px solid #0b1628;color:#0b1628}.product-details{border-top:1px solid #e5e8ed;margin-top:21px;padding-top:18px}.product-details h2{font-size:11px;text-transform:uppercase}.product-details p{font-size:10px;line-height:1.6;color:#5f6a7a}.toast{position:fixed;right:16px;bottom:16px;z-index:150;width:min(360px,calc(100% - 32px));background:#fff;border-radius:13px;box-shadow:0 18px 55px rgba(4,16,43,.25);padding:12px;transform:translateY(25px);opacity:0;pointer-events:none;transition:.3s var(--ease)}.toast.is-show{transform:none;opacity:1;pointer-events:auto}.toast-row{display:grid;grid-template-columns:54px 1fr 30px;align-items:center;gap:9px}.toast-row img{width:54px;height:54px;object-fit:contain}.toast-row strong{display:block;font-size:11px}.toast-row span{display:block;font-size:9px;color:#7b8799;margin-top:4px;line-height:1.35}.toast-close{border:0;background:none;font-size:22px;color:#7f8999}.toast-action{display:grid;place-items:center;margin-top:9px;height:37px;border-radius:8px;background:#0a1425;color:#fff;text-decoration:none;font-size:10px;font-weight:900}

@media (min-width:760px){
  .header-inner{padding:13px 22px 11px}.header-top{grid-template-columns:auto 1fr auto}.menu-toggle{display:none}.brand{justify-content:flex-start}.header-top .brand svg{width:175px}.search-form{grid-column:2;grid-row:1;margin:0 24px;height:44px}.desktop-nav{display:flex;gap:27px;padding-top:12px}.desktop-nav a{font-size:12px;font-weight:800;text-decoration:none;color:#fff}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:4px}
  .hero-slide{aspect-ratio:1920/734}.hero-slide img{object-fit:cover}.hero-arrow{width:44px;height:44px}.hero-arrow.prev{left:20px}.hero-arrow.next{right:20px}.hero-dots{bottom:21px}
  .main-section{padding:36px 32px 52px}.section-title{font-size:28px}.section-sub{font-size:14px}.promo-banner{border-radius:14px}.catalog-toolbar{margin-top:24px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 24px}.product-photo{height:210px}.product-name,.product-price{font-size:14px}.product-eyebrow{font-size:9px}.product-tags{font-size:10px}.benefits{grid-template-columns:repeat(4,1fr);padding:24px 7%}.site-footer{padding:34px 7%}.footer-columns{grid-template-columns:repeat(4,1fr)}
  .product-main{padding:28px 28px 55px}.product-layout{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:42px}.gallery-stage{height:560px}.product-info{padding-top:10px}.product-info h1{font-size:25px}.price-now{font-size:29px}.product-details p{font-size:11px}
}
@media (min-width:1100px){.product-grid{gap-inline:34px}.main-section{padding-inline:44px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-track,.modal-card,.drawer,.reveal,.product-photo img,.toast{transition:none!important}.hero-progress i{animation:none!important}.reveal{opacity:1!important;transform:none!important}}


/* =========================================================
   V5 refinements — official logo, fluid carousel & catalog
   ========================================================= */
:root{
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-ui:cubic-bezier(.2,.8,.2,1);
}
html{scroll-padding-top:112px}
body{background:#dedede}

/* Exact logo supplied by the project owner */
.brand-logo{display:block;width:168px;max-width:100%;height:auto;object-fit:contain}
.header-top .brand-logo{width:164px}
.drawer-head .brand-logo{width:154px}
.modal-head .brand-logo{width:148px}
.footer-brand .brand-logo{width:168px}

/* More natural UI motion */
.icon-btn,.filter-btn,.gold-btn,.buy-btn,.secondary-btn,.favorite,.quick-cart{
  -webkit-tap-highlight-color:transparent;
}
.site-header{transition:box-shadow .28s ease,background .28s ease}
.search-form{transition:background .25s ease,box-shadow .25s ease,transform .25s var(--ease)}
.search-form:focus-within{transform:translateY(-1px)}
.drawer{transition:transform .38s var(--ease)}
.drawer-sub{transition:grid-template-rows .34s var(--ease)}
.modal-card{transition:transform .42s var(--ease),opacity .26s ease}

/* Hero: autoplay has seamless wrap, transform stays on compositor */
.hero-track{transition:transform .68s cubic-bezier(.22,.76,.25,1);will-change:transform;backface-visibility:hidden}
.hero-slide,.hero-slide img{backface-visibility:hidden}
.hero-slide img{transform:translateZ(0)}
.hero-progress i.is-running{animation-duration:4.3s}
.hero-arrow{transition:background .22s ease,transform .22s var(--ease),opacity .22s ease}
.hero-dot{transition:width .32s var(--ease),background .24s ease,opacity .24s ease}

/* Product grid inspired by the cleaner official merchandising layout */
.product-grid{
  margin-inline:-18px;
  border-top:1px solid #dfe3e8;
  border-left:1px solid #dfe3e8;
  border-right:1px solid #dfe3e8;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  background:#fff;
}
.product-card{
  min-width:0;
  min-height:338px;
  padding:16px 13px 14px;
  border-radius:0;
  border-bottom:1px solid #dfe3e8;
  background:#fff;
  transform:none;
  box-shadow:none;
  overflow:hidden;
  transition:background .28s ease,box-shadow .32s var(--ease),transform .32s var(--ease);
}
.product-card:nth-child(odd){border-right:1px solid #dfe3e8}
.product-card-head{position:relative;min-height:54px;padding-right:30px}
.product-eyebrow{display:block;font-size:8px;line-height:1.2;letter-spacing:.85px;color:#8b95a8;font-weight:700;text-transform:uppercase}
.product-name{margin:5px 0 0;font-size:12px;line-height:1.25;font-weight:500;color:#090f1c}
.favorite{top:9px;right:8px;width:34px;height:34px}
.favorite svg{width:21px;height:21px;transition:transform .28s var(--ease),fill .22s ease,color .22s ease}
.product-tags{display:flex;flex-direction:column;gap:4px;min-height:34px;margin-top:4px;font-size:9px;line-height:1.25}
.tag-off{color:#253ee8}.tag-site{color:#ff6700}
.product-photo{position:relative;height:152px;margin:6px 0 4px;overflow:visible;display:grid;place-items:center}
.product-photo img{width:100%;height:100%;object-fit:contain;transform:translateZ(0);transition:transform .45s var(--ease),filter .35s ease}
.quick-cart{position:absolute;right:1px;bottom:4px;width:34px;height:34px;border:0;border-radius:999px;background:#050505;color:#fff;display:grid;place-items:center;box-shadow:0 5px 15px rgba(0,0,0,.16);transition:transform .22s var(--ease),box-shadow .22s ease,background .22s ease}
.quick-cart svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.quick-cart:active{transform:scale(.91)}
.product-commerce{margin-top:4px}
.product-old-line{min-height:14px;font-size:9px;color:#a1a8b4;text-decoration:line-through}
.product-price{margin-top:2px;color:#ff2d16;font-size:15px;font-weight:800;line-height:1.15}
.product-meta{display:flex;justify-content:space-between;gap:8px;margin-top:5px;color:#151a24;font-size:8.5px;line-height:1.25}
.product-meta span:last-child{text-align:right}
.product-old,.product-colors{display:none}

/* Scroll reveal: short, soft and never blocks the page */
.reveal{opacity:0;transform:translate3d(0,9px,0);transition:opacity .44s ease,transform .52s var(--ease);will-change:opacity,transform}
.reveal.is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}
.product-card.reveal:nth-child(2n){transition-delay:0s}

@media (hover:hover) and (pointer:fine){
  .product-card:hover{z-index:2;transform:translateY(-3px);box-shadow:0 13px 34px rgba(10,24,55,.09)}
  .product-card:hover .product-photo img{transform:scale(1.035) translateZ(0)}
  .quick-cart:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.22)}
}

@media (min-width:760px){
  .header-top .brand-logo{width:176px}
  .product-grid{margin-inline:0;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:12px;overflow:hidden}
  .product-card{min-height:390px;padding:19px 17px 16px}
  .product-card:nth-child(odd){border-right:1px solid #dfe3e8}
  .product-card:not(:nth-child(4n)){border-right:1px solid #dfe3e8}
  .product-card:nth-child(4n){border-right:0}
  .product-card-head{min-height:62px}
  .product-name{font-size:14px}
  .product-tags{font-size:10px}
  .product-photo{height:205px;margin-block:9px 6px}
  .product-price{font-size:17px}
  .product-old-line,.product-meta{font-size:9.5px}
  .quick-cart{width:38px;height:38px;right:2px;bottom:7px}
}

@media (max-width:420px){
  .header-top .brand-logo{width:150px}
  .product-card{padding-inline:11px;min-height:326px}
  .product-photo{height:142px}
  .product-price{font-size:14px}
}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important}
  .hero-track,.drawer,.modal-card,.product-card,.product-photo img{transition:none!important}
}

/* =========================================================
   V6 phase 1 — robust carousel + stable merchandising prices
   ========================================================= */
.hero-viewport{
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  touch-action:pan-x pan-y;
  scrollbar-width:none;
  cursor:grab;
}
.hero-viewport::-webkit-scrollbar{display:none}
.hero-viewport:active{cursor:grabbing}
.hero-track{
  display:flex;
  width:max-content;
  transform:none!important;
  transition:none!important;
  will-change:auto;
}
.hero-slide{
  flex:0 0 100vw;
  width:100vw;
  max-width:1440px;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
@media (min-width:1440px){.hero-slide{flex-basis:1440px;width:1440px}}
.hero-progress i.is-running{animation-duration:4.6s}

.product-grid{align-items:stretch}
.product-card{
  display:flex;
  flex-direction:column;
  min-height:360px;
  overflow:visible;
}
.product-card-head{flex:0 0 auto}
.product-tags{flex:0 0 auto}
.product-photo{flex:0 0 152px;min-height:152px}
.product-commerce{
  margin-top:auto;
  padding-top:6px;
  min-height:60px;
  overflow:visible;
  position:relative;
  z-index:2;
  background:#fff;
}
.product-old-line,.product-price,.product-meta{display:block;visibility:visible;opacity:1;white-space:normal}
.product-price{min-height:19px}
.product-meta{display:flex}
@media (min-width:760px){
  .product-card{min-height:430px}
  .product-photo{flex-basis:220px;min-height:220px;height:220px}
  .product-commerce{min-height:68px}
}

/* =========================================================
   V6 phase 2 — cart drawer
   ========================================================= */
.cart-overlay{justify-content:flex-end;align-items:stretch;background:rgba(3,10,24,.52);backdrop-filter:blur(2px)}
.cart-drawer{
  width:min(430px,92vw);
  height:100dvh;
  margin-left:auto;
  background:#fff;
  color:#071323;
  display:flex;
  flex-direction:column;
  transform:translate3d(100%,0,0);
  transition:transform .42s cubic-bezier(.16,1,.3,1);
  box-shadow:-18px 0 55px rgba(0,0,0,.2);
}
.cart-overlay.is-open .cart-drawer{transform:translate3d(0,0,0)}
.cart-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px 17px;border-bottom:1px solid #e7eaf0}
.cart-drawer-head>div{display:grid;gap:3px}.cart-kicker{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#8a94a5;font-weight:800}.cart-drawer-head strong{font-size:19px}
.cart-drawer-close{width:38px;height:38px;border:0;border-radius:50%;background:#f3f5f8;color:#243044;font-size:25px;line-height:1;display:grid;place-items:center;transition:transform .2s ease,background .2s ease}.cart-drawer-close:hover{background:#e9edf3;transform:rotate(4deg)}
.cart-drawer-body{flex:1;overflow:auto;padding:6px 20px 18px;overscroll-behavior:contain}
.cart-line{display:grid;grid-template-columns:76px 1fr auto;gap:12px;padding:17px 0;border-bottom:1px solid #edf0f4;align-items:center}
.cart-line>img{width:76px;height:76px;object-fit:contain;background:#fafbfc;border-radius:10px}.cart-line-info{min-width:0}.cart-line-info>strong{display:block;font-size:12px;line-height:1.25}.cart-line-info>span{display:block;margin-top:4px;color:#7b8798;font-size:9px;line-height:1.4}.cart-line-side{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:10px}.cart-line-side>strong{font-size:11px;white-space:nowrap}.cart-remove{border:0;background:transparent;color:#9aa4b3;font-size:21px;padding:0 2px}
.cart-qty{display:inline-grid;grid-template-columns:28px 28px 28px;align-items:center;margin-top:10px;border:1px solid #dfe4ea;border-radius:8px;overflow:hidden}.cart-qty button{height:28px;border:0;background:#fff;font-size:16px}.cart-qty button:hover{background:#f3f5f8}.cart-qty b{text-align:center;font-size:10px}
.cart-drawer-foot{padding:16px 20px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #e4e8ee;background:#fff;box-shadow:0 -8px 24px rgba(8,23,50,.05)}.cart-drawer-total{display:flex;justify-content:space-between;align-items:center}.cart-drawer-total span{font-size:11px;color:#667386}.cart-drawer-total strong{font-size:19px}.cart-drawer-foot small{display:block;margin-top:4px;color:#8d97a6;font-size:9px}.cart-checkout-btn{height:48px;margin-top:15px;border-radius:9px;background:#061326;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:900;transition:transform .16s ease,background .2s ease}.cart-checkout-btn:hover{background:#13294c}.cart-checkout-btn:active{transform:scale(.985)}.cart-checkout-btn span{font-size:18px}.cart-continue{width:100%;height:38px;border:0;background:transparent;color:#4f5b6e;font-size:10px;font-weight:800;margin-top:5px}
.cart-empty{text-align:center;padding:70px 20px}.cart-empty-icon{width:58px;height:58px;border-radius:50%;background:#f3f5f8;margin:0 auto 14px;display:grid;place-items:center;color:#40506a}.cart-empty-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}.cart-empty strong{display:block;font-size:15px}.cart-empty p{margin:6px 0 18px;color:#7d8798;font-size:10px}.cart-empty a{display:inline-flex;height:40px;padding:0 18px;align-items:center;border-radius:8px;background:#071323;color:#fff;text-decoration:none;font-size:10px;font-weight:900}
@media(max-width:520px){.cart-drawer{width:94vw}.cart-line{grid-template-columns:68px 1fr auto}.cart-line>img{width:68px;height:68px}}

/* =========================================================
   V6 phase 4 — calmer motion + harder scratch interaction
   ========================================================= */
.reveal{opacity:0;transform:translate3d(0,6px,0);transition:opacity .38s ease,transform .46s cubic-bezier(.16,1,.3,1)}
.reveal.is-visible{opacity:1;transform:none}
.product-card.reveal:nth-child(2n){transition-delay:0s}
.product-card{transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,background .2s ease}
.product-photo img{transition:transform .36s cubic-bezier(.16,1,.3,1),filter .28s ease}
.hero-arrow:active{transform:scale(.92)}
.hero-dot{transition:width .26s cubic-bezier(.16,1,.3,1),opacity .2s ease,background .2s ease}
.scratch-stage{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 14px 32px rgba(1,12,35,.16)}
.scratch-prize{transition:filter .55s ease,transform .55s cubic-bezier(.16,1,.3,1)}
.scratch-stage.is-complete .scratch-prize{transform:scale(1.018)}
.scratch-stage.is-complete .scratch-prize strong{animation:prizePulse .7s ease both}
@keyframes prizePulse{0%{transform:scale(.92);opacity:.5}65%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.scratch-canvas{transition:opacity .55s ease}
.modal-card{transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .24s ease}
.drawer{transition:transform .34s cubic-bezier(.16,1,.3,1)}
@media(prefers-reduced-motion:reduce){.scratch-stage.is-complete .scratch-prize strong{animation:none}}


/* =========================================================
   V8 — banner framing + premium horizontal size selector
   ========================================================= */
/* Some campaign art is naturally shorter (375×419). Show the complete artwork
   instead of forcing it through the taller mobile crop used by the other slides. */
.hero-slide--fit img{
  object-fit:contain!important;
  object-position:center center!important;
  padding:0;
}
.hero-slide--supra{background:linear-gradient(180deg,#020202 0 58%,#dce5e8 100%)}
.hero-slide--turbo{background:#d4d2d5}
@media (max-width:759px){
  .hero-slide--fit img{width:100%;height:100%;transform:none!important}
}
@media (min-width:760px){
  .hero-slide--fit img{object-fit:cover!important;object-position:center 48%!important}
}

/* Product sizing behaves like the original horizontal chooser, with calmer
   Olympikus-blue accents and native touch scrolling. */
.size-picker{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 36px;
  align-items:center;
  gap:7px;
  width:100%;
  margin-top:2px;
}
.size-row{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  width:100%;
  min-width:0;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:4px 2px 7px;
}
.size-row::-webkit-scrollbar{display:none}
.size-btn{
  flex:0 0 43px;
  width:43px;
  height:40px;
  scroll-snap-align:center;
  border:1px solid #d4dae5;
  border-radius:10px;
  background:#fff;
  color:#111827;
  font-size:11px;
  font-weight:700;
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .18s var(--ease),box-shadow .2s ease;
}
.size-btn:hover{border-color:#7180ef;box-shadow:0 4px 14px rgba(48,66,231,.10)}
.size-btn:active{transform:scale(.96)}
.size-btn.is-active{
  border-color:var(--blue);
  background:var(--blue);
  color:#fff;
  box-shadow:0 7px 18px rgba(48,66,231,.24);
}
.size-scroll{
  width:36px;
  height:36px;
  border:1px solid #dce1ff;
  border-radius:50%;
  background:#f1f3ff;
  color:var(--blue);
  font-size:22px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .18s var(--ease),background .2s ease,border-color .2s ease,opacity .2s ease;
}
.size-scroll:hover{background:#e7eaff;border-color:#b8c0ff}
.size-scroll:active{transform:scale(.92)}
.size-scroll:disabled{opacity:.28;cursor:default;transform:none}
.size-hint{margin-top:2px;color:#8b94a4;font-size:8.5px;letter-spacing:.1px}
.size-row.needs-selection{animation:sizeNudge .42s ease 2}
@keyframes sizeNudge{0%,100%{transform:translateX(0)}35%{transform:translateX(-5px)}70%{transform:translateX(5px)}}

/* Global discount is already reflected in prices; no coupon-code block needed. */
.result-code{display:none!important}

@media (min-width:760px){
  .size-picker{grid-template-columns:40px minmax(0,1fr) 40px;gap:9px}
  .size-scroll{width:40px;height:40px}
  .size-btn{flex-basis:46px;width:46px;height:42px;font-size:11px}
  .size-hint{font-size:9px}
}

/* =========================================================
   V9 — stronger product naming + clearer promotional pricing
   ========================================================= */
.product-card-head{
  min-height:68px;
  padding-right:38px;
  display:flex;
  align-items:flex-start;
}
.product-eyebrow{
  font-size:8px;
  letter-spacing:1.05px;
  font-weight:800;
  color:#8390a7;
}
.product-name{
  margin-top:6px;
  max-width:100%;
  font-size:14.5px;
  line-height:1.12;
  font-weight:850;
  letter-spacing:-.18px;
  color:#071323;
  text-wrap:balance;
}
.product-tags{
  min-height:36px;
  gap:5px;
  font-size:9px;
  font-weight:650;
}
.product-commerce{
  padding-top:8px;
  min-height:72px;
}
.product-old-line{
  min-height:14px;
  font-size:9.5px;
  color:#9ca6b5;
  text-decoration-thickness:1px;
}
.product-price{
  display:flex!important;
  align-items:baseline;
  gap:5px;
  min-height:23px;
  margin-top:2px;
  color:#ff2d16;
  line-height:1;
}
.product-price>span{
  font-size:10px;
  font-weight:750;
  color:#ff2d16;
}
.product-price>strong{
  font-size:18px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.45px;
}
.product-meta{
  margin-top:7px;
  font-size:8.5px;
  color:#333c4b;
}
.product-meta span:last-child{font-weight:650}

@media (min-width:760px){
  .product-card-head{min-height:76px}
  .product-name{font-size:16px;line-height:1.15}
  .product-price>span{font-size:11px}
  .product-price>strong{font-size:21px}
  .product-meta{font-size:9.5px}
}

@media (max-width:360px){
  .product-card-head{min-height:64px}
  .product-name{font-size:13.5px}
  .product-price>strong{font-size:16.5px}
}

/* =========================================================
   V15 — richer product details
   ========================================================= */
.buy-btn{letter-spacing:.15px;box-shadow:0 9px 20px rgba(0,0,0,.10);transition:transform .18s var(--ease),box-shadow .2s ease,background .2s ease}
.buy-btn:hover{background:#111;box-shadow:0 12px 25px rgba(0,0,0,.14)}
.buy-btn:active{transform:scale(.992)}
.product-details{border-top:1px solid #e7eaf0;margin-top:24px;padding-top:20px;display:grid;gap:14px}
.details-heading span{display:block;color:#8390a7;font-size:8px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.details-heading h2{margin:4px 0 0;font-size:14px;letter-spacing:-.15px;text-transform:uppercase}
.detail-card{border-radius:15px;background:#f7f8fa;padding:16px 15px;border:1px solid #f0f2f5}
.detail-card h3{margin:0 0 12px;font-size:12px;color:#071323}
.detail-card--description p{margin:0!important;color:#526075!important;font-size:10.5px!important;line-height:1.75!important}
.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.feature-list li{display:grid;grid-template-columns:21px minmax(0,1fr);gap:9px;align-items:start;color:#526075;font-size:10px;line-height:1.45}
.feature-check{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#ddfae9;color:#08a356;font-size:10px;font-weight:900;margin-top:-1px}
@media(min-width:760px){
  .product-details{margin-top:30px;gap:16px}.details-heading h2{font-size:16px}.detail-card{padding:20px}.detail-card h3{font-size:13px}.detail-card--description p{font-size:11.5px!important}.feature-list li{font-size:11px}
}


/* ===== V18: avaliações e numeração 33–44 ===== */
.card-rating{display:flex;align-items:center;gap:4px;margin-top:6px;white-space:nowrap;font-size:8px;color:#8c96a6}
.card-stars{color:#ffb400;letter-spacing:.35px;font-size:9px}.card-rating strong{font-size:8.5px;color:#202a3a}.card-rating span:last-child{color:#a1a9b5}
.product-rating-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:3px 0 8px;font-size:10px}.product-rating-line .stars{font-size:15px;line-height:1;color:#f4b400;letter-spacing:1.15px;font-weight:800}.rating-score{color:#1b2433;font-size:12px;font-weight:900;line-height:1}.product-rating-line #productRating{font-size:10px;color:#718099}.rating-note{font-size:7px;letter-spacing:.35px;color:#a0a8b5;text-transform:uppercase}
.size-row{flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 1px 7px;scrollbar-width:none}.size-row::-webkit-scrollbar{display:none}.size-btn{flex:0 0 44px;scroll-snap-align:center}.size-btn.is-active{background:#3043e7!important;border-color:#3043e7!important;box-shadow:0 7px 18px rgba(48,66,231,.2)}


/* ===== V19 ajustes de campanha ===== */
.pair-promo-banner{margin:14px 0 16px;border:1.5px solid #f0a500;border-radius:18px;background:#f8f3df;padding:13px 14px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center}.pair-promo-badge{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffb200;color:#fff;font-size:13px;font-weight:900}.pair-promo-copy strong{display:block;font-size:15px;color:#08101e}.pair-promo-copy span{display:block;font-size:11px;color:#4f5968;margin-top:2px}.pair-promo-copy small{display:block;font-size:10px;color:#8a6f10;margin-top:3px;font-weight:800}.pair-promo-status{font-size:10px;font-weight:900;color:#d56c00;white-space:nowrap}
.card-rating strong{font-size:11px}.card-rating span:last-child{font-size:10px;color:#6f7b8c}.pair-price-note{margin-top:10px;padding:9px 11px;border-radius:12px;background:#f6f8ff;color:#3043e7;font-size:11px;font-weight:700;line-height:1.45}.product-gate-note{margin:10px 0 12px;padding:12px 13px;border-radius:13px;background:#f6f7fb;border:1px dashed #cfd6e5;color:#49566a;font-size:11px;font-weight:700;line-height:1.45}.freight-result--highlight{font-weight:900;color:#0a8f48;background:#eefaf3;border:1px solid #cdeedb}.buy-btn:disabled,.secondary-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.08);box-shadow:none}.cart-promo-inline{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:10px 0 14px;border-bottom:1px solid #eceff4;margin-bottom:10px}.cart-promo-inline span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffb200;color:#fff;font-size:10px;font-weight:900}.cart-promo-inline strong{display:block;font-size:12px}.cart-promo-inline small{display:block;font-size:10px;color:#79869a;margin-top:2px}
@media(max-width:640px){.pair-promo-banner{grid-template-columns:44px 1fr;}.pair-promo-status{grid-column:1/-1;justify-self:end}}


/* ===== V20 popup de CEP antes do checkout ===== */
.cep-gate-overlay{z-index:1200}.cep-gate-card{max-width:420px}.cep-gate-body{padding:22px 20px 20px}.cep-gate-kicker{display:block;color:#3043e7;font-size:9px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}.cep-gate-body h2{margin:5px 0 5px;font-size:24px;letter-spacing:-.4px}.cep-gate-body>p{margin:0 0 18px;color:#748095;font-size:11px;line-height:1.5}.cep-gate-field{display:grid;gap:7px}.cep-gate-field>span{font-size:9px;font-weight:900;color:#4c596d;text-transform:uppercase;letter-spacing:.6px}.cep-gate-field>div{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px}.cep-gate-field input{height:48px;border:1.5px solid #d8deea;border-radius:12px;padding:0 14px;font-size:15px;font-weight:800;outline:0;transition:.2s ease}.cep-gate-field input:focus{border-color:#3043e7;box-shadow:0 0 0 3px rgba(48,66,231,.10)}.cep-gate-field button{border:0;border-radius:12px;background:#071323;color:#fff;font-size:10px;font-weight:900;transition:.18s ease}.cep-gate-field button:disabled{opacity:.55}.cep-gate-status{margin-top:10px;padding:10px 11px;border-radius:10px;background:#f6f7fa;color:#677489;font-size:10px;font-weight:700}.cep-gate-status.is-loading{color:#3043e7;background:#f0f2ff}.cep-gate-status.is-success{color:#087d42;background:#effaf4}.cep-gate-status.is-error{color:#bb3030;background:#fff1f1}.cep-gate-address{margin-top:10px;padding:13px 14px;border:1px solid #e2e7ef;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(8,24,55,.05)}.cep-gate-address strong,.cep-gate-address span{display:block}.cep-gate-address strong{font-size:12px;margin-bottom:4px}.cep-gate-address span{font-size:10px;color:#69768a;line-height:1.45}.cep-gate-continue{width:100%;height:49px;margin-top:14px;border:0;border-radius:12px;background:#3043e7;color:#fff;font-size:11px;font-weight:900;letter-spacing:.3px;transition:.18s ease}.cep-gate-continue:disabled{opacity:.45;cursor:not-allowed}.cep-gate-continue:not(:disabled):hover{background:#2436d9;transform:translateY(-1px)}


/* ===== V21 · popup CEP refinado ===== */
.cep-gate-overlay{backdrop-filter:blur(7px);background:rgba(3,11,29,.68)}
.cep-gate-card{max-width:390px!important;border-radius:22px!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:0 28px 75px rgba(3,10,28,.34)!important}
.cep-gate-topbar{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#071a3b,#0b2a59)}
.cep-gate-brand img{display:block;width:145px;height:auto;filter:brightness(0) invert(1)}
.cep-gate-close{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s ease}
.cep-gate-close:hover{background:rgba(255,255,255,.18);transform:rotate(5deg)}
.cep-gate-body{position:relative;padding:26px 22px 20px!important;color:#071323}
.cep-gate-icon{width:42px;height:42px;border-radius:14px;background:#eef1ff;color:#3043e7;display:grid;place-items:center;font-size:23px;font-weight:900;margin-bottom:14px}
.cep-gate-kicker{display:block!important;color:#3043e7!important;font-size:8px!important;letter-spacing:1.25px!important;font-weight:900!important}
.cep-gate-body h2{margin:5px 0 6px!important;font-size:25px!important;letter-spacing:-.7px!important;line-height:1.05!important}
.cep-gate-body>p{margin:0 0 19px!important;color:#6e7a8d!important;font-size:11px!important;line-height:1.5!important}
.cep-gate-field{display:grid!important;gap:7px!important}.cep-gate-field>span{font-size:8px!important;font-weight:900!important;color:#5c687b!important;letter-spacing:.8px!important}
.cep-gate-field>div{display:grid!important;grid-template-columns:minmax(0,1fr) 86px!important;gap:8px!important}
.cep-gate-field input{height:52px!important;border:1.5px solid #dbe1eb!important;border-radius:14px!important;padding:0 15px!important;background:#fff!important;font-size:16px!important;font-weight:900!important;letter-spacing:.3px!important;outline:0!important;box-shadow:inset 0 1px 2px rgba(7,19,35,.02)!important}
.cep-gate-field input:focus{border-color:#3043e7!important;box-shadow:0 0 0 4px rgba(48,66,231,.09)!important}
.cep-gate-field button{border:0!important;border-radius:14px!important;background:#071a3b!important;color:#fff!important;font-size:9px!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 7px 18px rgba(7,26,59,.16)!important}
.cep-gate-status{margin-top:10px!important;min-height:38px!important;padding:9px 11px!important;border-radius:11px!important;background:#f6f8fb!important;color:#6b778a!important;font-size:9.5px!important;font-weight:750!important;display:flex!important;align-items:center!important;gap:8px!important}
.cep-state-dot{width:7px;height:7px;border-radius:50%;background:#a8b1bf;flex:0 0 auto}.cep-gate-status.is-loading .cep-state-dot{background:#3043e7;box-shadow:0 0 0 4px rgba(48,66,231,.10)}.cep-gate-status.is-success .cep-state-dot{background:#18a05e;box-shadow:0 0 0 4px rgba(24,160,94,.10)}.cep-gate-status.is-error .cep-state-dot{background:#d74b4b;box-shadow:0 0 0 4px rgba(215,75,75,.10)}
.cep-gate-status.is-success{background:#effaf4!important;color:#117443!important}.cep-gate-status.is-error{background:#fff2f2!important;color:#a93232!important}.cep-gate-status.is-loading{background:#f1f3ff!important;color:#3043e7!important}
.cep-gate-address{margin-top:10px!important;padding:12px 13px!important;border:1px solid #dfe6ef!important;border-radius:14px!important;background:#fff!important;box-shadow:0 7px 22px rgba(8,24,55,.05)!important;display:grid!important;grid-template-columns:28px 1fr!important;gap:10px!important;align-items:start!important}
.cep-gate-address[hidden]{display:none!important}.cep-address-check{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eaf9f0;color:#149753;font-size:13px;font-weight:900}.cep-gate-address strong{font-size:11px!important;margin:0 0 3px!important}.cep-gate-address span:not(.cep-address-check){font-size:9px!important;color:#748094!important;line-height:1.45!important}
.cep-gate-continue{width:100%!important;height:52px!important;margin-top:14px!important;border:0!important;border-radius:14px!important;background:#3043e7!important;color:#fff!important;font-size:10px!important;font-weight:900!important;letter-spacing:.25px!important;box-shadow:0 11px 24px rgba(48,66,231,.22)!important;transition:.2s ease!important}.cep-gate-continue:disabled{opacity:.38!important;box-shadow:none!important;cursor:not-allowed!important}.cep-gate-continue:not(:disabled):hover{background:#2639df!important;transform:translateY(-1px)!important}
.cep-gate-footnote{display:block;margin-top:10px;text-align:center;color:#939dac;font-size:8px;line-height:1.4}
@media(max-width:460px){.cep-gate-card{width:calc(100% - 24px)!important;border-radius:20px!important}.cep-gate-topbar{height:58px}.cep-gate-brand img{width:132px}.cep-gate-body{padding:22px 18px 18px!important}.cep-gate-body h2{font-size:23px!important}}


/* ===== V22 mobile clarity ===== */
@media(max-width:520px){
  body{font-size:16px}
  .site{box-shadow:none}
  .main-section{padding-inline:14px}
  .product-grid{gap:0}
  .product-card{padding:15px 13px 14px!important;min-height:350px!important}
  .product-name{font-size:14px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.15px}
  .product-eyebrow{font-size:8px!important;letter-spacing:1.05px}
  .card-rating{font-size:10px!important;gap:3px!important}
  .card-rating strong{font-size:10.5px!important}
  .product-photo{height:162px!important;margin-top:7px!important}
  .product-photo img{transform:translateZ(0);image-rendering:auto}
  .product-price strong{font-size:17px!important}
  .product-old-line{font-size:9px!important}
  .product-meta{font-size:9px!important}
  .tag-off,.tag-site{font-size:9px!important}
}

/* V25 - faixa de avisos com carrossel vertical */
.trust-strip{position:relative;overflow:hidden}.trust-text{display:block;line-height:40px;height:40px}.checkout-trust-strip .trust-text{line-height:36px;height:36px}.trust-strip button{position:relative;z-index:2}.trust-strip button:first-child,.trust-strip button:last-child{font-size:16px}


/* V28: faixa automática sem setas */
.trust-strip,
.trust-strip.trust-strip--auto{display:flex;align-items:center;justify-content:center;grid-template-columns:none;padding:0 12px}
.trust-strip.trust-strip--auto .trust-text{display:block;width:100%;height:40px;line-height:40px;text-align:center}
.checkout-trust-strip.trust-strip--auto .trust-text{height:36px;line-height:36px}
.trust-strip [data-trust-prev],
.trust-strip [data-trust-next],
.trust-strip button{display:none !important}


/* V29: faixa premium vertical automática */
.trust-strip,
.trust-strip.trust-strip--auto{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 18px;
  background:#050505;
  color:#fff;
  overflow:hidden;
}
.checkout-trust-strip.trust-strip--auto{min-height:36px}
.trust-strip [data-trust-prev],
.trust-strip [data-trust-next],
.trust-strip button{display:none !important}
.trust-viewport{
  position:relative;
  width:100%;
  height:40px;
  overflow:hidden;
}
.checkout-trust-strip .trust-viewport{height:36px}
.trust-line{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:0 10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
  font-size:clamp(9px, 2.8vw, 11px);
  line-height:1;
  font-weight:800;
  letter-spacing:.28px;
  will-change:transform, opacity;
  transform:translateY(0);
  opacity:1;
}
.trust-line--next{transform:translateY(100%); opacity:0}
.trust-viewport.is-animating .trust-line--current{
  transform:translateY(-100%);
  opacity:0;
  transition:transform .52s cubic-bezier(.22,1,.36,1), opacity .36s ease;
}
.trust-viewport.is-animating .trust-line--next{
  transform:translateY(0);
  opacity:1;
  transition:transform .52s cubic-bezier(.22,1,.36,1), opacity .42s ease;
}
@media (max-width: 420px){
  .trust-strip,
  .trust-strip.trust-strip--auto{padding:0 12px}
  .trust-line{font-size:9px; letter-spacing:.15px; padding:0 6px}
}


/* V31: faixa preta com 3 frases em carrossel vertical automático */
.trust-strip,
.trust-strip.trust-strip--auto{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:0 12px !important;
  background:#050505 !important;
  color:#fff !important;
  overflow:hidden !important;
}
.checkout-trust-strip.trust-strip--auto{min-height:36px !important}
.trust-strip [data-trust-prev],
.trust-strip [data-trust-next],
.trust-strip button{display:none !important}
.trust-viewport{
  position:relative;
  width:100%;
  height:40px;
  overflow:hidden;
}
.checkout-trust-strip .trust-viewport{height:36px}
.trust-track{
  display:flex;
  flex-direction:column;
  width:100%;
  animation:trustVerticalLoop 8s cubic-bezier(.22,.61,.36,1) infinite;
  will-change:transform;
}
.trust-line{
  height:40px;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:0 8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
  font-size:clamp(9px,2.8vw,11px);
  line-height:1;
  font-weight:800;
  letter-spacing:.22px;
}
.checkout-trust-strip .trust-line{height:36px;min-height:36px}
@keyframes trustVerticalLoop {
  0%, 20% { transform: translateY(0); }
  28%, 48% { transform: translateY(-40px); }
  56%, 76% { transform: translateY(-80px); }
  84%, 100% { transform: translateY(-120px); }
}
.checkout-trust-strip .trust-track{animation-name:trustVerticalLoopCheckout}
@keyframes trustVerticalLoopCheckout {
  0%, 20% { transform: translateY(0); }
  28%, 48% { transform: translateY(-36px); }
  56%, 76% { transform: translateY(-72px); }
  84%, 100% { transform: translateY(-108px); }
}
@media (max-width:420px){
  .trust-strip,
  .trust-strip.trust-strip--auto{padding:0 10px !important}
  .trust-line{font-size:8.8px;letter-spacing:.1px;padding:0 4px}
}
@media (prefers-reduced-motion: reduce){
  .trust-track{animation:none !important}
}

/* ===== V33: faixa preta robusta, 1 frase por vez ===== */
.trust-strip,
.trust-strip.trust-strip--auto,
.checkout-trust-strip {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  overflow: hidden !important;
  background: #050505 !important;
  color: #fff !important;
}
.checkout-trust-strip {
  height: 36px !important;
  min-height: 36px !important;
}
.trust-strip > *:not(.trust-text--single) {
  display: none !important;
}
.trust-text--single {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 6px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1 !important;
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .15px !important;
  transform: translateY(0);
  opacity: 1;
  will-change: transform, opacity;
}
@media (max-width: 420px) {
  .trust-text--single { font-size: 9px !important; }
}


/* V37: ícone de endereço alinhado */
.cep-gate-address{align-items:center!important}
.cep-address-check{
  width:28px!important;
  height:28px!important;
  min-width:28px;
  border-radius:50%;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  background:#eaf9f0;
  color:#149753;
  line-height:1!important;
}
.cep-address-check svg{width:14px;height:14px;display:block;overflow:visible}
.cep-address-check svg path{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}


/* V44 — bloco legal/antifraude no rodapé */
.footer-security{
  margin-top:24px;
  padding:20px 4px 2px;
  border-top:1px solid rgba(255,255,255,.18);
  text-align:center;
  color:#dbe2ff;
}
.footer-security h3{
  margin:0 0 10px;
  color:#fff;
  font-size:11px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.2px;
}
.footer-security p{
  margin:7px auto;
  max-width:620px;
  font-size:8px;
  line-height:1.65;
  color:#c7d0f4;
}
.footer-security p strong{color:#fff}
.footer-security-divider{
  height:1px;
  margin:15px 0 12px;
  background:rgba(255,255,255,.15);
}
.footer-legal-links{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:20px;
  margin-top:14px;
}
.footer-legal-links a{
  color:#cfd7ff;
  text-decoration:none;
  font-size:8px;
}
.footer-legal-links a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:520px){
  .footer-security{margin-top:22px;padding-top:18px}
  .footer-security h3{font-size:10px}
  .footer-security p{font-size:7.5px;line-height:1.6}
  .footer-legal-links{gap:16px}
  .footer-legal-links a{font-size:7.5px}
}


/* V48 — product page anti-flash: nunca mostra um modelo padrão antes do item correto */
body.product-hydrating [data-product-page]{visibility:hidden!important;opacity:0!important}
body:not(.product-hydrating) [data-product-page]{visibility:visible}