/* Modelo Calçados — Representante — grafite e laranja-queimado. Prefixo cr-.
   Base do Suplementos & Treino (hero com pedido rápido, vitrine, destaque, kits) com topo configurável:
   split (barra sólida) ou immersive (pílula de vidro + menu lateral + hero em tela cheia). */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body.cr-body{margin:0;background:var(--cr-bg);color:var(--cr-ink);font-family:var(--body-font);line-height:1.6;-webkit-font-smoothing:antialiased}
.cr-body img{max-width:100%;display:block}:where(.cr-body) a{color:inherit;text-decoration:none}
.cr-main{display:flex;flex-direction:column}
.cr-shell{width:min(1220px,calc(100% - 40px));margin:0 auto}
.cr-section{padding:var(--cr-space) 0}
.cr-body h1,.cr-body h2,.cr-body h3,.cr-body h4{font-family:var(--cr-heading-font);line-height:1;margin:0;font-weight:400;text-transform:uppercase;letter-spacing:.01em}
.cr-body h2{font-size:clamp(38px,5vw,64px)}
.cr-body h1 em,.cr-body h2 em{font-style:normal;color:var(--cr-primary);display:block}
.cr-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--cr-primary);margin-bottom:16px}
.cr-eyebrow::before{content:"";width:22px;height:2px;background:currentColor}
.cr-heading{max-width:720px;margin-bottom:44px}.cr-heading p{color:var(--cr-muted);font-size:17px;margin:16px 0 0}
.cr-heading--center{text-align:center;margin-left:auto;margin-right:auto}.cr-heading--center .cr-eyebrow::before{display:none}
.cr-heading--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.cr-heading--row>div{max-width:680px}
.cr-center{text-align:center;margin-top:40px}
.cr-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 28px;border-radius:var(--cr-radius);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;border:2px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s;font-family:inherit;line-height:1.1}
.cr-btn svg{width:18px;height:18px}.cr-btn--sm{padding:10px 16px;font-size:12px}.cr-btn--sm svg{width:15px;height:15px}
.cr-btn--primary{background:var(--cr-btn-bg);color:var(--cr-btn-text)}.cr-btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px var(--cr-btn-bg)}
.cr-btn--ghost{border-color:color-mix(in srgb,var(--cr-ink) 35%,transparent);color:var(--cr-ink)}.cr-btn--ghost:hover{border-color:var(--cr-ink);background:color-mix(in srgb,var(--cr-ink) 8%,transparent)}
.cr-btn--outline{border-color:var(--cr-primary);color:var(--cr-primary)}.cr-btn--outline:hover{background:var(--cr-primary);color:var(--cr-btn-text)}
.cr-btn--dark{background:var(--cr-light-text);color:var(--cr-light-bg)}.cr-btn--dark:hover{transform:translateY(-2px)}
.cr-btn--block{width:100%}.cr-actions{display:flex;flex-wrap:wrap;gap:12px}
.cr-preview{background:var(--cr-primary);color:var(--cr-btn-text);text-align:center;font-size:12px;font-weight:700;padding:8px;letter-spacing:.06em}.cr-preview a{text-decoration:underline}

/* header */
.cr-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--cr-header-bg) 90%,transparent);backdrop-filter:blur(12px);color:var(--cr-header-text);border-bottom:1px solid var(--cr-line)}
.cr-nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0}
.cr-brand{display:flex;align-items:center;gap:10px;min-width:0}.cr-brand img{max-height:46px;width:auto}
.cr-brand span{display:flex;flex-direction:column;line-height:1}.cr-brand strong{font-family:var(--cr-heading-font);font-weight:400;font-size:28px;text-transform:uppercase;letter-spacing:.02em}.cr-brand small{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cr-muted);margin-top:4px}
.cr-nav{display:flex;align-items:center;gap:26px}
.cr-nav a:not(.cr-btn){font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--cr-header-text) 80%,transparent);transition:color .2s}.cr-nav a:not(.cr-btn):hover{color:var(--cr-primary)}
.cr-nav-cta{padding:11px 20px;font-size:12.5px;white-space:nowrap}
.cr-menu-toggle{display:none;background:var(--cr-surface);border:1px solid var(--cr-line);width:44px;height:44px;border-radius:var(--cr-radius);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}.cr-menu-toggle span{width:18px;height:2px;background:var(--cr-ink);border-radius:2px}
.cr-drawer{display:none}

/* hero + ofertas */
.cr-hero{position:relative;overflow:hidden;padding:72px 0 84px;isolation:isolate}
.cr-hero-bg{position:absolute;inset:0;z-index:-1}.cr-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:30% 30%}
.cr-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--cr-hero-overlay) 92%,transparent) 0,color-mix(in srgb,var(--cr-hero-overlay) 70%,transparent) 45%,color-mix(in srgb,var(--cr-hero-overlay) 45%,transparent) 100%),linear-gradient(0deg,var(--cr-bg) 0,transparent 30%)}
.cr-hero-in{display:grid;grid-template-columns:1fr 440px;gap:56px;align-items:center}
.cr-hero-copy h1{font-size:clamp(52px,7.4vw,112px);margin-bottom:24px;line-height:.95}
.cr-hero-copy>p{font-size:18px;color:color-mix(in srgb,var(--cr-ink) 82%,transparent);max-width:540px;margin:0 0 30px}
.cr-hero-badge{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:13px;font-weight:700;color:var(--cr-ink);background:color-mix(in srgb,var(--cr-secondary) 22%,transparent);border:1px solid color-mix(in srgb,var(--cr-secondary) 50%,transparent);border-radius:999px;padding:8px 16px}
.cr-hero-badge svg{width:16px;height:16px;color:var(--cr-secondary)}
.cr-hero-stats{display:flex;gap:40px;margin-top:40px;padding-top:28px;border-top:1px solid color-mix(in srgb,var(--cr-ink) 15%,transparent)}.cr-hero-stats b{display:block;font-family:var(--cr-heading-font);font-weight:400;font-size:42px;color:var(--cr-primary);line-height:1}.cr-hero-stats span{font-size:13px;color:var(--cr-muted)}

.cr-order{background:color-mix(in srgb,var(--cr-card) 94%,transparent);backdrop-filter:blur(10px);border:1px solid var(--cr-line);border-top:4px solid var(--cr-primary);border-radius:calc(var(--cr-radius) + 6px);padding:24px 22px 20px;display:grid;gap:13px;box-shadow:0 40px 90px -30px rgba(0,0,0,.8);position:relative}
.cr-order header .cr-eyebrow{margin-bottom:6px;color:var(--cr-secondary)}.cr-order header .cr-eyebrow::before{display:none}.cr-order h2{font-size:34px}
.cr-order>p{margin:0;font-size:13.5px;color:var(--cr-muted)}
.cr-opt{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--cr-radius);background:color-mix(in srgb,var(--cr-ink) 4%,transparent);border:1px solid transparent;transition:border-color .2s,background .2s}
.cr-opt.has-qty{border-color:color-mix(in srgb,var(--cr-primary) 60%,transparent);background:color-mix(in srgb,var(--cr-primary) 8%,transparent)}
.cr-opt-thumb{width:54px;height:54px;border-radius:calc(var(--cr-radius) - 4px);object-fit:cover;flex:none}
.cr-opt-info{flex:1;min-width:0}.cr-opt-info b{display:block;font-size:14.5px;font-weight:700;line-height:1.25}.cr-opt-info a:hover b{color:var(--cr-primary)}
.cr-opt-info span{display:flex;align-items:baseline;gap:8px;margin-top:3px}.cr-opt-info strong{color:var(--cr-primary);font-size:15px}.cr-opt-info s{color:var(--cr-muted);font-size:12px}
.cr-step{display:flex;align-items:center;gap:4px;flex:none}
.cr-opt.is-picked{animation:cr-pick .9s ease}
@keyframes cr-pick{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 3px var(--cr-primary)}}
.cr-step button{width:34px;height:34px;border-radius:calc(var(--cr-radius) - 6px);border:0;background:var(--cr-primary);color:var(--cr-btn-text);font-size:20px;font-weight:800;cursor:pointer;line-height:1}.cr-step button[data-minus]{background:color-mix(in srgb,var(--cr-ink) 12%,transparent);color:var(--cr-ink)}.cr-step button:active{transform:scale(.92)}
.cr-step output{min-width:26px;text-align:center;font-family:var(--cr-heading-font);font-size:22px}
.cr-free{display:grid;gap:6px}.cr-free i{display:block;height:7px;border-radius:99px;background:var(--cr-line);overflow:hidden}
.cr-free i span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cr-secondary),var(--cr-primary));border-radius:99px;transition:width .35s}
.cr-free small{font-weight:700;font-size:12.5px;color:var(--cr-muted)}.cr-free.hit small{color:var(--cr-primary)}
.cr-total{display:flex;justify-content:space-between;align-items:baseline}.cr-total span{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--cr-muted)}.cr-total b{font-family:var(--cr-heading-font);font-weight:400;font-size:36px}
.cr-field{display:grid;gap:6px;margin:0;border:0;padding:0;min-width:0}.cr-field>span,.cr-field legend{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cr-muted);padding:0;margin-bottom:6px}
.cr-order input[type=text]{width:100%;font:inherit;font-size:15px;color:var(--cr-ink);background:var(--cr-bg);border:1.5px solid var(--cr-line);border-radius:var(--cr-radius);padding:11px 14px;outline:0;transition:border-color .2s}.cr-order input[type=text]:focus{border-color:var(--cr-primary)}
.cr-choice>div{display:flex;gap:8px;flex-wrap:wrap}.cr-choice label{flex:1;cursor:pointer}.cr-choice input{position:absolute;opacity:0;pointer-events:none}
.cr-choice label span{display:block;text-align:center;font-size:13px;font-weight:700;padding:10px 12px;border-radius:var(--cr-radius);border:1.5px solid var(--cr-line);transition:all .2s}.cr-choice input:checked+span{border-color:var(--cr-primary);color:var(--cr-primary);background:color-mix(in srgb,var(--cr-primary) 8%,transparent)}.cr-choice input:focus-visible+span{outline:2px solid var(--cr-primary)}
.cr-order-catalog{text-align:center;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--cr-primary)}.cr-order-catalog:hover{text-decoration:underline}
.cr-note{color:var(--cr-muted);font-size:12px;text-align:center;margin:0}
.cr-order:not(.has-qty) [data-send]{opacity:.75}

/* faixa animada */
.cr-ticker{background:var(--cr-ticker-bg);color:var(--cr-ticker-text);overflow:hidden;padding:16px 0;transform:skewY(-1.5deg);margin:10px 0}
.cr-ticker-track{display:flex;width:max-content;animation:cr-marquee 32s linear infinite}
.cr-ticker-track>span{display:flex;align-items:center;gap:28px;padding-right:28px}.cr-ticker b{font-family:var(--cr-heading-font);font-weight:400;font-size:28px;letter-spacing:.04em;white-space:nowrap}.cr-ticker i{font-style:normal;font-size:18px}
@keyframes cr-marquee{to{transform:translateX(-50%)}}

/* objetivos */
.cr-lines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.cr-line{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--cr-surface);border:1px solid var(--cr-line);border-radius:var(--cr-radius);padding:28px 24px 24px;overflow:hidden;transition:transform .25s,border-color .25s,background .25s}
.cr-line:hover{transform:translateY(-6px);border-color:var(--cr-primary)}
.cr-line-n{position:absolute;top:10px;right:16px;font-family:var(--cr-heading-font);font-size:58px;line-height:1;color:color-mix(in srgb,var(--cr-ink) 7%,transparent)}
.cr-line-icon{width:52px;height:52px;border-radius:var(--cr-radius);background:color-mix(in srgb,var(--cr-primary) 14%,transparent);color:var(--cr-primary);display:grid;place-items:center}.cr-line-icon svg{width:26px;height:26px}
.cr-line h3{font-size:28px;margin-top:8px}.cr-line p{margin:0;color:var(--cr-muted);font-size:14.5px;flex:1}
.cr-line small{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cr-primary)}.cr-line small svg{width:14px;height:14px;transition:transform .2s}.cr-line:hover small svg{transform:translateX(4px)}

/* vitrine */
.cr-products-section{background:var(--cr-surface)}
.cr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.cr-tabs button{font:inherit;font-weight:800;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;background:transparent;border:1.5px solid var(--cr-line);color:var(--cr-ink);border-radius:999px;padding:10px 20px;cursor:pointer;transition:all .2s}.cr-tabs button:hover{border-color:var(--cr-primary)}.cr-tabs button.is-active{background:var(--cr-primary);border-color:var(--cr-primary);color:var(--cr-btn-text)}
.cr-products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cr-product{display:flex;flex-direction:column;background:var(--cr-card);border:1px solid var(--cr-line);border-radius:var(--cr-radius);overflow:hidden;transition:transform .25s,border-color .25s;animation:cr-fade .35s ease}.cr-product:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cr-primary) 60%,transparent)}.cr-product.is-hidden{display:none}
@keyframes cr-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cr-product-photo{position:relative;aspect-ratio:1;background:color-mix(in srgb,var(--cr-ink) 6%,transparent);display:grid;place-items:center;overflow:hidden}.cr-product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cr-product:hover .cr-product-photo img{transform:scale(1.05)}
.cr-product-initial{font-family:var(--cr-heading-font);font-size:64px;color:var(--cr-primary)}
.cr-tag{position:absolute;top:12px;left:12px;z-index:1;background:var(--cr-secondary);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
.cr-product-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.cr-product-body small{color:var(--cr-primary);font-weight:800;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}
.cr-product-body h3{font-family:var(--body-font);text-transform:none;font-weight:700;font-size:16.5px;line-height:1.3;letter-spacing:0}.cr-product-body h3 a:hover{color:var(--cr-primary)}
.cr-product-body p{margin:0;font-size:13px;color:var(--cr-muted);line-height:1.45}
.cr-price{display:flex;align-items:baseline;gap:10px;margin-top:auto;padding-top:8px}.cr-price b{font-family:var(--cr-heading-font);font-weight:400;font-size:28px;color:var(--cr-ink);line-height:1}.cr-price s{color:var(--cr-muted);font-size:13px}
.cr-price--lg{margin:14px 0 6px}.cr-price--lg b{font-size:46px;color:var(--cr-primary)}
.cr-product-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.cr-link{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cr-muted)}.cr-link:hover{color:var(--cr-primary)}

/* destaque */
.cr-featured-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.cr-featured-media{position:relative}.cr-featured-media img{width:100%;aspect-ratio:10/11;object-fit:cover;border-radius:var(--cr-radius);box-shadow:24px 24px 0 -2px color-mix(in srgb,var(--cr-primary) 85%,transparent)}
.cr-featured-badge{position:absolute;top:18px;left:-12px;z-index:1;background:var(--cr-secondary);color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:9px 18px;border-radius:var(--cr-radius)}
.cr-featured-copy h2{margin-bottom:12px}.cr-featured-copy>p{color:var(--cr-muted);font-size:17px}
.cr-specs{list-style:none;padding:0;margin:20px 0;display:grid;gap:14px}
.cr-specs li{display:flex;gap:14px;align-items:center}.cr-specs span{width:46px;height:46px;border-radius:var(--cr-radius);background:var(--cr-surface);border:1px solid var(--cr-line);color:var(--cr-primary);display:grid;place-items:center;flex:none}.cr-specs svg{width:22px;height:22px}
.cr-specs b{display:block;font-size:16px}.cr-specs small{display:block;font-size:13.5px;color:var(--cr-muted)}
.cr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.cr-chips span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--cr-line);border-radius:999px;padding:7px 14px}

/* combos */
.cr-kits{background:var(--cr-surface)}
.cr-kits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.cr-kit{position:relative;background:var(--cr-card);border:1px solid var(--cr-line);border-radius:var(--cr-radius);padding:36px 28px 28px;display:flex;flex-direction:column}
.cr-kit:has(.cr-kit-tag){border:2px solid var(--cr-primary);transform:translateY(-12px);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--cr-primary) 50%,transparent)}
.cr-kit-tag{position:absolute;top:-13px;left:26px;background:var(--cr-primary);color:var(--cr-btn-text);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 14px;border-radius:999px}
.cr-kit h3{font-size:34px}.cr-kit .cr-price--lg{margin:12px 0 18px}
.cr-kit ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px;flex:1;align-content:start}.cr-kit li{display:flex;gap:10px;font-size:15px}.cr-kit li svg{width:19px;height:19px;color:var(--cr-primary);flex:none;margin-top:3px}

/* treino / consultoria (bloco claro, como o "sobre mim" do personal) */
.cr-rep{background:var(--cr-light-bg);color:var(--cr-light-text)}
.cr-rep .cr-eyebrow{color:var(--cr-light-text)}.cr-rep h2 em{color:var(--cr-light-text);-webkit-text-stroke:0;background:linear-gradient(transparent 62%,var(--cr-primary) 62%);display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}.cr-rep h2 em::before{content:"\A";white-space:pre}
.cr-rep-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.cr-rep-media{position:relative}.cr-rep-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--cr-radius)}
.cr-badge{position:absolute;right:-14px;bottom:-18px;background:var(--cr-secondary);color:#fff;border-radius:var(--cr-radius);padding:16px 22px;text-align:left}.cr-badge b{display:block;font-family:var(--cr-heading-font);font-weight:400;font-size:40px;line-height:1}.cr-badge span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.cr-rep-copy h2{margin-bottom:18px;line-height:1.08}.cr-rep-copy p{color:color-mix(in srgb,var(--cr-light-text) 72%,transparent);font-size:16.5px}
.cr-points{list-style:none;padding:0;margin:22px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.cr-points li{display:flex;gap:10px;font-weight:700;font-size:14.5px}.cr-points svg{width:20px;height:20px;flex:none;margin-top:2px;color:var(--cr-light-text);background:var(--cr-primary);border-radius:50%;padding:3px}

/* como comprar */
.cr-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--cr-line);border-radius:var(--cr-radius);overflow:hidden}
.cr-steps li{padding:32px 26px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--cr-line)}.cr-steps li:last-child{border-right:0}
.cr-step-n{font-family:var(--cr-heading-font);font-size:54px;line-height:1;color:var(--cr-primary)}
.cr-steps h3{font-size:28px}.cr-steps p{margin:0;font-size:14.5px;color:var(--cr-muted)}

/* galeria */
.cr-gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:240px 240px;gap:14px}
.cr-shot{position:relative;margin:0;border-radius:var(--cr-radius);overflow:hidden;cursor:zoom-in;background:var(--cr-surface)}.cr-shot:first-child{grid-row:span 2}.cr-shot:nth-child(4){grid-column:span 2}
.cr-shot img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s;filter:grayscale(.35)}.cr-shot:hover img{transform:scale(1.05);filter:none}
.cr-shot figcaption{position:absolute;left:14px;bottom:14px;background:var(--cr-bg);color:var(--cr-ink);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.cr-lightbox{position:fixed;inset:0;z-index:200;background:rgba(5,6,7,.95);display:flex;align-items:center;justify-content:center;padding:24px}.cr-lightbox[hidden]{display:none}
.cr-lightbox figure{margin:0;max-width:min(1100px,88vw);text-align:center}.cr-lightbox img{max-height:82vh;width:auto;margin:0 auto;border-radius:var(--cr-radius)}.cr-lightbox figcaption{color:#fff;margin-top:12px;font-size:14px}
.cr-lb-close,.cr-lb-nav{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;width:46px;height:46px;border-radius:50%;font-size:26px;cursor:pointer}.cr-lb-close{top:20px;right:20px}.cr-lb-prev{left:20px;top:50%}.cr-lb-next{right:20px;top:50%}

/* embed */
.cr-embed-section{padding:60px 0}.cr-embed{border-radius:var(--cr-radius);overflow:hidden;border:1px solid var(--cr-line);background:#fff}.cr-embed iframe{width:100%;height:680px;border:0;display:block}

/* faixa do catálogo completo */
.cr-catalog-band{padding:0;margin:20px 0}
.cr-catalog-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;background:var(--cr-primary);color:var(--cr-btn-text);border-radius:calc(var(--cr-radius) + 6px);padding:44px 48px}
.cr-catalog-in .cr-eyebrow{color:var(--cr-btn-text)}.cr-catalog-in h2{font-size:clamp(34px,4vw,52px)}.cr-catalog-in p{margin:10px 0 0;max-width:560px;opacity:.8}
.cr-catalog-in .cr-btn--dark{background:var(--cr-btn-text);color:var(--cr-primary)}

/* depoimentos */
.cr-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cr-quote{background:var(--cr-surface);border:1px solid var(--cr-line);border-left:4px solid var(--cr-primary);border-radius:var(--cr-radius);padding:28px 26px;display:flex;flex-direction:column;gap:14px}.cr-stars{color:var(--cr-secondary);letter-spacing:.14em;font-size:15px}.cr-quote p{margin:0;font-size:15.5px;flex:1}
.cr-quote footer{display:flex;align-items:center;gap:12px}.cr-avatar{width:42px;height:42px;border-radius:50%;background:var(--cr-primary);color:var(--cr-btn-text);display:grid;place-items:center;font-weight:800}.cr-quote footer b{display:block;line-height:1.2}.cr-quote footer small{color:var(--cr-muted)}

/* faq */
.cr-faq{background:var(--cr-surface)}.cr-faq-list{max-width:860px;margin:0 auto;display:grid;gap:10px}
.cr-faq-item{background:var(--cr-card);border:1px solid var(--cr-line);border-radius:var(--cr-radius);overflow:hidden}
.cr-faq-item button{all:unset;box-sizing:border-box;width:100%;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 24px;cursor:pointer;font-weight:700;font-size:16.5px}.cr-faq-item button:focus-visible{outline:2px solid var(--cr-primary)}
.cr-faq-item button b{flex:none;width:30px;height:30px;border-radius:calc(var(--cr-radius) - 6px);background:color-mix(in srgb,var(--cr-primary) 14%,transparent);display:grid;place-items:center;color:var(--cr-primary);font-size:20px}
.cr-faq-item>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}.cr-faq-item.active>div{grid-template-rows:1fr}.cr-faq-item>div p{overflow:hidden;margin:0;padding:0 24px;color:var(--cr-muted)}.cr-faq-item.active>div p{padding-bottom:22px}

/* contato */
.cr-contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.cr-contact-card{background:var(--cr-surface);border:1px solid var(--cr-line);border-radius:calc(var(--cr-radius) + 6px);padding:44px}.cr-contact-card h2{font-size:clamp(36px,4.2vw,54px);margin-bottom:12px}.cr-contact-card>p{color:var(--cr-muted);font-size:17px}
.cr-contact-rows{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 30px}.cr-contact-rows>*{display:block}.cr-contact-rows span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cr-primary);font-weight:800}.cr-contact-rows b{font-weight:600;font-size:15px}
.cr-map{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:var(--cr-primary);color:var(--cr-btn-text);border-radius:calc(var(--cr-radius) + 6px);padding:36px;min-height:280px;transition:transform .2s}.cr-map:hover{transform:translateY(-4px)}
.cr-map-pin{width:68px;height:68px;border-radius:50%;background:color-mix(in srgb,var(--cr-btn-text) 12%,transparent);display:grid;place-items:center}.cr-map-pin svg{width:30px;height:30px}.cr-map strong{font-family:var(--cr-heading-font);font-weight:400;font-size:34px;text-transform:uppercase}

/* rodapé */
.cr-footer{background:var(--cr-footer-bg);color:var(--cr-footer-text);padding-top:70px}
.cr-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:44px;padding-bottom:50px}
.cr-footer h4{color:var(--cr-footer-title);font-size:22px;margin-bottom:16px}.cr-footer a,.cr-footer p{display:block;font-size:14.5px;margin:0 0 9px;color:inherit}.cr-footer a:hover{color:var(--cr-primary)}
.cr-brand--light strong{color:var(--cr-footer-title)}.cr-brand--light small{color:var(--cr-footer-text)}.cr-footer .cr-brand{margin-bottom:16px}
.cr-footer-bottom{border-top:1px solid var(--cr-footer-line);font-size:12.5px}.cr-footer-bottom-in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0}
.cr-whatsapp{position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--cr-wa-bg);color:var(--cr-wa-icon);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.6)}.cr-whatsapp svg{width:30px;height:30px}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.no-animations .reveal{opacity:1;transform:none;transition:none}.no-animations *{animation:none!important}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}*{animation:none!important}}

@media (max-width:1080px){
 .cr-nav{display:none}.cr-menu-toggle{display:flex}
 .cr-drawer{display:none;flex-direction:column;gap:2px;padding:10px 20px 20px;border-top:1px solid var(--cr-line);background:var(--cr-header-bg)}.cr-drawer.open{display:flex}.cr-drawer a:not(.cr-btn){padding:12px 4px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:14px;border-bottom:1px solid var(--cr-line)}.cr-drawer .cr-btn{margin-top:12px}
 .cr-hero-in{grid-template-columns:1fr;gap:40px}.cr-order{max-width:560px}
 .cr-lines-grid{grid-template-columns:1fr 1fr}.cr-products{grid-template-columns:repeat(3,1fr)}
 .cr-featured-grid,.cr-rep-grid,.cr-contact-grid{grid-template-columns:1fr}.cr-featured-grid,.cr-rep-grid{gap:48px}
 .cr-kits-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.cr-kit:has(.cr-kit-tag){transform:none}
 .cr-steps{grid-template-columns:1fr 1fr}.cr-steps li:nth-child(2){border-right:0}.cr-steps li:nth-child(-n+2){border-bottom:1px solid var(--cr-line)}
 .cr-quotes{grid-template-columns:1fr}.cr-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
 .cr-shell{width:calc(100% - 32px)}.cr-section{padding:64px 0}.cr-hero{padding:44px 0 56px}.cr-hero-copy h1{font-size:clamp(46px,13vw,64px)}.cr-hero-copy>p{font-size:16px}
 .cr-hero-stats{gap:20px}.cr-hero-stats b{font-size:32px}.cr-hero-stats span{font-size:12px}
 .cr-order{padding:20px 14px 18px}.cr-opt{padding:8px;gap:10px}.cr-opt-thumb{width:46px;height:46px}.cr-opt-info b{font-size:13.5px}
 .cr-lines-grid,.cr-points,.cr-contact-rows,.cr-footer-grid,.cr-steps{grid-template-columns:1fr}.cr-steps li{border-right:0;border-bottom:1px solid var(--cr-line)}.cr-steps li:last-child{border-bottom:0}
 .cr-products{grid-template-columns:1fr 1fr;gap:12px}.cr-product-body{padding:12px 12px 14px}.cr-product-body h3{font-size:14.5px}.cr-product-body p{display:none}.cr-price b{font-size:22px}.cr-product-actions{flex-direction:column;align-items:stretch}.cr-product-actions .cr-link{text-align:center}
 .cr-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:160px}.cr-shot:first-child{grid-row:auto;grid-column:span 2}.cr-shot:nth-child(4){grid-column:auto}
 .cr-catalog-in{padding:32px 24px}.cr-contact-card{padding:28px 22px}.cr-badge{right:10px;bottom:-14px}.cr-featured-badge{left:10px}.cr-featured-media img{box-shadow:12px 12px 0 -2px color-mix(in srgb,var(--cr-primary) 85%,transparent)}
 .cr-ticker b{font-size:22px}.cr-embed iframe{height:560px}
}
.cr-body .rp-cart-fab{bottom:92px}

/* header — immersive (pílula de vidro + menu lateral) */
/* header — immersive */
.cr-header--immersive{position:fixed;top:14px;left:0;right:0;pointer-events:none}
.cr-pill{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 10px 9px 22px;border-radius:999px;background:rgba(12,12,12,.55);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px -24px rgba(0,0,0,.8)}
.cr-pill-actions{display:flex;align-items:center;gap:10px}
.cr-oc-toggle,.cr-oc-close{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.cr-oc-toggle span,.cr-oc-close span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:transform .25s}
.cr-oc-close{position:relative}.cr-oc-close span{position:absolute}.cr-oc-close span:first-child{transform:rotate(45deg)}.cr-oc-close span:last-child{transform:rotate(-45deg)}
.cr-oc-overlay{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .3s}.cr-oc-overlay.open{opacity:1;pointer-events:auto}
.cr-oc{position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(420px,90vw);background:var(--cr-surface);border-left:1px solid var(--cr-line);padding:22px 28px 28px;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .4s cubic-bezier(.2,.8,.2,1);overflow-y:auto}.cr-oc.open{transform:none}
.cr-oc-top{display:flex;justify-content:space-between;align-items:center;font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cr-muted)}
.cr-oc-nav{display:grid;margin:28px 0}.cr-oc-nav a{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--cr-line);font-family:var(--cr-heading-font);font-size:26px;font-weight:600;letter-spacing:-.02em;transition:color .2s,padding .2s}
.cr-oc-nav a:hover{color:var(--cr-primary);padding-left:8px}.cr-oc-nav em{font-style:normal;font-family:ui-monospace,monospace;font-size:12px;color:var(--cr-primary)}.cr-oc-nav span{flex:1}.cr-oc-nav i{font-style:normal;color:var(--cr-muted)}
.cr-oc-foot{margin-top:auto;display:grid;gap:16px}.cr-oc-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;color:var(--cr-muted)}

.cr-oc-nav a:hover{color:var(--cr-primary)}
.cr-header--immersive{border-bottom:0;background:transparent;backdrop-filter:none}
.cr-header--immersive .cr-brand strong{font-size:26px;color:#fff}
.cr-pill{background:rgba(14,13,13,.55)}
.cr-oc{background:var(--cr-surface)}
/* hero — immersive: tela cheia com Ken Burns; o card de pedido continua ao lado do texto */
.cr-body--immersive .cr-hero{min-height:100vh;display:flex;align-items:center;padding:130px 0 70px}
.cr-body--immersive .cr-hero-in{width:min(1220px,calc(100% - 40px))}
.cr-body--immersive .cr-hero-bg img{animation:cr-kb 22s ease-in-out infinite alternate}
@keyframes cr-kb{from{transform:scale(1)}to{transform:scale(1.08)}}
.cr-body--immersive .cr-hero-bg::after{background:linear-gradient(90deg,color-mix(in srgb,var(--cr-hero-overlay) 88%,transparent) 0,color-mix(in srgb,var(--cr-hero-overlay) 55%,transparent) 55%,color-mix(in srgb,var(--cr-hero-overlay) 35%,transparent) 100%),linear-gradient(0deg,var(--cr-bg) 0,transparent 22%)}
/* acabamento moderno */
.cr-body h1 em{background:linear-gradient(100deg,var(--cr-primary),var(--cr-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}
.cr-product,.cr-kit,.cr-line{transition:transform .25s,border-color .25s,box-shadow .25s}
.cr-product:hover,.cr-kit:hover,.cr-line:hover{box-shadow:0 26px 50px -30px color-mix(in srgb,var(--cr-primary) 55%,transparent)}
@media (max-width:640px){.cr-body--immersive .cr-hero{padding:112px 0 48px}.cr-pill{padding-left:16px}.cr-pill .cr-btn--sm{display:none}}
@media (max-width:1080px){.cr-header--immersive .cr-nav{display:none}}

/* Slider do topo ligado (bloco hero_slider): o hero perde fundo e texto; fica só o pedido rápido, centrado, logo abaixo do slider. */
.cr-hero--solo,.cr-body--immersive .cr-hero--solo{min-height:0;padding:56px 0}
.cr-hero--solo .cr-hero-in{grid-template-columns:minmax(0,560px);justify-content:center}
.cr-body--immersive .ls-hs-copy{padding-top:120px}
.cr-opt>.cr-btn--sm{flex:none;white-space:nowrap}
