/*
 * Jaé Pneus · Design System 2026 · implementação de produção
 * Fonte de verdade: "Design System Jae Pneus - standalone.html".
 * Esta camada consolida tokens, temas, tipografia, grid, ações, formulários,
 * seletores, iconografia, cards, navegação e responsividade sem alterar o
 * conteúdo ou os fluxos comerciais da landing page.
 */

@font-face{font-family:"Barlow";src:url("../assets/fonts/barlow-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("../assets/fonts/barlow-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("../assets/fonts/barlow-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("../assets/fonts/barlow-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../assets/fonts/ibm-plex-mono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../assets/fonts/ibm-plex-mono-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

/* 01. Tokens fundamentais ------------------------------------------------ */
body.jae-site{
  --ds-yellow:#ffd018;
  --ds-yellow-pressed:#e5b70a;
  --ds-asphalt:#0b0b0b;
  --ds-black:#121212;
  --ds-dark-surface:#141414;
  --ds-dark-border:#262626;
  --ds-danger:#c41a11;
  --ds-garage:#f7f6f3;
  --ds-paper:#efede7;
  --ds-white:#fff;
  --ds-line:#e4e1da;
  --ds-gray-300:#c9c5bc;
  --ds-gray-400:#a8a6a1;
  --ds-gray-500:#77746d;
  --ds-gray-600:#55534e;
  --ds-whatsapp:#0f7a41;
  --ds-whatsapp-hover:#0c6835;

  --ds-bg:var(--ds-garage);
  --ds-surface:var(--ds-white);
  --ds-surface-alt:var(--ds-paper);
  --ds-border:var(--ds-line);
  --ds-text:var(--ds-black);
  --ds-text-muted:var(--ds-gray-600);
  --ds-text-soft:var(--ds-gray-500);
  --ds-price:var(--ds-black);

  --font-display:"Exo 2",system-ui,-apple-system,sans-serif;
  --font-body:"Barlow",system-ui,-apple-system,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --space-16:64px;
  --space-22:88px;

  --radius-input:6px;
  --radius-button:10px;
  --radius-card:14px;
  --radius-pill:999px;
  --focus-ring:0 0 0 4px rgba(255,208,24,.34);
  --floating-shadow:0 18px 48px rgba(11,11,11,.18);
  --ease-standard:cubic-bezier(.2,.75,.25,1);
  --duration-fast:160ms;
  --duration-base:260ms;

  --ink:var(--ds-text);
  --muted:var(--ds-text-muted);
  --paper:var(--ds-bg);
  --white:var(--ds-surface);
  --yellow:var(--ds-yellow);
  --green:var(--ds-whatsapp);
  --red:var(--ds-danger);

  margin:0;
  overflow-x:clip;
  background:var(--ds-bg)!important;
  background-image:none!important;
  background-attachment:scroll!important;
  color:var(--ds-text);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  color-scheme:light;
}

html[data-theme="dark"] body.jae-site{
  --ds-bg:var(--ds-asphalt);
  --ds-surface:var(--ds-dark-surface);
  --ds-surface-alt:#101010;
  --ds-border:var(--ds-dark-border);
  --ds-text:var(--ds-garage);
  --ds-text-muted:var(--ds-gray-400);
  --ds-text-soft:#6e6c67;
  --ds-price:var(--ds-yellow);
  --ds-whatsapp:#12854a;
  --ds-whatsapp-hover:#0f7a41;
  color-scheme:dark;
}

body.jae-site *,body.jae-site *::before,body.jae-site *::after{box-sizing:border-box}
body.jae-site img{max-width:100%}
body.jae-site button,body.jae-site input{font:inherit}
body.jae-site a{color:inherit}
body.jae-site :target{scroll-margin-top:88px}
body.jae-site [hidden]{display:none!important}
body.jae-site .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.jae-site .skip-link{position:fixed;left:var(--space-4);top:var(--space-4);z-index:1000;transform:translateY(-160%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);background:var(--ds-yellow);color:var(--ds-black);font-weight:700}
body.jae-site .skip-link:focus{transform:none}

/* 02. Tipografia --------------------------------------------------------- */
body.jae-site h1,body.jae-site h2,body.jae-site h3,body.jae-site h4,
body.jae-site .btn,body.jae-site .navlinks,body.jae-site summary,
body.jae-site .quick-service,body.jae-site .profile-pill,
body.jae-site .campaign-price strong,body.jae-site .product-price strong{
  font-family:var(--font-display);
}
body.jae-site h1,body.jae-site h2,body.jae-site h3,body.jae-site h4{
  margin-top:0;
  color:var(--ds-text);
  font-style:normal;
  text-wrap:balance;
}
body.jae-site h1{font-size:clamp(2.75rem,5vw,4rem);font-weight:900;line-height:.98;letter-spacing:-.035em}
body.jae-site h2{font-size:clamp(2rem,3vw,2.5rem);font-weight:800;line-height:1.06;letter-spacing:-.025em}
body.jae-site h3{font-size:1.25rem;font-weight:700;line-height:1.2;letter-spacing:-.012em}
body.jae-site p{font-family:var(--font-body);text-wrap:pretty}
body.jae-site .eyebrow,body.jae-site .product-spec,body.jae-site .product-model,
body.jae-site .hero-promo-note,body.jae-site .campaign-price small,
body.jae-site .product-price small,body.jae-site .installment,
body.jae-site .old-price,body.jae-site .qr-step-label{
  font-family:var(--font-mono);
}
body.jae-site .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:var(--space-3);
  color:inherit;
  font-family:var(--font-mono);
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.15em;
  line-height:1.35;
  text-transform:uppercase;
}
body.jae-site .eyebrow::before{content:"";width:24px;height:3px;flex:0 0 24px;background:var(--ds-yellow);transform:none}
body.jae-site .section-head h2,body.jae-site .faq>div:first-child h2{max-width:720px;margin:var(--space-3) 0 0}
body.jae-site .section-head p{max-width:520px;color:var(--ds-text-muted);font-size:1rem;line-height:1.6}

/* 03. Grid, ritmo e superfícies ------------------------------------------ */
body.jae-site .wrap{width:min(1280px,calc(100% - 144px));margin-inline:auto}
body.jae-site section:not(.hero):not(.final){padding-block:var(--space-22)}
body.jae-site .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-12)}
body.jae-site .promo-showcase,body.jae-site .quick,body.jae-site .proof-simulation,
body.jae-site .location,body.jae-site #duvidas{background:var(--ds-bg)!important;background-image:none!important;color:var(--ds-text)}
body.jae-site .promo-showcase.alt{background:var(--ds-surface-alt)!important;background-image:none!important}
body.jae-site .section-chevron{width:min(290px,28vw);filter:none!important;color:var(--ds-danger)}
body.jae-site .section-chevron .chevron-part{fill:currentColor}
body.jae-site .ui-tone-card::before,body.jae-site .ui-tone-card::after,
body.jae-site .product::before,body.jae-site .product::after,
body.jae-site .brand-name::before,body.jae-site .brand-name::after,
body.jae-site .proof-review::before,body.jae-site .proof-review::after,
body.jae-site .location-fact::before,body.jae-site .location-fact::after,
body.jae-site .faq details::before,body.jae-site .faq details::after{display:none!important}

/* 04. Iconografia: grade 24, traço 2, cantos arredondados ---------------- */
body.jae-site svg:not(.section-chevron){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.jae-site .nav-icon{width:20px;height:20px;flex:0 0 20px;opacity:.9}
body.jae-site .campaign-icon svg{width:28px;height:28px}
body.jae-site .location-fact-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:var(--radius-button);background:var(--ds-yellow);color:var(--ds-black)}
body.jae-site .location-fact-icon svg{width:24px;height:24px}
body.jae-site .btn-whatsapp::before{
  content:"";
  width:18px;
  height:18px;
  flex:0 0 18px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M20 11.8a8 8 0 0 1-11.8 7L4 20l1.1-4A8 8 0 1 1 20 11.8Z M9 8.6c.3 2.8 2.4 5 5.2 5.5l1-1.2 2 .9c-.3 1.2-1.2 2-2.5 2-4.3-.3-7.9-3.8-8.3-8.2 0-1.2.8-2.2 2-2.5l1 2Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M20 11.8a8 8 0 0 1-11.8 7L4 20l1.1-4A8 8 0 1 1 20 11.8Z M9 8.6c.3 2.8 2.4 5 5.2 5.5l1-1.2 2 .9c-.3 1.2-1.2 2-2.5 2-4.3-.3-7.9-3.8-8.3-8.2 0-1.2.8-2.2 2-2.5l1 2Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
body.jae-site .quick-service::before{content:"";width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
body.jae-site .quick-service[data-quick-service="pneus"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 4v5M12 15v5M4 12h5M15 12h5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 4v5M12 15v5M4 12h5M15 12h5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
body.jae-site .quick-service[data-quick-service="amortecedores"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3v4L6 10l4 3-4 3 3 2v3M15 3v4l3 3-4 3 4 3-3 2v3M6 3h6M12 3h6M6 21h6M12 21h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3v4L6 10l4 3-4 3 3 2v3M15 3v4l3 3-4 3 4 3-3 2v3M6 3h6M12 3h6M6 21h6M12 21h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
body.jae-site .quick-service[data-quick-service="cambio"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3s6 7 6 12a6 6 0 1 1-12 0c0-5 6-12 6-12Z M9 16c.7 1.3 1.7 2 3.2 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3s6 7 6 12a6 6 0 1 1-12 0c0-5 6-12 6-12Z M9 16c.7 1.3 1.7 2 3.2 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* 05. Ações e estados ---------------------------------------------------- */
body.jae-site .btn{
  min-height:48px;
  padding:13px 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid transparent;
  border-radius:var(--radius-button);
  background-image:none!important;
  box-shadow:none!important;
  color:var(--ds-black);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1.15;
  text-align:center;
  text-transform:uppercase;
  cursor:pointer;
  transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) ease;
}
body.jae-site .btn:hover{animation:none!important;transform:translateY(-1px)}
body.jae-site .btn:active{transform:translateY(0)}
body.jae-site .btn-primary{background:var(--ds-yellow);color:var(--ds-black)}
body.jae-site .btn-primary:hover{background:#ffdc4d}
body.jae-site .btn-primary:active{background:var(--ds-yellow-pressed)}
body.jae-site .btn-dark{background:var(--ds-black);border-color:var(--ds-black);color:var(--ds-garage)}
body.jae-site .btn-dark:hover{background:#2a2a2a;border-color:#2a2a2a}
body.jae-site .btn-ghost{background:transparent;border-color:var(--ds-border);color:var(--ds-text)}
body.jae-site .btn-ghost:hover{border-color:var(--ds-text);background:transparent}
body.jae-site .btn-whatsapp{background:var(--ds-whatsapp);color:#fff}
body.jae-site .btn-whatsapp:hover{background:var(--ds-whatsapp-hover);color:#fff;animation:none!important}
body.jae-site .btn[disabled],body.jae-site .btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none}
body.jae-site :where(a,button,input,summary,[role="radio"]):focus-visible{outline:0;box-shadow:var(--focus-ring)!important}

/* 06. Header, navegação e switches -------------------------------------- */
body.jae-site .nav{
  position:sticky!important;
  top:0;
  z-index:100;
  height:72px!important;
  background:var(--ds-asphalt)!important;
  background-image:none!important;
  color:var(--ds-garage);
  border-bottom:1px solid var(--ds-dark-border);
}
body.jae-site .nav .wrap{height:100%}
body.jae-site .nav .logo{width:88px!important;height:auto;filter:none!important;animation:none!important;transform:none!important;text-shadow:none!important;box-shadow:none!important}
body.jae-site .navlinks{gap:var(--space-6);font-size:.8rem;font-weight:700}
body.jae-site .navlinks>a:not(.btn){min-height:48px;display:inline-flex;align-items:center;gap:var(--space-2);padding:0;border-bottom:2px solid transparent}
body.jae-site .navlinks>a:not(.btn):hover{color:var(--ds-yellow);border-color:var(--ds-yellow)}
body.jae-site .mascot-nav-toggle{width:48px;height:48px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:var(--radius-button);background:transparent;color:inherit}
body.jae-site .mascot-nav-toggle:hover{color:var(--ds-yellow)}
body.jae-site .nav-mascot-icon{fill:none;stroke:none}
body.jae-site .mascot-icon-head,body.jae-site .mascot-icon-ear,body.jae-site .mascot-icon-antenna-tip{fill:var(--ds-yellow);transition:fill .3s ease,opacity .3s ease}
body.jae-site .mascot-icon-antenna{stroke:var(--ds-yellow);stroke-width:1.6;stroke-linecap:round;transition:stroke .3s ease,opacity .3s ease}
body.jae-site .mascot-icon-visor{fill:#101418;transition:opacity .3s ease}
body.jae-site .mascot-icon-eye{fill:#25d366;filter:drop-shadow(0 0 2px rgba(37,211,102,.9));animation:mascotIconEyePulse 2.4s ease-in-out infinite;transition:fill .3s ease,filter .3s ease,opacity .3s ease}
@keyframes mascotIconEyePulse{0%,100%{filter:drop-shadow(0 0 1.5px rgba(37,211,102,.65))}50%{filter:drop-shadow(0 0 3px rgba(37,211,102,1))}}
body.jae-site .mascot-nav-toggle.is-off .mascot-icon-eye{fill:#6b6b6b;filter:none;opacity:.6;animation:none}
body.jae-site .mascot-nav-toggle.is-off .mascot-icon-head,body.jae-site .mascot-nav-toggle.is-off .mascot-icon-ear,body.jae-site .mascot-nav-toggle.is-off .mascot-icon-antenna,body.jae-site .mascot-nav-toggle.is-off .mascot-icon-antenna-tip{opacity:.5}
body.jae-site .theme-toggle{min-width:48px;min-height:48px;padding:8px;border:0;background:transparent;cursor:pointer}
body.jae-site .theme-toggle-track{position:relative;width:56px!important;height:32px!important;padding:0 7px;display:flex;align-items:center;justify-content:space-between;border:1px solid #454545;border-radius:var(--radius-pill);background:var(--ds-dark-border)!important;box-shadow:none!important}
body.jae-site .theme-toggle-thumb{position:absolute;top:3px!important;left:3px!important;width:24px!important;height:24px!important;border-radius:50%;background:var(--ds-garage)!important;box-shadow:none!important;transition:transform var(--duration-base) var(--ease-standard)}
body.jae-site .theme-toggle[aria-checked="true"] .theme-toggle-track{background:var(--ds-yellow)!important;border-color:var(--ds-yellow)}
body.jae-site .theme-toggle[aria-checked="true"] .theme-toggle-thumb{transform:translateX(24px)!important;background:var(--ds-black)!important}
body.jae-site .theme-toggle-icon{width:14px!important;height:14px!important;flex:0 0 14px!important;color:var(--ds-garage)}
body.jae-site .theme-toggle[aria-checked="true"] .theme-toggle-icon{color:var(--ds-black)}

/* 07. Hero e vitrine de campanha: sempre dark --------------------------- */
body.jae-site .hero-stage,body.jae-site .hero,body.jae-site .hero-carousel,
body.jae-site .bestsellers-cinematic,body.jae-site .dark,body.jae-site .final{
  background:var(--ds-asphalt)!important;
  background-image:none!important;
  color:var(--ds-garage);
}
body.jae-site .hero::before,body.jae-site .hero::after,
body.jae-site .hero-stage::before,body.jae-site .hero-stage::after,
body.jae-site .bestsellers-cinematic::before,body.jae-site .bestsellers-cinematic::after,
body.jae-site .dark::before,body.jae-site .dark::after{display:none!important}
body.jae-site .hero-stage{padding-top:24px}
body.jae-site .hero-carousel{width:100%;min-height:max(590px,min(56.25vw,72vh));margin:0 auto;border-top:1px solid var(--ds-dark-border);border-bottom:1px solid var(--ds-dark-border);border-radius:0;box-shadow:none!important;overflow:hidden}
body.jae-site .hero-slide{min-height:inherit;color:var(--ds-garage)}
body.jae-site .hero-slide>img{filter:none!important}
body.jae-site .hero-slide::after{background:rgba(11,11,11,.64)!important;opacity:1!important}
body.jae-site .hero-slide .wrap{min-height:inherit;display:flex;align-items:center;padding-block:var(--space-16)}
body.jae-site .hero-copy{max-width:680px;padding-top:0!important}
body.jae-site .hero h1,body.jae-site .hero-slide-title{max-width:680px;margin:var(--space-4) 0 var(--space-6);color:var(--ds-garage)!important;font-size:clamp(2.75rem,5vw,4rem)!important;font-weight:900;line-height:.98;letter-spacing:-.035em}
body.jae-site .hero-highlight{color:var(--ds-yellow)!important}
body.jae-site .hero .lead{max-width:620px;margin-bottom:var(--space-6);color:var(--ds-gray-300);font-size:1.05rem;line-height:1.6}
body.jae-site .hero-promo-price{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}
body.jae-site .hero-promo-price small{color:var(--ds-gray-400);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase}
body.jae-site .hero-promo-price strong{color:var(--ds-yellow);font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.4rem);font-weight:900;line-height:1}
body.jae-site .hero-promo-note{margin-top:var(--space-3);color:var(--ds-gray-400);font-size:.7rem}
body.jae-site .hero-carousel-controls{right:var(--space-6);bottom:var(--space-3);gap:var(--space-3)}
@media(min-width:901px){body.jae-site .hero-carousel-controls{right:180px}}
body.jae-site .hero-arrow{display:flex!important;width:40px;height:40px;align-items:center;justify-content:center;flex:0 0 40px;border:1px solid var(--ds-dark-border);border-radius:50%;background:rgba(18,18,18,.55);color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}
body.jae-site .hero-arrow:hover{background:var(--ds-yellow);color:var(--ds-black);border-color:var(--ds-yellow)}
body.jae-site .hero-dot{width:10px;height:10px;border:1px solid var(--ds-gray-400);border-radius:50%;background:transparent!important}
body.jae-site .hero-dot.is-active{background:var(--ds-yellow)!important;border-color:var(--ds-yellow)}
body.jae-site .hero-pause{width:48px;height:48px;border:1px solid #454545;border-radius:50%;background:var(--ds-dark-surface);color:var(--ds-garage)}

body.jae-site .bestsellers-cinematic{padding-block:var(--space-16)!important;border:0!important}
body.jae-site .bestsellers-cinematic .section-head{color:var(--ds-garage)}
body.jae-site .bestsellers-cinematic .section-head h2{color:var(--ds-garage)!important}
body.jae-site .bestsellers-cinematic .section-head p{color:var(--ds-gray-400)}
body.jae-site .campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
body.jae-site .campaign-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--ds-dark-border)!important;border-radius:var(--radius-card)!important;background:var(--ds-dark-surface)!important;background-image:none!important;box-shadow:none!important;overflow:hidden;transition:border-color var(--duration-base) ease,transform var(--duration-base) var(--ease-standard)!important}
body.jae-site .campaign-card:hover,body.jae-site .campaign-card:focus-within{border-color:var(--ds-yellow)!important;transform:translateY(-4px)!important;box-shadow:none!important}
body.jae-site .campaign-media{aspect-ratio:16/9;background:var(--ds-asphalt);overflow:hidden}
body.jae-site .campaign-media img{width:100%;height:100%;object-fit:cover}
body.jae-site .campaign-media::after{background:rgba(11,11,11,.2)!important}
body.jae-site .campaign-badge{top:var(--space-3);left:var(--space-3);padding:6px 9px;border-radius:5px;background:var(--ds-yellow);color:var(--ds-black);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body.jae-site .campaign-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-button);background:var(--ds-yellow);color:var(--ds-black)}
body.jae-site .campaign-content{display:flex;flex:1;flex-direction:column;padding:var(--space-6)}
body.jae-site .campaign-content h3{min-height:2.4em;margin:0 0 var(--space-3);color:var(--ds-garage);font-size:1.25rem}
body.jae-site .campaign-content>p{color:var(--ds-gray-400)}
body.jae-site .campaign-price{display:flex;align-items:baseline;gap:var(--space-2);margin-top:auto;padding:var(--space-3);border:1px solid rgba(255,208,24,.42);border-radius:var(--radius-button);background:transparent!important;background-image:none!important}
body.jae-site .campaign-price small{color:var(--ds-gray-400);font-size:.65rem;text-transform:uppercase}
body.jae-site .campaign-price strong{color:var(--ds-yellow);font-size:1.75rem}
body.jae-site .campaign-condition{min-height:3em;margin:var(--space-3) 0;color:var(--ds-gray-400)!important;font-size:.8rem}
body.jae-site .campaign-card .btn{width:100%;margin-top:0}

/* 08. Cards de produto --------------------------------------------------- */
body.jae-site .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}
body.jae-site .product{position:relative;display:flex;flex-direction:column;min-width:0;padding:var(--space-4)!important;border:1px solid var(--ds-border)!important;border-radius:var(--radius-card)!important;background:var(--ds-surface)!important;background-image:none!important;color:var(--ds-text)!important;box-shadow:none!important;overflow:hidden;transition:border-color var(--duration-base) ease,transform var(--duration-base) var(--ease-standard)!important}
body.jae-site .product:hover,body.jae-site .product:focus-within{border-color:var(--ds-yellow-pressed)!important;transform:translateY(-4px)!important;box-shadow:none!important}
body.jae-site .product-badge{position:absolute;z-index:3;top:var(--space-3);left:var(--space-3);padding:6px 8px;border-radius:5px;background:var(--ds-yellow);color:var(--ds-black)!important;font-family:var(--font-mono);font-size:.58rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
body.jae-site .product-visual,body.jae-site .product-media{width:100%;height:auto;aspect-ratio:4/3;margin:0 0 var(--space-4);display:grid;place-items:center;border:1px solid var(--ds-line)!important;border-radius:10px!important;background:#fafafa!important;background-image:none!important;box-shadow:none!important;overflow:hidden}
body.jae-site .product-visual::before,body.jae-site .product-visual::after{display:none!important}
body.jae-site .product-visual img,body.jae-site .product-media img{width:82%;height:82%;object-fit:contain}
body.jae-site .product-brand{min-height:2.6em;display:flex;align-items:center;margin:0 0 var(--space-2);color:var(--ds-text-muted);font-family:var(--font-body);font-size:.86rem;font-weight:600;background:transparent!important}
body.jae-site .product-brand img{height:28px;max-width:75%;object-fit:contain;object-position:left center;filter:none!important}
body.jae-site .product h3{margin:0 0 var(--space-2);color:var(--ds-text)!important;font-family:var(--font-mono);font-size:1.18rem;font-weight:600}
body.jae-site .product-spec{min-height:3em;margin:0;color:var(--ds-text-muted)!important;font-size:.68rem;line-height:1.5}
body.jae-site .product-price{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:var(--space-2);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--ds-border)}
body.jae-site .product-price small{color:var(--ds-text-muted)!important;font-size:.62rem;text-transform:uppercase}
body.jae-site .product-price small:last-child{grid-column:1/-1;text-transform:none}
body.jae-site .product-price strong{color:var(--ds-price)!important;font-size:1.6rem;font-style:normal;font-weight:900}
body.jae-site .product>.btn{width:100%;margin-top:var(--space-4)}

/* 09. Consulta rápida, seletores e formulários --------------------------- */
body.jae-site .quick.quick-after-top3{margin-top:0!important;padding-block:var(--space-22)!important}
body.jae-site .quickbox{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.55fr);gap:var(--space-12);align-items:start;padding:var(--space-12)!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
body.jae-site .quick-copy{position:static!important;top:auto!important}
body.jae-site .quick-copy h2{margin:var(--space-3) 0 var(--space-4);color:var(--ds-text)!important;font-size:clamp(2rem,3vw,2.5rem)!important}
body.jae-site .quick-copy>p{color:var(--ds-text-muted)!important}
body.jae-site .measure{display:grid!important;grid-template-columns:1fr!important;gap:var(--space-6)!important;width:100%!important;max-width:none!important;padding:var(--space-6)!important;border:1px solid var(--ds-border)!important;border-radius:var(--radius-card)!important;background:var(--ds-surface)!important;background-image:none!important;box-shadow:none!important}
body.jae-site .qr-step{display:grid;gap:var(--space-3)}
body.jae-site .qr-step-label{color:var(--ds-text)!important;font-size:.72rem;font-weight:600;letter-spacing:.02em}
body.jae-site .qr-step-label small{color:var(--ds-text-muted)!important}
body.jae-site .profile-selector{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0}
body.jae-site .profile-pill,body.jae-site .quick-service,body.jae-site .qr-chip{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  padding:11px 16px;
  border:1px solid var(--ds-border);
  border-radius:var(--radius-pill);
  background:var(--ds-surface);
  background-image:none!important;
  color:var(--ds-text);
  box-shadow:none!important;
  font-size:.82rem!important;
  font-weight:700;
  cursor:pointer;
  transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) ease;
}
body.jae-site .profile-pill:hover,body.jae-site .quick-service:hover,body.jae-site .qr-chip:hover{border-color:var(--ds-yellow);transform:translateY(-1px)}
body.jae-site .quick-service:hover{background:var(--ds-yellow)!important;color:var(--ds-black)!important}
body.jae-site .profile-pill.is-active,body.jae-site .quick-service.is-active{border-color:var(--ds-yellow);border-width:2px;background:var(--ds-yellow)!important;color:var(--ds-black)!important;box-shadow:none!important}
body.jae-site .profile-desc{min-height:1.3em;margin:0;color:var(--ds-text-muted);font-size:.82rem}
body.jae-site .quick-services{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:var(--space-1);border:1px solid var(--ds-border);border-radius:var(--radius-card);background:var(--ds-surface-alt)!important;background-image:none!important;box-shadow:none!important}
body.jae-site .quick-service{border-radius:var(--radius-button);background:transparent}
body.jae-site .quick-service.is-active{background:var(--ds-yellow)}
body.jae-site .quick-services::before{display:none!important}
body.jae-site .measure-field{display:grid;gap:var(--space-2)}
body.jae-site .measure-field>span{color:var(--ds-text-muted)!important;font-size:.82rem;font-weight:600}
body.jae-site .measure-field input,body.jae-site .faq-search input,
body.jae-site .lead-form input{
  min-height:48px;
  width:100%;
  padding:12px 14px;
  border:1px solid var(--ds-border)!important;
  border-radius:var(--radius-input)!important;
  background:var(--ds-surface)!important;
  background-image:none!important;
  color:var(--ds-text)!important;
  box-shadow:none!important;
  font-family:var(--font-body);
}
body.jae-site input::placeholder{color:var(--ds-text-soft)!important;opacity:1}
body.jae-site .measure-field input:focus,body.jae-site .faq-search input:focus,
body.jae-site .lead-form input:focus{border-color:var(--ds-yellow)!important;outline:0;box-shadow:var(--focus-ring)!important}
body.jae-site .qr-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}
body.jae-site .qr-chip{min-height:40px;padding:8px 12px;font-family:var(--font-mono);font-weight:500}
body.jae-site .quick-status{min-height:1.4em;margin:0;color:var(--ds-text-muted);font-size:.82rem}

/* 10. Marcas: superfície clara invariável para preservar cores oficiais -- */
body.jae-site .quick-brands{margin:0;padding:0;border:0}
body.jae-site .quick-brands-lead{margin:0 0 var(--space-3);color:var(--ds-text);font-size:.9rem;font-weight:700}
body.jae-site .brand-panels{min-height:0}
body.jae-site .brand-panel.is-active{animation:dsBrandIn var(--duration-base) var(--ease-standard) both}
@keyframes dsBrandIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body.jae-site .brand-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-3)}
body.jae-site .brand-strip-six{grid-template-columns:repeat(6,minmax(0,1fr))}
body.jae-site .brand-name{min-height:96px;display:grid;place-items:center;padding:var(--space-3);border:1px solid var(--ds-line)!important;border-radius:var(--radius-card)!important;background:#fff!important;background-image:none!important;color:var(--ds-black)!important;box-shadow:none!important;cursor:pointer;transition:border-color var(--duration-fast) ease,transform var(--duration-fast) ease!important}
body.jae-site .brand-name:hover,body.jae-site .brand-name:focus-within{border-color:var(--ds-yellow-pressed)!important;transform:translateY(-2px)!important;background:#fff!important;box-shadow:none!important}
body.jae-site .brand-name span{width:100%;height:100%;display:grid;place-items:center}
body.jae-site .brand-name img{display:block;width:auto;height:32px;max-width:88%;object-fit:contain;opacity:1!important;filter:none!important}
body.jae-site .brand-name[data-brand="Pirelli"] img{height:27px}
body.jae-site .brand-name[data-brand="Dunlop"] img{height:35px}

/* 11. Conteúdo, prova, localização e FAQ -------------------------------- */
body.jae-site .profile,body.jae-site .proof-review,body.jae-site .location-main,
body.jae-site .location-facts,body.jae-site .location-fact,body.jae-site .quote,
body.jae-site .faq details,body.jae-site .faq-search,body.jae-site .finder-panel,
body.jae-site .lead-dialog{
  border:1px solid var(--ds-border)!important;
  border-radius:var(--radius-card)!important;
  background:var(--ds-surface)!important;
  background-image:none!important;
  color:var(--ds-text)!important;
  box-shadow:none!important;
}
body.jae-site .proof-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6)}
body.jae-site .proof-photo{border-radius:var(--radius-card);overflow:hidden}
body.jae-site .proof-photo::after{background:rgba(11,11,11,.45)!important}
body.jae-site .proof-review{padding:var(--space-6)!important;transition:border-color var(--duration-fast) ease,transform var(--duration-fast) ease!important}
body.jae-site .proof-review:hover{border-color:var(--ds-yellow-pressed)!important;transform:translateY(-2px)!important}
body.jae-site .proof-avatar{background:var(--ds-black)!important;color:var(--ds-yellow)}
body.jae-site .proof-review strong{color:var(--ds-text)!important}
body.jae-site .proof-review blockquote{color:var(--ds-text-muted)!important}
body.jae-site .proof-stars{color:var(--ds-yellow);font-family:var(--font-mono);letter-spacing:.12em}
body.jae-site .proof-review-tag{border-radius:var(--radius-pill);background:#fff4c5!important;color:#654d00!important;font-family:var(--font-mono);font-size:.62rem}

body.jae-site .location-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:var(--space-6)}
body.jae-site .location-main,body.jae-site .location-facts{padding:var(--space-8)!important}
body.jae-site .location-main{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-8)}
body.jae-site .location-main address{color:var(--ds-text);font-style:normal}
body.jae-site .location-main address strong{display:block;margin-bottom:var(--space-2);font-family:var(--font-display);font-size:1.4rem}
body.jae-site .location-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
body.jae-site .location-map{position:relative;min-height:260px;border:1px solid var(--ds-border);border-radius:var(--radius-card);overflow:hidden}
body.jae-site .location-map iframe{display:block;width:100%;height:100%;min-height:260px;border:0}
body.jae-site .location-map .btn-google-maps{position:absolute;right:var(--space-3);bottom:var(--space-3);min-height:auto;padding:10px 16px;font-size:.72rem}
body.jae-site .btn-google-maps{background:#fff;color:#1a73e8;border-color:#dadce0}
body.jae-site .btn-google-maps:hover{background:#f8f9fa;border-color:#1a73e8}
body.jae-site .btn-waze{background:#05c8f7;color:#fff}
body.jae-site .btn-waze:hover{background:#00a8d6;color:#fff}
body.jae-site .location-facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
body.jae-site .location-fact{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)!important}
body.jae-site .location-fact b{display:flex;align-items:center;gap:var(--space-3);color:var(--ds-text)!important}
body.jae-site .location-fact p{margin:0;color:var(--ds-text-muted)!important}

body.jae-site .faq{max-width:980px}
body.jae-site .faq-search{margin-bottom:var(--space-6);padding:var(--space-6)!important}
body.jae-site .faq-search-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-3)}
body.jae-site .faq-search-help{margin:var(--space-2) 0 0;color:var(--ds-text-muted)!important;font-size:.82rem}
body.jae-site .faq-search-feedback{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--ds-yellow-pressed);border-radius:var(--radius-card);background:#fff8d8!important;background-image:none!important;color:var(--ds-black)!important}
body.jae-site .faq details{overflow:hidden;transition:border-color .5s ease,background-color .5s ease!important}
body.jae-site .faq details+details{margin-top:var(--space-3)}
body.jae-site .faq details:hover{border-color:var(--ds-yellow-pressed)!important}
body.jae-site .faq details[open]{border-color:var(--ds-yellow-pressed)!important;background:#fff8d8!important;color:var(--ds-black)!important}
body.jae-site .faq summary{min-height:56px;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:inherit!important;font-weight:700;cursor:pointer}
body.jae-site .faq summary::after{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:50%;background:var(--ds-surface-alt)!important;color:inherit!important}
body.jae-site .faq details[open] summary::after{background:var(--ds-yellow)!important;color:var(--ds-black)!important}
body.jae-site .faq details p{padding:0 var(--space-6) var(--space-6);color:inherit!important}

/* 12. Como funciona, CTA e rodapé --------------------------------------- */
body.jae-site .dark{padding-block:var(--space-22)!important}
body.jae-site .dark .section-head h2,body.jae-site .dark .section-head p{color:var(--ds-garage)!important}
body.jae-site .final-content{width:min(1040px,100%);margin:var(--space-12) auto 0;padding:var(--space-12)!important;border:1px solid var(--ds-dark-border)!important;border-radius:var(--radius-card)!important;background:var(--ds-dark-surface)!important;background-image:none!important;box-shadow:none!important;color:var(--ds-garage)}
body.jae-site .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
body.jae-site .step{padding:var(--space-4) var(--space-6)!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;color:var(--ds-garage)!important;box-shadow:none!important}
body.jae-site .step+.step{border-left:1px solid var(--ds-dark-border)!important}
body.jae-site .step-num{color:var(--ds-yellow);font-family:var(--font-display);font-size:3rem;font-weight:900}
body.jae-site .step h3{color:var(--ds-garage)!important}
body.jae-site .step p{color:var(--ds-gray-400)!important}
body.jae-site .final-content>.btn{width:min(520px,100%);min-height:52px;margin:var(--space-8) auto 0}

body.jae-site .footer{padding-top:var(--space-16);background:var(--ds-asphalt)!important;background-image:none!important;color:var(--ds-gray-400)}
body.jae-site .footer-main{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8)}
body.jae-site .footer h3,body.jae-site .footer-contact-item strong{color:var(--ds-garage);font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
body.jae-site .footer-links a{min-height:40px;display:flex;align-items:center;gap:var(--space-2);border:0!important;color:var(--ds-gray-300)}
body.jae-site .footer-links a:hover{color:var(--ds-yellow)}
body.jae-site .socials a{width:48px;height:48px;border:1px solid #454545;border-radius:50%;background:transparent!important;color:var(--ds-garage)}
body.jae-site .socials a:hover{border-color:var(--ds-yellow);color:var(--ds-yellow)}
body.jae-site .footer-legal{margin-top:var(--space-12);padding-block:var(--space-6);border-top:1px solid var(--ds-dark-border);color:var(--ds-gray-400);font-size:.72rem;line-height:1.7}

/* 13. Diálogos, resultados e elementos flutuantes ----------------------- */
body.jae-site .finder-panel,body.jae-site .lead-dialog{box-shadow:var(--floating-shadow)!important}
body.jae-site .finder-panel h2,body.jae-site .lead-dialog h2{color:var(--ds-text)!important}
body.jae-site .finder-panel p,body.jae-site .lead-dialog p,body.jae-site .lead-form label{color:var(--ds-text-muted)!important}
body.jae-site .finder-close,body.jae-site .lead-close{width:48px;height:48px;border:1px solid var(--ds-border);border-radius:50%;background:var(--ds-surface);color:var(--ds-text)}
body.jae-site .lead-interest{border-radius:var(--radius-card);background:#fff4c5!important;color:#654d00!important}
body.jae-site .lead-interest span,body.jae-site .lead-interest strong{color:#654d00!important}
body.jae-site .lead-form .lead-consent{align-items:center}
body.jae-site .lead-form .lead-consent input{width:18px;height:18px;min-height:18px!important;padding:0!important;margin-top:0;border-radius:4px;accent-color:var(--ds-yellow)}
body.jae-site .whatsapp-pet{filter:none!important}
body.jae-site .pet-help{border:1px solid var(--ds-line)!important;border-radius:var(--radius-card)!important;background:#fff!important;background-image:none!important;color:var(--ds-black)!important;box-shadow:var(--floating-shadow)!important}

/* 14. Tema dark: equivalência de componentes ----------------------------- */
html[data-theme="dark"] body.jae-site .promo-showcase,
html[data-theme="dark"] body.jae-site .quick,
html[data-theme="dark"] body.jae-site .proof-simulation,
html[data-theme="dark"] body.jae-site .location,
html[data-theme="dark"] body.jae-site #duvidas{background:var(--ds-bg)!important;color:var(--ds-text)!important}
html[data-theme="dark"] body.jae-site .promo-showcase.alt{background:var(--ds-surface-alt)!important}
html[data-theme="dark"] body.jae-site .section-head h2,
html[data-theme="dark"] body.jae-site .quick-copy h2,
html[data-theme="dark"] body.jae-site .proof-review strong,
html[data-theme="dark"] body.jae-site .location-main address,
html[data-theme="dark"] body.jae-site .location-main address strong{color:var(--ds-text)!important}
html[data-theme="dark"] body.jae-site .product,html[data-theme="dark"] body.jae-site .measure,
html[data-theme="dark"] body.jae-site .proof-review,html[data-theme="dark"] body.jae-site .location-main,
html[data-theme="dark"] body.jae-site .location-facts,html[data-theme="dark"] body.jae-site .location-fact,
html[data-theme="dark"] body.jae-site .faq details,html[data-theme="dark"] body.jae-site .faq-search,
html[data-theme="dark"] body.jae-site .finder-panel,html[data-theme="dark"] body.jae-site .lead-dialog{background:var(--ds-surface)!important;border-color:var(--ds-border)!important;color:var(--ds-text)!important}
html[data-theme="dark"] body.jae-site .faq details[open]{background:#272313!important;border-color:var(--ds-yellow)!important;color:var(--ds-garage)!important}
html[data-theme="dark"] body.jae-site .faq-search-feedback{background:#272313!important;color:var(--ds-garage)!important}
html[data-theme="dark"] body.jae-site .btn-primary{color:var(--ds-black)!important}
html[data-theme="dark"] body.jae-site .product.product-active .btn-primary,
html[data-theme="dark"] body.jae-site .product.show-secondary .btn-primary,
html[data-theme="dark"] body.jae-site .product:focus-within .btn-primary,
html[data-theme="dark"] body.jae-site .product:hover .btn-primary{color:var(--ds-yellow)!important}
html[data-theme="dark"] body.jae-site .btn-dark{border-color:var(--ds-garage);background:transparent;color:var(--ds-garage)}
html[data-theme="dark"] body.jae-site .btn-whatsapp{color:#06391b!important}
html[data-theme="dark"] body.jae-site .product-brand img{filter:brightness(0) invert(1)!important}
html[data-theme="dark"] body.jae-site .product-media,html[data-theme="dark"] body.jae-site .product-visual{background:#fafafa!important}
html[data-theme="dark"] body.jae-site .brand-name,html[data-theme="dark"] body.jae-site .brand-name:hover{background:#fff!important;border-color:var(--ds-line)!important;color:var(--ds-black)!important}
html[data-theme="dark"] body.jae-site .brand-name:hover{border-color:var(--ds-yellow-pressed)!important}
html[data-theme="dark"] body.jae-site .brand-name img{filter:none!important;opacity:1!important}
html[data-theme="dark"] body.jae-site .proof-review-tag{background:var(--ds-yellow)!important;color:var(--ds-black)!important}

/* 15. Responsividade ----------------------------------------------------- */
@media(max-width:1200px){
  body.jae-site .wrap{width:min(1180px,calc(100% - 40px))}
  body.jae-site .brand-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.jae-site .brand-strip-six{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:1024px){
  body.jae-site section:not(.hero):not(.final){padding-block:var(--space-16)}
  body.jae-site .campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.jae-site .campaign-card:last-child{grid-column:1/-1;max-width:calc(50% - 12px);width:100%;justify-self:center}
  body.jae-site .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.jae-site .quickbox{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-8)!important}
  body.jae-site .quick-copy{position:static;max-width:720px}
  body.jae-site .proof-layout,body.jae-site .location-grid{grid-template-columns:1fr}
  body.jae-site .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  body.jae-site .wrap{width:calc(100% - 32px)}
  body.jae-site .navlinks>a:not(.btn),body.jae-site .mascot-nav-toggle{display:none!important}
  body.jae-site .navlinks{margin-left:auto;gap:var(--space-2)}
  body.jae-site .nav .btn-whatsapp{display:none}
  body.jae-site .hero-carousel{width:calc(100% - 24px);min-height:max(480px,56.25vw)}
  body.jae-site .hero-slide .wrap{padding-inline:var(--space-6);padding-bottom:88px}
  body.jae-site .section-head{align-items:flex-start;flex-direction:column;gap:var(--space-6)}
  body.jae-site .promo-side{width:100%;align-items:flex-start}
  body.jae-site .promo-side p{text-align:left}
  body.jae-site .section-chevron{width:220px}
  body.jae-site .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.jae-site .steps{grid-template-columns:1fr}
  body.jae-site .step{padding:var(--space-6) 0!important}
  body.jae-site .step+.step{border-left:0!important;border-top:1px solid var(--ds-dark-border)!important}
}

@media(max-width:640px){
  body.jae-site{font-size:15px}
  body.jae-site .wrap{width:calc(100% - 40px)}
  body.jae-site section:not(.hero):not(.final){padding-block:var(--space-16)}
  body.jae-site .nav{height:64px!important}
  body.jae-site .nav .logo{width:68px!important}
  body.jae-site .theme-toggle{padding:4px}
  body.jae-site .btn{min-height:52px;width:100%;padding:14px 16px;font-size:.8rem}
  body.jae-site h1,body.jae-site .hero h1,body.jae-site .hero-slide-title{font-size:clamp(2.25rem,11vw,3rem)!important;max-width:100%;line-height:1.02}
  body.jae-site h2{font-size:2.1rem}
  body.jae-site .hero-carousel{width:100%;min-height:680px;border-left:0;border-right:0;border-radius:0}
  body.jae-site .hero-slide::after{background:rgba(11,11,11,.72)!important}
  body.jae-site .hero-slide .wrap{width:100%;padding:var(--space-12) 20px 92px}
  body.jae-site .hero-promo-price{align-items:flex-start;flex-direction:column;gap:var(--space-1)}
  body.jae-site .hero-carousel-controls{right:20px;bottom:20px}
  body.jae-site .bestsellers-cinematic{padding-block:var(--space-12)!important}
  body.jae-site .campaign-grid{grid-template-columns:1fr}
  body.jae-site .campaign-card:last-child{grid-column:auto;max-width:none}
  body.jae-site .campaign-content{padding:var(--space-4)}
  body.jae-site .campaign-content h3{min-height:0}
  body.jae-site .product-grid{gap:var(--space-3)}
  body.jae-site .product{padding:var(--space-3)!important}
  body.jae-site .product h3{font-size:1rem}
  body.jae-site .product-brand{font-size:.76rem}
  body.jae-site .product-spec{font-size:.64rem}
  body.jae-site .product-price{grid-template-columns:1fr}
  body.jae-site .product-price strong{font-size:1.3rem}
  body.jae-site .quickbox{padding:0!important}
  body.jae-site .measure{padding:var(--space-4)!important}
  body.jae-site .quick-services{grid-template-columns:1fr}
  body.jae-site .quick-service{border-radius:var(--radius-button)}
  body.jae-site .profile-selector{display:grid;grid-template-columns:1fr 1fr}
  body.jae-site .profile-pill{width:100%;padding-inline:var(--space-2);font-size:.72rem!important}
  body.jae-site .brand-strip,body.jae-site .brand-strip-six{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
  body.jae-site .brand-name{min-height:84px;padding:var(--space-2)}
  body.jae-site .brand-name img{height:27px}
  body.jae-site .proof-layout,body.jae-site .location-grid{gap:var(--space-4)}
  body.jae-site .location-main,body.jae-site .location-facts{padding:var(--space-4)!important}
  body.jae-site .location-actions,body.jae-site .location-facts{grid-template-columns:1fr}
  body.jae-site .faq-search{padding:var(--space-4)!important}
  body.jae-site .faq-search-row{grid-template-columns:1fr}
  body.jae-site .faq summary{padding:var(--space-4)}
  body.jae-site .faq details p{padding:0 var(--space-4) var(--space-4)}
  body.jae-site .final-content{padding:var(--space-6)!important}
  body.jae-site .footer-main{grid-template-columns:1fr;gap:var(--space-6)}
  body.jae-site .footer-legal{text-align:left}
}

@media(max-width:390px){
  body.jae-site .product-grid{grid-template-columns:1fr}
  body.jae-site .profile-selector{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  body.jae-site *,body.jae-site *::before,body.jae-site *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media print{
  body.jae-site{background:#fff!important;color:#000!important}
  body.jae-site .nav,body.jae-site .whatsapp-pet,body.jae-site .hero-carousel-controls{display:none!important}
  body.jae-site .product,body.jae-site .proof-review,body.jae-site .location-main,body.jae-site .location-fact{break-inside:avoid;box-shadow:none!important}
}