/* ==========================================================================
   Ritmo — tema CheckSale (moda contemporânea, botões em pílula). Código próprio.
   Base compartilhada com o Maison + camada "RITMO" no fim do arquivo.
   Cores e fontes vêm das CSS vars do layout (editáveis no painel).
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-base);font-weight:var(--font-base-weight);font-size:var(--font-base-size);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:1px solid currentColor;outline-offset:3px}
[hidden]{display:none!important}
.skip{position:absolute;left:-9999px;top:8px;z-index:300;background:#000;color:#fff;padding:10px 16px}.skip:focus{left:8px}
.wrap{width:100%;max-width:var(--site-max-width);margin-inline:auto;padding-inline:clamp(20px,3.4vw,48px)}
.wrap--narrow{max-width:860px}
.icon{width:20px;height:20px;flex:none}

/* tipografia */
.h0,.h1,.h2,.h3,.h4,h1,h2,h3{font-family:var(--font-headline);font-weight:var(--font-headline-weight);color:inherit;text-transform:var(--headings-transform);letter-spacing:var(--headings-tracking);line-height:1.2;margin:0}
.h0{font-size:clamp(30px,4vw,56px)}
.h1{font-size:clamp(26px,3vw,40px)}
.h2{font-size:clamp(22px,2.3vw,32px)}
.h3{font-size:clamp(17px,1.5vw,22px)}
.h4{font-size:13px;letter-spacing:.2em}
.sub{display:block;font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px}
.rte p{margin:0 0 1em}.rte p:last-child{margin:0}
.rte a,.link{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.muted{color:var(--color-body-text-light)}
.empty{color:var(--color-body-text-light);padding:24px 0}
.ph{width:100%;height:100%;background:var(--color-background-soft)}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 32px;border-radius:var(--radius-btn);font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase;border:1px solid transparent;position:relative;overflow:hidden;isolation:isolate;white-space:nowrap;transition:color .4s,background .4s,border-color .4s}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;transition:opacity .35s}
.btn:hover::after{opacity:.08}
.btn--dark,.btn--solid{background:var(--color-action-background);color:var(--color-action-text)}
.btn--light{background:#fff;color:#1c1c1c}
.btn--outline{border-color:currentColor;background:transparent}
.btn--block{width:100%}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.slide__content .btn-row,.pos-centro .btn-row,.rich .btn-row{justify-content:center}

/* ── Animações (efeitos próprios: subir, revelar imagem, máscara de título) ── */
.js .has-reveal [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.25,.6,.3,1) var(--d,0s),transform .9s cubic-bezier(.25,.6,.3,1) var(--d,0s)}
.js .has-reveal [data-reveal].is-in{opacity:1;transform:none}
.js .has-reveal [data-reveal-img] img{transform:scale(1.2);opacity:0;transition:transform 1.6s cubic-bezier(.2,.6,.2,1),opacity 1s ease}
.js .has-reveal [data-reveal-img].is-in img{transform:scale(1);opacity:1}
.mask{display:block;overflow:hidden;padding-bottom:.08em}
.mask>span{display:inline-block;transform:translateY(105%);transition:transform 1s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.no-js .mask>span,body:not(.has-reveal) .mask>span,.is-on .mask>span,.is-in .mask>span{transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js .has-reveal [data-reveal],.js .has-reveal [data-reveal-img] img{opacity:1;transform:none}.mask>span{transform:none}}

/* seções */
.section{padding-block:clamp(56px,7vw,100px)}
.section--tight{padding-block:clamp(36px,4vw,60px)}
.section--flush{padding-block:0}
.section-head{text-align:center;margin-bottom:clamp(30px,4vw,56px)}
.section-foot{text-align:center;margin-top:clamp(32px,4vw,56px)}
.bg-soft{background:var(--color-background-soft)}

/* ── Barra de avisos ── */
.announce{background:var(--ab-bg);color:var(--ab-fg);font-family:var(--font-headline);font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.announce__in{display:flex;align-items:center;justify-content:center;gap:28px;min-height:46px}
.announce__msgs{display:grid;flex:0 1 auto;text-align:center}
.announce__msg{grid-area:1/1;margin:0;opacity:0;transition:opacity .6s;pointer-events:none}
.announce__msg.is-on{opacity:1;pointer-events:auto}
.announce__msg a{text-decoration:underline;text-underline-offset:5px}
.cd{display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}
.cd__i{display:grid;justify-items:center;line-height:1.15}
.cd__i b{font-weight:600;font-size:13px}
.cd__i small{font-size:9px;letter-spacing:.2em}
.cd__sep{opacity:.6}

/* ── Cabeçalho ── */
.section-header{position:sticky;top:0;z-index:60}
.header{background:var(--color-header-background);color:var(--color-header-text);border-bottom:1px solid rgba(0,0,0,.08);transition:background .4s,color .4s,border-color .4s}
.header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;gap:24px}
.header__left,.header__right{display:flex;align-items:center;gap:4px}
.header__right{justify-content:flex-end}
.header__logo{display:block;text-align:center}
.header__logo img{width:var(--logo-w,150px);max-height:60px;object-fit:contain;transition:filter .4s}
.header__wordmark{font-family:var(--font-logo);font-weight:var(--font-logo-weight);font-size:clamp(24px,2.3vw,32px);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;line-height:1}
.header__icon{width:42px;height:42px;display:grid;place-items:center;position:relative;color:inherit}
.header__icon .icon{width:21px;height:21px}
.header__cart .shopify-section{display:contents}
.header__burger{display:none}
.nav__list{display:flex;gap:4px 38px;list-style:none;margin:0;padding:0}
.nav__link{font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase;display:inline-block;padding:28px 0;position:relative}
.nav__link::after{content:"";position:absolute;left:0;right:0;bottom:24px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.nav__item:hover .nav__link::after{transform:scaleX(1);transform-origin:left}
.nav__sub{position:absolute;left:0;right:0;top:100%;background:var(--color-header-background);color:var(--color-header-text);border-top:1px solid rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .3s,visibility .3s;box-shadow:0 30px 40px -30px rgba(0,0,0,.15)}
.nav__item.has-sub:hover .nav__sub,.nav__item.has-sub:focus-within .nav__sub{opacity:1;visibility:visible;transform:none}
.nav__sub-grid{display:flex;gap:70px;list-style:none;padding-block:40px 48px;margin:0}
.nav__sub-grid ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.nav__sub-grid ul a{font-size:14px;color:var(--color-body-text-light);transition:color .2s}
.nav__sub-grid ul a:hover{color:var(--color-header-text)}
.nav__sub-title{font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.header--transparent{position:absolute;left:0;right:0;background:transparent;border-color:transparent;color:#fff}
.header--transparent .header__logo img{filter:brightness(0) invert(1)}
.header--transparent.is-solid,.header--transparent:hover,.header--transparent.is-open{background:var(--color-header-background);color:var(--color-header-text);border-color:rgba(0,0,0,.08)}
.header--transparent.is-solid .header__logo img,.header--transparent:hover .header__logo img,.header--transparent.is-open .header__logo img{filter:none}
.section-header:has(.header--transparent){position:absolute;top:auto;left:0;right:0}
.section-header.is-fixed{position:fixed;top:0;left:0;right:0}
.bubble{position:absolute;top:9px;right:7px;width:8px;height:8px;border-radius:50%;background:currentColor;font-size:0}
.bubble.is-empty{display:none}
.search{border-top:1px solid rgba(0,0,0,.08);background:var(--color-header-background);color:var(--color-header-text)}
.search__row{display:flex;align-items:center;gap:14px;min-height:70px}
.search__input{flex:1;border:0;background:none;outline:none;font-size:18px;padding:10px 0}
.search--page{border:0;background:none;margin-top:22px}
.search--page .search__row{border-bottom:1px solid currentColor;min-height:56px;max-width:600px;margin-inline:auto}

/* gavetas, sobreposição, popup, lightbox */
.overlay{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.4);opacity:0;transition:opacity .4s}
.overlay.is-on{opacity:1}
.drawer{position:fixed;top:0;bottom:0;z-index:100;width:min(460px,94vw);background:var(--color-background);color:var(--color-text);display:flex;flex-direction:column;transition:transform .55s cubic-bezier(.7,0,.2,1),visibility .55s;visibility:hidden}
.drawer--right{right:0;transform:translateX(100%)}
.drawer--left{left:0;transform:translateX(-100%)}
.drawer.is-open{transform:none;visibility:visible}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 14px 32px;border-bottom:1px solid var(--color-border);min-height:76px}
.drawer__title{font-family:var(--font-headline);font-size:18px;letter-spacing:.14em;text-transform:uppercase}
.drawer__body{flex:1;overflow:auto;padding:0 32px 28px}
.drawer__foot{border-top:1px solid var(--color-border);padding:20px 32px 26px;display:grid;gap:14px}
.drawer__empty{display:grid;place-content:center;justify-items:center;gap:22px;text-align:center}
.drawer__link{text-align:center;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.drawer__extras{display:grid;gap:0;border-top:1px solid var(--color-border);margin-top:4px}
.drawer__extras details{border-bottom:1px solid var(--color-border)}
.drawer__extras summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;cursor:pointer;list-style:none;font-size:14px}
.drawer__extras summary::-webkit-details-marker{display:none}
.drawer__extras textarea{width:100%;min-height:80px;border:1px solid var(--color-border);background:transparent;padding:10px;margin-bottom:16px;resize:vertical}
.mnav{padding-top:10px}
.mnav__item{display:block;border-bottom:1px solid var(--color-border)}
.mnav__link,.mnav__item summary{display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-family:var(--font-headline);font-size:14px;letter-spacing:.18em;text-transform:uppercase;list-style:none;cursor:pointer}
.mnav__item summary::-webkit-details-marker{display:none}
.mnav__item summary .icon{transition:transform .3s}
.mnav__item[open] summary .icon{transform:rotate(180deg)}
.mnav__item ul{list-style:none;margin:0;padding:0 0 16px;display:grid;gap:10px}
.mnav__item ul a{color:var(--color-body-text-light)}
.popup{position:fixed;right:clamp(12px,2vw,32px);bottom:clamp(12px,2vw,32px);z-index:95;width:min(400px,calc(100vw - 24px));background:var(--pp-bg,#1c1c1c);color:var(--pp-fg,#fff);padding:44px 34px 34px;text-align:center;transform:translateY(30px);opacity:0;visibility:hidden;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1),visibility .6s}
.popup.is-on{opacity:1;transform:none;visibility:visible}
.popup__close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:grid;place-items:center}
.popup .h3{margin-bottom:14px}
.popup p{margin:0 0 24px;font-size:14px;opacity:.85}
.popup .news{flex-direction:column}
.popup .news input{border-color:rgba(255,255,255,.3);color:inherit}
.popup .btn{background:#fff;color:#1c1c1c}
.lightbox{position:fixed;inset:0;z-index:200;background:var(--color-background);display:grid;place-items:center;cursor:zoom-out}
.lightbox img{max-width:96vw;max-height:94vh;object-fit:contain}
.lightbox__close{position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.demo-badge{position:fixed;left:16px;bottom:16px;z-index:80;background:#1c1c1c;color:#fff;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;opacity:.92}

/* ── Slideshow ── */
.slideshow{position:relative;overflow:hidden;background:#1c1c1c;color:#fff}
.slideshow--full{height:100svh;min-height:560px}.slideshow--large{height:88svh;min-height:520px}.slideshow--medium{height:66svh;min-height:440px}
.slide{position:absolute;inset:0;visibility:hidden;clip-path:inset(0 0 0 100%);transition:clip-path 1.2s cubic-bezier(.7,0,.2,1),visibility 0s 1.2s}
.slide.is-on{visibility:visible;clip-path:inset(0);z-index:2;transition:clip-path 1.2s cubic-bezier(.7,0,.2,1),visibility 0s}
.slide.is-out{visibility:visible;z-index:1;clip-path:inset(0)}
.slide:only-child{clip-path:none;visibility:visible}
.media-fill,.media-fill img,.media-fill video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media-fill{overflow:hidden}
.slide .media-fill img{transform:scale(1.15);transition:transform 2.4s cubic-bezier(.2,.6,.2,1)}
.slide.is-on .media-fill img{transform:scale(1)}
.veil{position:absolute;inset:0;background:rgba(0,0,0,var(--veil,.2));pointer-events:none}
.slide__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-block:120px 90px;z-index:1}
.slide--esquerda .slide__content{align-items:flex-start;text-align:left;justify-content:flex-end}
.slide--esquerda .btn-row{justify-content:flex-start}
.slide--escuro{color:#1c1c1c}
.slide__title{font-size:clamp(30px,4.2vw,62px);margin-bottom:32px;max-width:16ch}
.slide .sub,.slide .btn-row{opacity:0;transform:translateY(20px);transition:opacity .8s .5s,transform .8s .5s cubic-bezier(.2,.7,.2,1)}
.slide .btn-row{transition-delay:.85s}
.slide .slide__title .mask>span{transition-delay:.6s}
.slide.is-on .sub,.slide.is-on .btn-row{opacity:1;transform:none}
.slideshow__dots{position:absolute;z-index:3;right:clamp(20px,3.4vw,48px);bottom:30px;display:flex;gap:8px}
.slideshow__dots button{width:24px;height:24px;display:grid;place-items:center;position:relative}
.slideshow__dots button::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5;transition:opacity .3s}
.slideshow__dots button.is-on::before{opacity:1}
.slideshow__dots svg{position:absolute;inset:0;width:24px;height:24px;transform:rotate(-90deg);opacity:0}
.slideshow__dots button.is-on svg{opacity:1}
.slideshow__dots circle{fill:none;stroke:currentColor;stroke-width:1.4;stroke-dasharray:69.2;stroke-dashoffset:69.2}
.slideshow__dots button.is-on circle{animation:progresso var(--speed,6s) linear forwards}
.slideshow.is-paused .slideshow__dots button.is-on circle{animation-play-state:paused}
@keyframes progresso{to{stroke-dashoffset:0}}
.scroll-down{position:absolute;z-index:4;left:50%;bottom:-26px;transform:translateX(-50%);width:52px;height:52px;border-radius:50%;background:var(--color-background);color:var(--color-text);display:grid;place-items:center;transition:transform .3s}
.scroll-down .icon{transform:rotate(90deg);width:18px;height:18px}
.scroll-down:hover{transform:translateX(-50%) translateY(3px)}
.shopify-section:has(.slideshow){position:relative;z-index:2}

/* ── Imagem com texto sobreposto ── */
.ovl{position:relative;overflow:hidden;color:#fff;display:flex}
.ovl--small{min-height:clamp(360px,34vw,520px)}.ovl--medium{min-height:clamp(440px,44vw,680px)}.ovl--large{min-height:clamp(520px,56vw,860px)}
.ovl__content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;padding-block:clamp(40px,6vw,80px)}
.ovl--baixo-esquerda .ovl__content{justify-content:flex-end;align-items:flex-start}
.ovl--centro .ovl__content{justify-content:center;align-items:center;text-align:center}
.ovl--esquerda .ovl__content{justify-content:center;align-items:flex-start}
.ovl--escuro{color:#1c1c1c}
.ovl .h1{margin-bottom:26px;max-width:18ch}
.ovl .rte{max-width:46ch;margin:-10px 0 28px}
.ovl--centro .rte{margin-inline:auto}

/* ── Texto ── */
.rich{text-align:center;max-width:820px;margin-inline:auto}
.rich__icon{width:auto;height:var(--ih,110px);margin:0 auto 28px;object-fit:contain}
.rich .h1{margin-bottom:20px}
.rich .rte{margin-bottom:26px}
.rich__links{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.rich__links a{text-decoration:underline;text-underline-offset:6px}

/* ── Abas de coleção / vitrine ── */
.tabs{display:flex;gap:44px;justify-content:center;flex-wrap:wrap}
.tabs button,.tabs span{font-family:var(--font-headline);font-size:clamp(20px,2.3vw,32px);letter-spacing:var(--headings-tracking);text-transform:var(--headings-transform);padding-bottom:6px;position:relative;color:var(--color-body-text-light);transition:color .3s}
.tabs span{color:var(--color-headings-text)}
.tabs button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transition:transform .45s cubic-bezier(.7,0,.2,1)}
.tabs button.is-on{color:var(--color-headings-text)}.tabs button.is-on::after{transform:scaleX(1)}
.tabpanel{display:none}.tabpanel.is-on{display:block;animation:fadeup .7s cubic-bezier(.2,.7,.2,1)}
@keyframes fadeup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* grade de produtos + card */
.grid{display:grid;gap:clamp(40px,4vw,64px) clamp(14px,2vw,30px)}
.grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--list{grid-template-columns:1fr}
.grid--list .card{flex-direction:row;align-items:center;gap:30px}
.grid--list .card__top{flex:0 0 min(260px,40%)}
.grid--list .card__info{justify-items:start;text-align:left}
.card{position:relative;display:flex;flex-direction:column;gap:18px}
.card__badges{position:absolute;top:0;left:0;z-index:2;display:grid;gap:4px}
.card__badge{font-family:var(--font-headline);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text)}
.card__badge--sale{color:var(--color-sale)}
.card__badge--off{color:var(--color-body-text-light)}
.card__media{position:relative;display:block;overflow:hidden}
.card__media--portrait{aspect-ratio:4/5}.card__media--tall{aspect-ratio:2/3}.card__media--square{aspect-ratio:1/1}
.card__img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .6s ease,transform 1.1s cubic-bezier(.2,.6,.2,1)}
.fit-cover .card__img{object-fit:cover}.fit-contain .card__img{object-fit:contain;padding:4%}
.card__img--alt{opacity:0}
@media (hover:hover){.card:hover .card__img--alt{opacity:1}.card:hover .card__img--main.has-alt{opacity:0}}
.card__plus{position:absolute;right:12px;bottom:12px;z-index:2;width:38px;height:38px;border-radius:var(--radius-btn);background:#fff;color:#1c1c1c;display:grid;place-items:center;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.card__plus .icon{width:16px;height:16px}
@media (hover:hover){.card:hover .card__plus{opacity:1;transform:none}}
@media (hover:none){.card__plus{opacity:1;transform:none}}
.card__info{display:grid;gap:4px;justify-items:center;text-align:center}
.card__title{font-family:var(--font-headline);font-size:13px;letter-spacing:.16em;text-transform:uppercase;line-height:1.55}
.card__swatches{display:flex;gap:7px;list-style:none;margin:6px 0 0;padding:0;align-items:center}
.card__more{font-size:11px;color:var(--color-body-text-light)}
.swatch{display:block;width:13px;height:13px;border-radius:50%;background:var(--sw,#ccc);box-shadow:0 0 0 1px rgba(0,0,0,.14);cursor:pointer}
.price{display:inline-flex;gap:10px;align-items:baseline;font-size:14px;letter-spacing:.1em;color:var(--color-body-text-light)}
.price__old{opacity:.75}
.price--sale .price__now{color:var(--color-sale)}

/* ── Grade de mídias (colagem) ── */
.mgrid{display:grid;grid-template-columns:1.9fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(14px,2vw,30px);height:clamp(520px,60vw,900px)}
.mgrid__item{position:relative;overflow:hidden;color:#fff;display:grid;place-items:center;text-align:center}
.mgrid__item:first-child{grid-row:1/3}
.mgrid__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.6,.2,1),opacity 1s ease!important}
@media (hover:hover){.mgrid__item:hover img{transform:scale(1.05)!important}}
.mgrid__item .veil{z-index:0}
.mgrid__label{position:relative;z-index:1;display:grid;gap:14px;justify-items:center}
.mgrid__label .h1{font-size:clamp(20px,2.5vw,36px)}
.mgrid__label .link{font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase}

/* ── Texto rolando (marquee) ── */
.marquee{overflow:hidden;padding-block:clamp(18px,2.4vw,34px)}
.marquee__track{display:flex;width:max-content;animation:rola var(--dur,40s) linear infinite}
.marquee--rev .marquee__track{animation-direction:reverse}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__grp{display:flex;align-items:center;gap:clamp(30px,4vw,64px);padding-right:clamp(30px,4vw,64px)}
.marquee__txt{font-family:var(--font-headline);font-size:clamp(38px,6vw,90px);letter-spacing:.12em;text-transform:uppercase;color:var(--mq-c,#c4c4c4);white-space:nowrap;line-height:1}
.marquee__img{height:clamp(56px,7vw,110px);width:auto;object-fit:contain}
@keyframes rola{to{transform:translateX(-50%)}}

/* ── Vídeo ── */
.video{position:relative;overflow:hidden;color:#fff;min-height:clamp(420px,48vw,760px);display:grid;place-items:center;text-align:center}
.video>img,.video>video,.video>iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.video__content{position:relative;z-index:1;display:grid;justify-items:center;padding:40px}
.video .h1{margin-bottom:30px}
.play{width:84px;height:84px;border-radius:50%;background:#fff;color:#1c1c1c;display:grid;place-items:center;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.play svg{width:22px;height:22px;margin-left:3px}
.play:hover{transform:scale(1.08)}
.video.is-playing .video__content,.video.is-playing .veil,.video.is-playing>img{display:none}

/* ── Compre o look ── */
.look{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,3vw,48px)}
.round{width:50px;height:50px;border-radius:50%;background:#fff;color:#1c1c1c;display:grid;place-items:center;box-shadow:0 4px 18px rgba(0,0,0,.06);transition:transform .3s}
.round:hover{transform:scale(1.06)}
.round .icon{width:18px;height:18px}
.round--prev .icon{transform:rotate(180deg)}
.look__stage{display:grid}
.look__slide{grid-area:1/1;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,90px);align-items:center;opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s}
.look__slide.is-on{opacity:1;visibility:visible}
.look__img{position:relative;aspect-ratio:4/5;overflow:hidden}
.look__img>img{width:100%;height:100%;object-fit:cover}
.hotspot{position:absolute;width:32px;height:32px;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:1}
.hotspot::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,.5);animation:ping 2s cubic-bezier(0,0,.2,1) infinite}
.hotspot span{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.25);transition:transform .3s}
.hotspot.is-on span,.hotspot:hover span{transform:scale(1.4)}
@keyframes ping{75%,100%{transform:scale(2.1);opacity:0}}
.look__prods{display:grid}
.look__prod{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .5s,transform .5s,visibility .5s;max-width:360px;margin-inline:auto;width:100%}
.look__prod.is-on{opacity:1;visibility:visible;transform:none}
.look__prod .card{gap:22px}
.look__prod .btn{margin-top:18px}

/* ── Contagem regressiva ── */
.cdown{position:relative;overflow:hidden;color:#fff;min-height:clamp(440px,40vw,640px);display:flex;align-items:center}
.cdown--escuro{color:#1c1c1c}
.cdown__in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px;width:100%;padding-block:60px}
.cdown__in .h1{max-width:20ch}
.cdown .cd{gap:clamp(18px,3vw,44px)}
.cdown .cd__i b{font-family:var(--font-headline);font-size:clamp(34px,4vw,56px);font-weight:400}
.cdown .cd__i small{font-size:11px;margin-top:8px}
.cdown .cd__sep{font-size:clamp(28px,3vw,40px);opacity:.5}

/* ── Várias mídias com texto (colagem sobreposta) ── */
.mmt{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,6vw,110px);align-items:center}
.mmt--inv .mmt__txt{order:2}
.mmt__txt .h1{margin-bottom:22px}.mmt__txt .rte{margin-bottom:30px;max-width:44ch}
.mmt__media{position:relative;height:clamp(420px,46vw,700px)}
.mmt__media figure{position:absolute;margin:0;overflow:hidden}
.mmt__media figure img{width:100%;height:100%;object-fit:cover}
.mmt__media figure:first-child{left:0;bottom:0;width:50%;height:70%;z-index:2}
.mmt__media figure:last-child{right:0;top:0;width:62%;height:86%}

/* ── Antes e depois ── */
.ba{position:relative;aspect-ratio:16/9;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;--pos:50%;cursor:ew-resize}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba__after{clip-path:inset(0 0 0 var(--pos))}
.ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:1px;background:#fff;z-index:2}
.ba__handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fff;color:#1c1c1c;display:flex;align-items:center;justify-content:center;gap:0;box-shadow:0 4px 18px rgba(0,0,0,.15)}
.ba__handle .icon{width:14px;height:14px}.ba__handle .icon:first-child{transform:rotate(180deg)}
.ba__lbl{position:absolute;z-index:1;bottom:22px;color:#fff;font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.ba__lbl--a{left:22px}.ba__lbl--b{right:22px}

/* ── Imagens com texto em rolagem ── */
.iwts{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,110px)}
.iwts__media{position:sticky;top:120px;height:calc(100svh - 180px);max-height:780px}
.iwts__media figure{position:absolute;inset:0;margin:0;overflow:hidden;opacity:0;transition:opacity .8s,transform 1.2s cubic-bezier(.2,.6,.2,1);transform:scale(1.04)}
.iwts__media figure.is-on{opacity:1;transform:none}
.iwts__media img{width:100%;height:100%;object-fit:cover}
.iwts__step{min-height:clamp(380px,62svh,600px);display:flex;flex-direction:column;justify-content:center;opacity:.25;transition:opacity .6s}
.iwts__step.is-on{opacity:1}
.iwts__step .h1{margin:0 0 20px}
.iwts__step .rte{max-width:44ch}
.iwts__num{font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;margin-bottom:18px;color:var(--color-body-text-light)}
.iwts__mimg{display:none}

/* ── Imagem com caixa de texto ── */
.iwtb{position:relative;min-height:clamp(500px,50vw,760px);display:flex;align-items:center}
.iwtb__box{position:relative;z-index:1;background:var(--color-background);padding:clamp(34px,4vw,64px);max-width:480px;margin-left:clamp(20px,8vw,140px)}
.iwtb--direita .iwtb__box{margin-left:auto;margin-right:clamp(20px,8vw,140px)}
.iwtb__box .h1{margin-bottom:18px}.iwtb__box .rte{margin-bottom:28px}

/* ── Produto em destaque ── */
.fp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(30px,6vw,110px);align-items:center}
.fp__media{aspect-ratio:1;position:relative}
.fp__media img{width:100%;height:100%;object-fit:contain}
.fit-cover .fp__media{aspect-ratio:4/5}.fit-cover .fp__media img{object-fit:cover}
.fp__info{max-width:440px}
.fp__info .link{display:inline-block;margin-top:22px;font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase}

/* ── Depoimentos ── */
.testi{text-align:center;max-width:980px;margin-inline:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}
.testi__stage{display:grid}
.testi__item{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .6s,transform .6s,visibility .6s}
.testi__item.is-on{opacity:1;visibility:visible;transform:none}
.testi__stars{display:flex;justify-content:center;gap:3px;margin-bottom:20px}.testi__stars .icon{width:14px;height:14px}
.testi blockquote{margin:0 0 24px;font-family:var(--font-headline);font-size:clamp(18px,2.1vw,28px);letter-spacing:.04em;line-height:1.55;text-transform:none}
.testi figcaption{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-body-text-light)}
.testi .round{box-shadow:none;border:1px solid var(--color-border);background:transparent;color:inherit}

/* ── Linha do tempo ── */
.tl__nav{display:flex;justify-content:center;gap:clamp(20px,4vw,60px);margin-bottom:clamp(30px,4vw,50px);border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}
.tl__nav::-webkit-scrollbar{display:none}
.tl__nav button{font-family:var(--font-headline);font-size:13px;letter-spacing:.2em;padding:0 0 16px;position:relative;color:var(--color-body-text-light);white-space:nowrap}
.tl__nav button.is-on{color:var(--color-headings-text)}
.tl__nav button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:currentColor;transform:scaleX(0);transition:transform .4s}
.tl__nav button.is-on::after{transform:scaleX(1)}
.tl__stage{display:grid}
.tl__item{grid-area:1/1;display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,5vw,90px);align-items:center;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.tl__item.is-on{opacity:1;visibility:visible}
.tl__item figure{margin:0;aspect-ratio:16/10;overflow:hidden}.tl__item figure img{width:100%;height:100%;object-fit:cover}
.tl__item .h1{margin:0 0 18px}
.tl__year{font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;color:var(--color-body-text-light);margin-bottom:14px;display:block}

/* ── Colunas ── */
.cols{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(24px,3vw,50px)}
.col{display:grid;gap:14px;align-content:start;text-align:center;justify-items:center}
.col__img{width:100%;aspect-ratio:var(--ar,4/5);overflow:hidden}
.col__img img{width:100%;height:100%;object-fit:cover}
.col>.icon{width:34px;height:34px}
.col .h4{margin-top:8px}
.col p{margin:0;color:var(--color-body-text-light);font-size:14px;max-width:36ch}
.col .link{font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.cols--icons{--n:4}
.cols--icons .col{gap:10px}

/* ── Lista de coleções ── */
.clist{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(14px,2vw,30px)}
.clist__item{position:relative;overflow:hidden;aspect-ratio:3/4;color:#fff;display:grid;place-items:end center;padding:30px;text-align:center}
.clist__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.6,.2,1),opacity 1s ease!important}
@media (hover:hover){.clist__item:hover img{transform:scale(1.05)!important}}
.clist__name{position:relative;z-index:1;font-family:var(--font-headline);font-size:clamp(16px,1.6vw,22px);letter-spacing:.2em;text-transform:uppercase}

/* ── Newsletter ── */
.newsl{text-align:center;max-width:620px;margin-inline:auto}
.newsl .h1{margin-bottom:16px}
.newsl>p{margin:0 0 30px}
.news{display:flex;gap:10px}
.news input{flex:1;min-width:0;height:50px;border:1px solid var(--color-border);background:transparent;padding:0 16px;outline:none;border-radius:var(--radius-btn)}
.news input:focus{border-color:currentColor}
.news__ok{margin-top:14px}
.newsl__lgpd{font-size:12px;color:var(--color-body-text-light);margin-top:14px}

/* ── Rodapé ── */
.footer{background:var(--color-footer-background);color:var(--color-footer-text);border-top:1px solid var(--color-border);padding-top:clamp(56px,6vw,90px)}
.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:40px}
.footer__col--newsletter{grid-column:span 2}
.footer__title{font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 20px}
.footer__links{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}
.footer__links a{color:var(--color-body-text-light);transition:color .2s}.footer__links a:hover{color:var(--color-footer-text)}
.footer__text{font-size:14px;color:var(--color-body-text-light);margin:0 0 18px}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(44px,5vw,70px);padding-block:26px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-body-text-light)}
.footer__legal{margin:0}
.social{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.social a{width:36px;height:36px;display:grid;place-items:center}
.social .icon{width:18px;height:18px}
.pay{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pay span{border:1px solid var(--color-border);padding:3px 8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}

/* ── Página de produto ── */
.pdp{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(30px,6vw,110px);padding-block:clamp(24px,3vw,50px) clamp(40px,5vw,80px)}
.pdp__gallery{display:grid;grid-template-columns:64px minmax(0,1fr);gap:clamp(20px,4vw,60px);align-items:start}
.pdp__gallery--single{grid-template-columns:1fr}
.pdp__thumbs{position:sticky;top:120px;display:grid;gap:14px}
.pdp__thumbs button{width:64px;height:64px;padding:4px;border:1px solid transparent;transition:border-color .3s;background:var(--color-background)}
.pdp__thumbs button.is-on{border-color:var(--color-headings-text)}
.pdp__thumbs img{width:100%;height:100%;object-fit:contain}
.fit-cover .pdp__thumbs img{object-fit:cover}
.pdp__track{display:grid;gap:clamp(20px,3vw,40px)}
.pdp__frame{margin:0;aspect-ratio:1;position:relative;cursor:zoom-in;overflow:hidden}
.pdp__frame img{width:100%;height:100%;object-fit:contain}
.fit-cover .pdp__frame{aspect-ratio:4/5}.fit-cover .pdp__frame img{object-fit:cover}
.pdp__zoom{display:none}
.pdp__dots{display:none}
.pdp__info{position:relative}
.pdp__sticky{position:sticky;top:120px;max-width:460px}
.crumbs{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-body-text-light);margin-bottom:18px}
.pdp__title{font-size:clamp(20px,1.9vw,26px);line-height:1.4}
.pdp__price{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 0;padding-bottom:26px;border-bottom:1px solid var(--color-border)}
.pdp__price .price{font-size:17px}
.pdp__stock{font-size:13px;display:flex;align-items:center;gap:8px;color:var(--color-body-text-light)}
.pdp__stock::before{content:"";width:7px;height:7px;border-radius:50%;background:#3d9a5b;box-shadow:0 0 0 3px rgba(61,154,91,.2)}
.opt{border:0;margin:26px 0 0;padding:0}
.opt__label{font-size:14px;color:var(--color-body-text-light);margin-bottom:12px;padding:0}
.opt__label span{color:var(--color-text)}
.opt__values{display:flex;flex-wrap:wrap;gap:10px}
.pill{position:relative}
.pill input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0;z-index:1}
.pill span{display:grid;place-items:center;min-width:52px;height:46px;padding:0 16px;border:1px solid var(--color-border);font-size:14px;transition:border-color .2s,background .2s,color .2s;border-radius:var(--radius-btn)}
.pill:hover span{border-color:var(--color-text)}
.pill input:checked+span{border-color:var(--color-text);background:var(--color-text);color:var(--color-background)}
.pill.is-off span{color:var(--color-body-text-light);text-decoration:line-through}
.chip{position:relative;display:block;width:38px;height:38px;padding:3px;border:1px solid transparent;transition:border-color .2s}
.chip input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0;z-index:1}
.chip i{display:block;width:100%;height:100%;background:var(--sw,#ccc) center/cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.chip:has(input:checked){border-color:var(--color-text)}
.chip.is-off i{opacity:.35}
.chip.is-off::after{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:1px;background:var(--color-text);transform:rotate(45deg)}
.pdp__desc{margin-top:26px;font-size:15px}
.pdp__buy{display:grid;gap:12px;margin-top:30px}
.pdp__buy .row{display:flex;gap:10px}
.pdp__buy .row .btn{flex:1}
.pdp__error{color:var(--color-sale);font-size:13px;margin:6px 0 0}
.qty{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-btn)}
.qty button{width:34px;height:34px;display:grid;place-items:center}
.qty .icon{width:14px;height:14px}
.qty span,.qty input{min-width:30px;text-align:center;font-size:14px}
.qty--lg button{width:42px;height:46px}
.qty--lg input{width:34px;border:0;background:none;-moz-appearance:textfield;appearance:textfield}
.qty--lg input::-webkit-inner-spin-button,.qty--lg input::-webkit-outer-spin-button{-webkit-appearance:none}
.feats{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.feats span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-border);padding:7px 11px;font-size:13px;color:var(--color-body-text-light)}
.feats .icon{width:16px;height:16px}
.acc{margin-top:30px;border-top:1px solid var(--color-border)}
.acc__item{border-bottom:1px solid var(--color-border)}
.acc__item summary{display:flex;justify-content:space-between;align-items:center;padding:18px 0;cursor:pointer;list-style:none;font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.acc__item summary::-webkit-details-marker{display:none}
.acc__item summary .icon{width:14px;height:14px;transition:transform .35s}
.acc__item[open] summary .icon{transform:rotate(45deg)}
.acc__body{padding:0 0 22px;font-size:14px}
.rv:empty,.rv-wrap:has(.rv:empty){display:none}
.quick .pdp__title{font-size:20px}
.quick__img{aspect-ratio:1;margin:18px 0 10px}
.quick__img img{width:100%;height:100%;object-fit:contain}
.quick .link{display:inline-block;margin-top:16px;font-size:13px}

/* ── Coleção ── */
.col-banner{position:relative;overflow:hidden;color:#fff;min-height:clamp(360px,36vw,540px);display:grid;place-items:center;text-align:center}
.col-banner__in{position:relative;z-index:1;max-width:720px;padding:130px 24px 60px}
.col-banner .h1{margin-bottom:16px}
.col-head{text-align:center;padding:clamp(40px,5vw,70px) 24px 34px}
.col-head__desc{max-width:620px;margin:14px auto 0;color:var(--color-body-text-light)}
.col-bar{display:grid;grid-template-columns:auto 1fr auto auto;border-block:1px solid var(--color-border);min-height:58px;position:sticky;top:var(--hh,76px);z-index:20;background:var(--color-background)}
.col-bar>*{display:flex;align-items:center;padding:0 clamp(16px,2vw,30px)}
.col-bar>*+*{border-left:1px solid var(--color-border)}
.col-bar__count{justify-content:center;font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-body-text-light)}
.col-bar__layout{gap:12px}
.col-bar__layout button{opacity:.3;transition:opacity .2s;display:grid}.col-bar__layout button.is-on{opacity:1}
.col-bar__layout svg{width:18px;height:18px}
.col-bar select,.col-bar__filter{font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase;border:0;background:none;cursor:pointer;color:var(--color-text);gap:10px}
.col-bar select{appearance:none;-webkit-appearance:none;padding-right:14px}
.col-grid{padding-block:clamp(40px,5vw,70px)}
.card.is-hidden{display:none}
.filters h4{font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin:26px 0 14px}
.filters label{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:14px;cursor:pointer}
.filters input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-text)}
.filters .sw-row{display:flex;flex-wrap:wrap;gap:10px}
.filters .sw-row label{padding:0}
.filters .sw-row input{position:absolute;opacity:0}
.filters .sw-row .chip{width:32px;height:32px}
.filters .range{display:flex;gap:10px}
.filters .range input{width:100%;height:42px;border:1px solid var(--color-border);background:none;padding:0 10px}
.page{padding-block:clamp(40px,6vw,90px)}
.page .h1{text-align:center;margin-bottom:clamp(24px,3vw,44px)}
.nf{text-align:center}.nf p{margin:16px 0 30px}

/* ── Sacola ── */
.cartp{padding-block:clamp(36px,5vw,72px)}
.cartp .h1{text-align:center;margin-bottom:clamp(28px,4vw,52px)}
.cartp__grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(28px,4vw,64px);align-items:start}
.cartp__sum{border:1px solid var(--color-border);padding:28px;display:grid;gap:14px;position:sticky;top:120px}
.lines{list-style:none;margin:0;padding:0}
.line{display:grid;grid-template-columns:96px 1fr;gap:22px;padding:26px 0;border-bottom:1px solid var(--color-border)}
.line__img{aspect-ratio:1;display:block}
.line__img img{width:100%;height:100%;object-fit:contain}
.fit-cover .line__img{aspect-ratio:4/5}.fit-cover .line__img img{object-fit:cover}
.line__title{font-family:var(--font-headline);font-size:13px;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
.line__price{display:block;margin-top:4px;font-size:14px;letter-spacing:.08em;color:var(--color-body-text-light)}
.line__price s{margin-right:8px;opacity:.7}
.line__variant{margin:4px 0 0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-body-text-light)}
.line__tag{display:inline-block;margin:6px 0 0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--color-border);padding:2px 8px}
.line__row{display:flex;align-items:center;gap:18px;margin-top:14px}
.line__qty-fixed{font-size:13px;color:var(--color-body-text-light)}
.line__remove{font-size:13px;text-decoration:underline;text-underline-offset:4px;color:var(--color-body-text-light)}
.lines.is-busy{opacity:.5;pointer-events:none;transition:opacity .2s}
.bar{padding:18px 0 4px}
.bar__txt{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:13px}
.bar__txt .icon{width:16px;height:16px}
.bar__track{height:3px;background:var(--color-border);overflow:hidden}
.bar__track span{display:block;height:100%;background:var(--color-text);transition:width .8s cubic-bezier(.2,.7,.2,1)}
.upsell{padding:26px 0 6px}
.upsell__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.upsell__head .h4{font-size:12px}
.upsell__nav{display:flex;gap:4px}
.upsell__nav button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:50%}
.upsell__nav .icon{width:12px;height:12px}.upsell__nav button:first-child .icon{transform:rotate(180deg)}
.upsell__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px}
.upsell__track::-webkit-scrollbar{display:none}
.upsell__item{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:84px 1fr;gap:20px;align-items:center;background:var(--color-background-soft);padding:12px}
.upsell__item img{width:84px;height:84px;object-fit:contain}
.upsell__item .line__title{display:block}
.upsell__item button{font-size:12px;margin-top:8px;display:inline-block;text-decoration:underline;text-underline-offset:4px;letter-spacing:.1em;text-transform:uppercase}
.sum__row{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.sum__row b{font-weight:500;font-size:16px}
.sum__note{margin:0;font-size:13px;color:var(--color-body-text-light)}
.btn .dot{opacity:.7}

/* ── Responsivo ── */
@media (max-width:1100px){.grid--5{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1024px){
  .grid--4,.grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nav{display:none}.header__burger{display:grid}
  .header__inner{min-height:64px}
  .cartp__grid{grid-template-columns:1fr}.cartp__sum{position:static}
  .footer__col--newsletter{grid-column:auto}
  .cols--icons{--n:2}
}
@media (max-width:749px){
  body{font-size:max(14px,calc(var(--font-base-size) - 1px))}
  .announce{font-size:10px;letter-spacing:.14em}
  .announce__in{min-height:40px;gap:14px;flex-wrap:wrap;padding-block:6px}
  .announce .cd b{font-size:11px}.announce .cd small{font-size:8px}
  .header__inner{grid-template-columns:44px minmax(0,1fr) auto;gap:6px}
  .header__wordmark{font-size:21px;display:block;overflow:hidden;text-overflow:ellipsis}
  .header__right{gap:0}
  .header__right .header__icon{width:38px}
  .grid--5,.grid--4,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 12px}
  .grid--scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding-inline:20px;scrollbar-width:none}
  .grid--scroll::-webkit-scrollbar{display:none}
  .grid--scroll>.card{flex:0 0 68%;scroll-snap-align:start}
  .grid--list .card{flex-direction:column;align-items:stretch}.grid--list .card__top{flex:none}
  .card__title{font-size:12px;letter-spacing:.12em}
  .tabs{gap:24px}
  .slide__title{margin-bottom:24px}
  .slideshow__dots{right:50%;transform:translateX(50%);bottom:44px}
  .mgrid{grid-template-columns:1fr;grid-template-rows:none;height:auto}
  .mgrid__item{aspect-ratio:4/5}.mgrid__item:first-child{grid-row:auto}
  .look{grid-template-columns:1fr}.look>.round{display:none}
  .look__slide{grid-template-columns:1fr}
  .mmt{grid-template-columns:1fr}.mmt--inv .mmt__txt{order:0}.mmt__media{height:115vw}
  .ba{aspect-ratio:4/5}
  .iwts{grid-template-columns:1fr}.iwts__media{display:none}
  .iwts__mimg{display:block;aspect-ratio:4/5;overflow:hidden;margin-bottom:24px}.iwts__mimg img{width:100%;height:100%;object-fit:cover}
  .iwts__step{min-height:auto;padding:24px 0;opacity:1}
  .iwtb{display:block;min-height:0}.iwtb>.media-fill{position:relative;aspect-ratio:4/5;display:block}
  .iwtb__box{margin:-60px 20px 0!important;max-width:none}
  .fp{grid-template-columns:1fr}
  .testi{grid-template-columns:1fr}.testi .round{display:none}
  .tl__nav{justify-content:flex-start}
  .tl__item{grid-template-columns:1fr}
  .cols,.clist{grid-template-columns:1fr}
  .cols--icons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news{flex-direction:column}
  .pdp{grid-template-columns:1fr;gap:28px;padding-top:0}
  .pdp__gallery{display:block;margin-inline:-20px;position:relative}
  .pdp__thumbs{display:none}
  .pdp__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;scrollbar-width:none}
  .pdp__track::-webkit-scrollbar{display:none}
  .pdp__frame{flex:0 0 100%;scroll-snap-align:start}
  .pdp__zoom{display:grid;position:absolute;top:20px;right:20px;z-index:2;width:46px;height:46px;border-radius:50%;background:#fff;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.08)}
  .pdp__dots{display:flex;justify-content:center;gap:10px;padding:16px 0 0}
  .pdp__dots span{width:6px;height:6px;border-radius:50%;background:var(--color-text);opacity:.3;transition:opacity .3s}
  .pdp__dots span.is-on{opacity:1}
  .pdp__sticky{position:static;max-width:none}
  .col-bar{grid-template-columns:1fr auto auto;top:var(--hh,64px)}.col-bar__layout{display:none!important}
  .col-bar__count{justify-content:flex-start}
  .line{grid-template-columns:80px 1fr;gap:16px}
  .drawer__head{padding-left:22px}.drawer__body{padding:0 22px 24px}.drawer__foot{padding:18px 22px 22px}
  .footer__bottom{flex-direction:column;align-items:flex-start}
  .demo-badge{left:50%;transform:translateX(-50%);bottom:10px;white-space:nowrap}
}
@media (max-width:749px){.header__acct{display:none}}
.footer .news .btn{padding:0 18px;min-height:50px}
.footer .news{max-width:420px}
.ba--contain{background:var(--color-background-soft)}
.ba--contain img{object-fit:contain;padding:4% 0}
h4{margin:0}
.filters h4{font-weight:var(--font-headline-weight)}
.quick .pdp__frame{aspect-ratio:1!important;height:auto!important}
.quick .pdp__frame img{object-fit:contain!important}
.card__top{position:relative}
@media (max-width:749px){
  .pdp{grid-template-columns:minmax(0,1fr)}
  .demo-badge{font-size:9px;padding:6px 10px;letter-spacing:.12em}
  .card__plus{width:32px;height:32px;right:8px;bottom:8px}
}
html{overflow-x:clip}
.js .has-reveal [data-reveal-img],.fp__media,.col__img{overflow:hidden}
.col-bar select{max-width:200px;text-overflow:ellipsis}
@media (max-width:749px){
  .col-bar{grid-template-columns:auto minmax(0,1fr) auto}
  .col-bar select{max-width:118px}
  .col-bar>*{padding:0 14px}
}

/* ── Recursos da plataforma (combos, compre junto, desconto por quantidade,
   avisos de brinde) no visual do Maison. Prefixo body.* = vence o estilo
   padrão que vem junto do widget, sem !important. ── */
body .ckqty,body .ckpromo,body .ckfbt-card,body .ckbndl-card{border-radius:0;background:transparent;box-shadow:none;border:1px solid var(--color-border)}
body .ckqty{margin:22px 0 0}
body .ckqty-h,body .ckpromo-row,body .ckfbt-list,body .ckqty-q{font-family:var(--font-base);color:var(--color-text)}
body .ckqty-h{font-family:var(--font-headline);font-weight:var(--font-headline-weight);font-size:11px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--color-border);padding:12px 16px}
body .ckqty-h svg{stroke:currentColor}
body .ckqty-cell{border-right:1px solid var(--color-border)}
body .ckqty-q{font-size:12px;color:var(--color-body-text-light);font-weight:400}
body .ckqty-p{font-family:var(--font-headline);font-weight:var(--font-headline-weight);font-size:18px;letter-spacing:.06em;color:var(--color-text)}
body .ckpromo{margin:22px 0 0;border-style:solid}
body .ckpromo-row{font-size:13px;font-weight:400}
body .ckpromo-row b{color:var(--color-text);font-weight:600}
body .ckpromo-img{border-radius:0}
body .ckgift-var{border-radius:0;border-color:var(--color-border);font-family:var(--font-base);color:var(--color-text);background:transparent}
body .ckfbt{max-width:none;margin:26px 0 0;padding:0}
body .ckfbt-h{font-family:var(--font-headline);font-weight:var(--font-headline-weight);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text);margin-bottom:14px}
body .ckfbt-card{padding:18px}
body .ckfbt-thumb{border-radius:0;border-color:var(--color-border);background:var(--color-background-soft);width:78px;height:78px}
body .ckfbt-thumb img{object-fit:contain}
body .ckfbt-plus{color:var(--color-body-text-light)}
body .ckfbt-foot{flex-direction:column;align-items:stretch;gap:14px}
body .ckfbt-buy{align-items:stretch}
body .ckfbt-price{font-family:var(--font-base)}
body .ckfbt-price b{font-family:var(--font-base);font-weight:500;font-size:17px;letter-spacing:.08em;color:var(--color-sale)}
body .ckfbt-price s{font-family:var(--font-base);color:var(--color-body-text-light)}
body .ckfbt-off{background:transparent;border:1px solid currentColor;color:var(--color-sale);border-radius:0;font-family:var(--font-headline);font-weight:500;letter-spacing:.1em}
body .ckfbt-add,body .ckbndl-add{height:48px;border-radius:var(--radius-btn);background:var(--color-action-background);color:var(--color-action-text);font-family:var(--font-headline);font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
body .ckfbt-add.done,body .ckbndl-add.done{background:var(--color-text)}
body .ckbndl{font-family:var(--font-base)}
body .ckbndl-h{font-family:var(--font-headline);font-weight:var(--font-headline-weight);letter-spacing:var(--headings-tracking);text-transform:var(--headings-transform);color:var(--color-headings-text)}
body .ckbndl-name{font-family:var(--font-headline);font-weight:var(--font-headline-weight);letter-spacing:.14em;text-transform:uppercase;font-size:14px}
body .ckbndl-off{border-radius:0;background:var(--color-text);color:var(--color-background)}
body .ckbndl-price b{color:var(--color-sale);font-weight:500}
body .ckbndl-var{border-radius:0;border-color:var(--color-border);background:transparent;font-family:var(--font-base)}
body .ck-size-btn,body [class*="ck-size"] button{font-family:var(--font-base)}
.demo-badge{bottom:58px}@media (max-width:749px){.demo-badge{bottom:52px}}


/* ==========================================================================
   RITMO — camada própria do tema (vence a base acima)
   ========================================================================== */
body{letter-spacing:.025em;line-height:1.6}
.h0,.h1,.h2,.h3,.h4,h1,h2,h3{letter-spacing:var(--headings-tracking);line-height:1.12}
.h0{font-size:clamp(32px,4.2vw,58px)}
.h1{font-size:clamp(26px,2.7vw,38px)}
.h2{font-size:clamp(22px,2.2vw,30px)}
.h3{font-size:clamp(17px,1.4vw,20px)}
.h4{font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.sub{font-family:var(--font-base);font-weight:700;font-size:12px;letter-spacing:.18em}
.rte a,.link{text-underline-offset:3px}

/* botões em pílula */
.btn{min-height:44px;padding:0 26px;font-family:var(--font-base);font-weight:700;font-size:12.5px;letter-spacing:.2em;border-radius:var(--radius-btn)}
.btn--light{background:var(--btn-light-bg,var(--color-background-soft));color:var(--btn-light-fg,var(--color-headings-text))}
.btn--ghost{background:transparent;border-color:currentColor;color:inherit}
.btn--sm{min-height:34px;padding:0 18px;font-size:11px}

/* barra de avisos: rótulo em negrito + texto */
.announce{font-family:var(--font-base);font-size:12px;letter-spacing:.03em;text-transform:none}
.announce__in{min-height:38px}
.announce__msg b{font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-right:6px}
.announce__msg a{text-decoration:none}

/* barra utilitária (acima do cabeçalho) */
.util{background:var(--color-header-background);color:var(--color-header-text);border-bottom:1px solid var(--color-border);font-size:13px}
.util__in{display:flex;align-items:center;justify-content:space-between;min-height:34px;gap:20px}
.util nav{display:flex;gap:20px}
.util a:hover{text-decoration:underline;text-underline-offset:3px}
.util .social a{width:26px;height:26px}
.util .social .icon{width:15px;height:15px}

/* cabeçalho: busca à esquerda, menu dividido em volta da logo, conta e sacola à direita */
.header__inner{grid-template-columns:1fr auto 1fr;min-height:84px}
.header--split .header__inner{grid-template-columns:120px 1fr 120px}
.header--split .header__mid{display:flex;align-items:center;justify-content:center;gap:clamp(20px,3vw,44px)}
.header--split .nav__list{gap:4px 30px}
.nav__link{font-family:var(--font-headline);font-weight:500;font-size:14.5px;letter-spacing:0;text-transform:none;padding:30px 0}
.nav__link::after{bottom:24px}
.nav__item.has-sub>.nav__link::before{content:"";position:absolute;right:-14px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg)}
.nav__item.has-sub>.nav__link{margin-right:12px}
.header__wordmark{font-family:var(--font-logo);font-weight:var(--font-logo-weight);font-size:clamp(22px,2vw,28px);letter-spacing:.08em}
.header__icon .icon{width:23px;height:23px}
.nav__sub-title{font-family:var(--font-headline);font-size:15px;letter-spacing:0;text-transform:none;font-weight:600}
.bubble{width:10px;height:10px;top:8px;right:6px;background:var(--color-header-text)}
.header--transparent:not(.is-solid):not(:hover):not(.is-open) .util{background:transparent;color:inherit;border-color:rgba(255,255,255,.22)}
.drawer__title{font-family:var(--font-headline);font-size:26px;letter-spacing:0;text-transform:none;font-weight:500}
.mnav__link,.mnav__item summary{font-family:var(--font-headline);font-size:17px;letter-spacing:0;text-transform:none;font-weight:500}

/* cards: alinhados à esquerda, selos coloridos no canto, "compra rápida" no hover */
.card{gap:12px}
.card__info{justify-items:start;text-align:left;gap:2px}
.card__title{font-family:var(--font-base);font-size:15px;letter-spacing:.02em;text-transform:none;font-weight:400}
.price{font-size:14px;letter-spacing:.02em;color:var(--color-text);gap:8px;flex-wrap:wrap}
.price__old{color:var(--color-body-text-light)}
.price--sale .price__now{color:var(--color-sale)}
.price__save{color:var(--color-body-text-light);font-size:13.5px}
.card__badges{left:auto;right:0;top:0;gap:0}
.card__badge{font-family:var(--font-base);font-size:13px;letter-spacing:.02em;text-transform:none;padding:4px 9px;color:var(--tag-fg,var(--color-text));background:var(--tag-bg,var(--color-background-soft))}
.card__badge--sale{--tag-bg:var(--sale-tag-bg);--tag-fg:var(--sale-tag-fg)}
.card__badge--new{--tag-bg:var(--new-tag-bg);--tag-fg:var(--new-tag-fg)}
.card__badge--off{--tag-bg:var(--color-background-soft);--tag-fg:var(--color-body-text-light)}
.card__plus{left:50%;right:auto;bottom:14px;width:auto;height:auto;padding:9px 18px;border-radius:999px;transform:translate(-50%,8px);font-family:var(--font-base);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.card__plus .icon{display:none}
@media (hover:hover){.card:hover .card__plus{transform:translate(-50%,0)}}
@media (hover:none){.card__plus{transform:translate(-50%,0)}}
.swatch{width:16px;height:16px}

/* cabeçalho de seção com título à esquerda e botão à direita */
.section-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;text-align:left}
.section-head--row .h1{font-size:clamp(24px,2.4vw,34px)}
.tabs{justify-content:flex-start}
.tabs button,.tabs span{text-transform:none;letter-spacing:0;font-size:clamp(22px,2.3vw,32px)}
.grid--5{gap:40px 22px}

/* banner com pontos clicáveis (shoppable) */
.shop-hero{position:relative;color:#fff;overflow:hidden}
.shop-hero__media{position:relative;aspect-ratio:16/9;max-height:none}
.shop-hero__media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shop-hero__text{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 clamp(20px,3vw,40px) clamp(28px,4vw,52px);max-width:900px}
.shop-hero__text .h1{margin-bottom:10px;text-shadow:0 1px 18px rgba(0,0,0,.18)}
.shop-hero__text p{margin:0 0 20px;max-width:56ch;text-shadow:0 1px 14px rgba(0,0,0,.25)}
.shop-hero .veil{background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 55%,rgba(0,0,0,var(--veil,.35)))}
.pin{position:absolute;z-index:3;width:42px;height:42px;border-radius:50%;background:var(--color-background-soft);color:#111;display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:0 4px 16px rgba(0,0,0,.18);transition:transform .3s}
.pin::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:ping 2.2s cubic-bezier(0,0,.2,1) infinite}
.pin:hover{transform:translate(-50%,-50%) scale(1.08)}
.pin .icon{width:20px;height:20px}

/* grade de promoções (2+ blocos com texto centralizado) */
.promo{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:0}
.promo__tile{position:relative;overflow:hidden;min-height:clamp(380px,40vw,640px);color:#fff;display:grid;place-items:center;text-align:center}
.promo__tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.6,.2,1),opacity 1s ease!important}
@media (hover:hover){.promo__tile:hover>img{transform:scale(1.04)!important}}
.promo__in{position:relative;z-index:1;padding:30px;display:grid;justify-items:center;gap:12px}
.promo__in p{margin:0 0 8px;max-width:44ch;font-size:14px}
.promo--gap{gap:clamp(12px,1.5vw,20px)}

/* texto + imagens sobrepostas (arco) */
.tai{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center}
.tai__txt{max-width:440px;margin-left:auto}
.tai__txt .h2{margin-bottom:14px}.tai__txt .rte{margin-bottom:22px;font-size:15px}
.tai__media{position:relative;height:clamp(300px,30vw,440px)}
.tai__media figure{position:absolute;margin:0;overflow:hidden}
.tai__media figure img{width:100%;height:100%;object-fit:cover}
.tai__media figure:first-child{left:0;bottom:0;width:52%;height:72%;z-index:2}
.tai__media figure:last-child{left:34%;top:0;width:48%;height:84%;border-radius:999px 999px 0 0}
.tai--inv .tai__txt{order:2;margin-left:0}

/* grade de imagens com rótulo central (4 pequenas + 2 grandes) */
.igrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.igrid__item{position:relative;overflow:hidden;color:#fff;display:grid;place-items:center;text-align:center;grid-column:span 3;aspect-ratio:4/3}
.igrid__item--lg{grid-column:span 6;aspect-ratio:4/3}
.igrid__item>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.6,.2,1),opacity 1s ease!important}
@media (hover:hover){.igrid__item:hover>img{transform:scale(1.05)!important}}
.igrid__item .veil{--veil:.22}
.igrid__label{position:relative;z-index:1;font-size:15px}

/* texto com ícones (3 colunas, ícone em destaque) */
.tic{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(24px,4vw,60px)}
.tic__item{display:grid;gap:10px;align-content:start}
.tic__item .icon{width:40px;height:40px;color:var(--tic-cor,#e8a27c)}
.tic__item .h3{font-size:clamp(19px,1.6vw,23px)}
.tic__item p{margin:0;font-size:15px;color:var(--color-text)}

/* vídeo de fundo com texto central */
.vhero{position:relative;overflow:hidden;color:#fff;min-height:clamp(420px,45vw,650px);display:grid;place-items:center;text-align:center}
.vhero>video,.vhero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vhero__in{position:relative;z-index:1;display:grid;justify-items:center;gap:12px;padding:40px 24px;max-width:760px}
.vhero__in p{margin:0 0 10px}

/* slides: texto central e botão contorno */
.slide__title{font-size:clamp(28px,3.2vw,44px);letter-spacing:0;text-transform:none;max-width:22ch;margin-bottom:14px}
.slide__text{margin:0 0 24px;max-width:60ch}
.slide .slide__text{opacity:0;transform:translateY(20px);transition:opacity .8s .7s,transform .8s .7s cubic-bezier(.2,.7,.2,1)}
.slide.is-on .slide__text{opacity:1;transform:none}
.slideshow--r650{height:clamp(440px,45vw,650px)}

/* lista de coleções: foto em pé + nome embaixo */
.clist--below .clist__item{aspect-ratio:auto;display:block;padding:0;color:var(--color-text);text-align:left}
.clist--below .clist__item .clist__img{position:relative;aspect-ratio:2/3;overflow:hidden;display:block;width:100%;inset:auto}
.clist--below .clist__item img{position:absolute;inset:0}
.clist--below .clist__name{display:block;margin-top:10px;font-family:var(--font-base);font-size:15px;letter-spacing:.02em;text-transform:none}
.clist--below .veil{display:none}

/* faixa promocional da coleção */
.col-promo{margin-top:clamp(28px,4vw,56px);background:var(--color-background-soft);padding:22px 24px;text-align:center}
.col-promo .h2{margin-bottom:10px}
.col-promo p{margin:0;display:inline-flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center}
.col-bar{border:0;position:static;background:none;grid-template-columns:auto 1fr auto auto;margin-top:26px}
.col-bar>*+*{border-left:0}
.col-bar__filter{border:1px solid var(--color-border);border-radius:999px;padding:10px 20px!important;font-family:var(--font-base);font-size:15px;letter-spacing:.02em;text-transform:none;color:var(--color-text)}
.col-bar__count{font-family:var(--font-base);font-size:15px;letter-spacing:.02em;text-transform:none;color:var(--color-text)}
.col-bar select{font-family:var(--font-base);font-size:15px;letter-spacing:.02em;text-transform:none;color:var(--color-text);border:1px solid var(--color-border);padding:12px 40px 12px 14px!important;max-width:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%232a3743' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center}
.col-grid{padding-top:22px}
.col-head{text-align:center}

/* página de produto */
.pdp{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(30px,4.5vw,68px)}
.pdp__gallery{grid-template-columns:76px minmax(0,1fr);gap:clamp(16px,1.8vw,24px)}
.pdp__thumbs button{width:76px;height:114px;padding:0;border:1px solid transparent}
.pdp__thumbs button.is-on{border:2px solid var(--color-headings-text)}
.pdp__thumbs img{object-fit:cover}
.pdp__track{gap:16px}
.fit-cover .pdp__frame{aspect-ratio:4/5}
.pdp__sticky{max-width:640px}
.pdp__title{font-size:clamp(28px,2.6vw,40px);letter-spacing:0;text-transform:none;line-height:1.1}
.pdp__price{display:block;padding:18px 0 22px;margin-top:6px}
.pdp__price .price{font-size:19px}
.opt__label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text);margin-bottom:10px}
.opt__label span{text-transform:none;letter-spacing:.02em}
.pill span{min-width:46px;height:40px;padding:0 15px;border-radius:0;border-color:#d6d6d6}
.pill input:checked+span{background:transparent;color:var(--color-text);border:2px solid var(--color-text)}
.pdp__perks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:8px;font-size:15px}
.pdp__perks li{display:flex;align-items:center;gap:12px}
.pdp__perks .icon{width:20px;height:20px}
.pdp__perks .dot{width:9px;height:9px;border-radius:50%;background:#46a53a;margin:0 5px}
.pdp__buy .row .btn,.pdp__buy .btn{min-height:46px}
.pdp__desc{font-size:16px}
.share{display:flex;gap:22px;margin-top:22px;font-size:14px}
.share a{display:inline-flex;align-items:center;gap:7px}
.share .icon{width:17px;height:17px}
.acc__item summary{font-family:var(--font-base);font-weight:700;letter-spacing:.16em}

/* sacola lateral */
.drawer{width:min(450px,94vw)}
.drawer__head{border-bottom:1px solid var(--color-border);padding-left:22px}
.line__title{font-family:var(--font-base);font-size:16px;letter-spacing:.02em;text-transform:none}
.line__price{color:var(--color-text)}
.line__variant{font-size:13px;letter-spacing:.02em;text-transform:none}
.sum__row{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}
.sum__row b{font-size:16px;letter-spacing:.02em;font-weight:400}
.qty{border-radius:0}
.upsell__item{background:var(--color-background-soft)}

/* compra rápida em janela central (desktop) */
.drawer--quick.drawer--modal{top:50%;left:50%;right:auto;bottom:auto;width:min(980px,94vw);max-height:90vh;transform:translate(-50%,-46%);opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1),visibility .45s}
.drawer--quick.drawer--modal.is-open{transform:translate(-50%,-50%);opacity:1}
.drawer--quick.drawer--modal .drawer__head{border:0;min-height:0;padding:10px 10px 0;justify-content:flex-end}
.drawer--quick.drawer--modal .drawer__title{display:none}
.drawer--quick.drawer--modal .drawer__body{padding:0 34px 34px}
.drawer--quick.drawer--modal .quick{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.drawer--quick.drawer--modal .quick__img{grid-row:span 5;aspect-ratio:4/5;margin:0}
.drawer--quick.drawer--modal .quick__img img{object-fit:cover}

/* popup de newsletter centralizado */
.popup{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-46%);width:min(620px,calc(100vw - 32px));padding:46px 44px 40px}
.popup.is-on{transform:translate(-50%,-50%)}
.popup .h3{font-size:clamp(24px,2.6vw,34px);letter-spacing:0;text-transform:none}
.popup .news{flex-direction:row;max-width:420px;margin:0 auto}
.popup .news input{height:44px;border-radius:0}
.popup .news .btn{border-radius:0 999px 999px 0;margin-left:-1px}
.popup .popup__cta{margin-top:20px}
.popup-veil{position:fixed;inset:0;z-index:94;background:rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.popup-veil.is-on{opacity:1;visibility:visible}

/* rodapé */
.footer{border-top:0;padding-top:clamp(48px,5vw,70px)}
.footer__title{font-family:var(--font-base);font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--color-footer-text)}
.footer__links a{color:var(--color-footer-text);opacity:.92}.footer__links a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.footer__text{color:var(--color-footer-text);opacity:.85;font-size:15px}
.footer .news{max-width:380px;border-bottom:1px solid currentColor;gap:0}
.footer .news input{border:0;padding:0;height:42px;color:inherit;background:transparent}
.footer .news input::placeholder{color:inherit;opacity:.8}
.footer .news .btn{background:transparent;color:inherit;padding:0 4px;min-height:42px}
.footer__bottom{border-top:0;justify-content:center;color:var(--color-footer-text);opacity:.8}
.footer .social a{color:var(--color-footer-text)}
.footer .social .icon{width:20px;height:20px}
.pay span{border-color:rgba(255,255,255,.3)}

@media (max-width:1024px){.header--split .header__inner{grid-template-columns:44px 1fr auto}.header--split .header__mid .nav{display:none}}
@media (max-width:749px){
  .util{display:none}
  .header__inner,.header--split .header__inner{grid-template-columns:44px minmax(0,1fr) auto;min-height:64px}
  .header__left .header__icon[data-open-search]{display:none}
  .shop-hero{color:var(--color-text)}
  .shop-hero__media{aspect-ratio:16/9}
  .shop-hero .veil{display:none}
  .shop-hero__text{position:relative;padding:22px 20px 6px}
  .shop-hero__text .h1,.shop-hero__text p{text-shadow:none}
  .shop-hero__text .btn{background:var(--color-background-soft);color:var(--color-headings-text)}
  .promo{grid-template-columns:1fr}
  .tai{grid-template-columns:1fr}.tai__txt{margin:0;order:2}.tai--inv .tai__txt{order:2}.tai__media{height:90vw}
  .igrid__item,.igrid__item--lg{grid-column:span 12}
  .igrid__item{grid-column:span 6;aspect-ratio:1}
  .tic{grid-template-columns:1fr}
  .grid--5{gap:30px 12px}
  .section-head--row{align-items:center}
  .col-bar{grid-template-columns:auto 1fr auto}
  .col-bar select{padding:10px 32px 10px 10px!important;font-size:14px;max-width:150px}
  .pdp__thumbs{display:none}
  .pdp__title{font-size:26px}
  .drawer--quick.drawer--modal{top:auto;bottom:0;left:0;width:100%;max-height:88vh;transform:translateY(100%);opacity:1}
  .drawer--quick.drawer--modal.is-open{transform:none}
  .drawer--quick.drawer--modal .quick{grid-template-columns:1fr;gap:14px}
  .drawer--quick.drawer--modal .quick__img{grid-row:auto}
  .popup .news{flex-direction:column;gap:10px}.popup .news .btn{border-radius:999px;margin:0}
  .footer .news{max-width:none}
}
.popup__close{color:inherit}
.popup .news input{border-color:color-mix(in srgb,currentColor 25%,transparent);color:inherit}
.popup .news input::placeholder{color:inherit;opacity:.6}

/* pontos ficam presos à foto: o banner mantém a proporção 16:9 (sem corte) */
.shop-hero__media{max-height:100vh}
.demo-badge{left:auto;right:16px}
@media (max-width:749px){.shop-hero .veil{display:block;background:linear-gradient(180deg,rgba(0,0,0,.28) 0,rgba(0,0,0,0) 30%)}.pin{width:34px;height:34px}.demo-badge{left:50%;right:auto}}
@media (max-width:749px){
  .pdp{grid-template-columns:minmax(0,1fr);gap:22px}
  .pdp__gallery{grid-template-columns:none}
  .clist--below{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .section-head--row .btn{flex:none}
}
/* no toque não há "passar o mouse": a compra rápida fica pela página do produto */
@media (hover:none){.card__plus{display:none}}
@media (max-width:749px){.grid--scroll{scroll-padding-inline:20px}}
.popup .news{gap:0}

/* Pacotes ("compre junto", combos, avisos) no visual do Ritmo */
body .ckw .ckw-btn{font-family:var(--font-base);font-weight:700;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;border-radius:var(--radius-btn);min-height:46px}
body .ckw .ckw-pill{border-radius:0;border-color:#d6d6d6;font-family:var(--font-base);font-size:14px}
body .ckw .ckw-pill.is-on{border-width:2px;box-shadow:none}
body .ckw .ckw-box-t{font-size:clamp(17px,1.4vw,20px)}
body .ckw-box{border-radius:0}

/* Carrossel de vídeos (Sua loja › Vídeos) no visual do tema */
.vcar{position:relative;background:var(--vc-bg,transparent);padding-block:clamp(30px,4vw,60px)}
.vcar:not(:has(.ckvpc)):not(:has(.ck-videos-aviso)){display:none}
.vcar #ck-vpc{background:transparent;padding-block:0}
.vcar #ck-vpc .ckvpc__title{font-family:var(--font-headline);font-weight:var(--font-headline-weight);text-transform:var(--headings-transform);letter-spacing:var(--headings-tracking);color:var(--color-headings-text);font-size:clamp(30px,3vw,46px);line-height:1;margin:0 0 clamp(18px,2vw,28px)!important}
.vcar #ck-vpc .ckvpc__product{font-family:var(--font-base);border-color:var(--color-border);background:var(--color-card,#fff)}
.vcar #ck-vpc .ckvpc__p-title{font-family:var(--font-base);font-size:14px;color:var(--color-text)}
.vcar #ck-vpc .ckvpc__p-price{font-family:var(--font-base);font-size:15px;color:var(--color-text)}
@media (min-width:750px){.vcar--sem-setas #ck-vpc .ckvpc__arrow{display:none!important}}
@media (max-width:749px){.vcar--sem-setas-m #ck-vpc .ckvpc__arrow{display:none!important}}

/* ── Esquemas de cores por seção (campo "Cores da seção" em cada seção) ──
   O motor põe a classe cs-<esquema> no invólucro da seção; aqui as variáveis
   do site são trocadas só dentro dela. */
.cs-suave,.cs-escuro,.cs-destaque{background:var(--color-background);color:var(--color-text)}
.cs-suave{--color-background:var(--cs-suave-bg);--color-background-soft:color-mix(in srgb,var(--cs-suave-bg) 92%,var(--cs-suave-fg));--color-text:var(--cs-suave-fg);--color-headings-text:var(--cs-suave-fg)}
.cs-escuro{--color-background:var(--cs-escuro-bg);--color-background-soft:color-mix(in srgb,var(--cs-escuro-bg) 90%,var(--cs-escuro-fg));--color-text:var(--cs-escuro-fg);--color-headings-text:var(--cs-escuro-fg);--color-body-text-light:color-mix(in srgb,var(--cs-escuro-fg) 70%,transparent);--color-border:color-mix(in srgb,var(--cs-escuro-fg) 22%,transparent);--color-action-background:var(--cs-escuro-btn-bg);--color-action-text:var(--cs-escuro-btn-fg);--color-sale:var(--cs-escuro-fg)}
.cs-destaque{--color-background:var(--cs-destaque-bg);--color-background-soft:color-mix(in srgb,var(--cs-destaque-bg) 90%,var(--cs-destaque-fg));--color-text:var(--cs-destaque-fg);--color-headings-text:var(--cs-destaque-fg);--color-body-text-light:color-mix(in srgb,var(--cs-destaque-fg) 72%,transparent);--color-border:color-mix(in srgb,var(--cs-destaque-fg) 20%,transparent);--color-action-background:var(--cs-destaque-btn-bg);--color-action-text:var(--cs-destaque-btn-fg)}
.cs-suave .bg-soft,.cs-escuro .bg-soft,.cs-destaque .bg-soft{background:transparent}

/* ── Ajustes globais da engrenagem (Botões, Tipografia, Layout, Vitrine) ── */
.btn{min-height:var(--btn-h,44px);font-size:var(--btn-fs,12.5px);letter-spacing:var(--btn-ls,.2em);text-transform:var(--btn-tt,uppercase)}
.btn--sm{min-height:calc(var(--btn-h,44px) - 10px);font-size:calc(var(--btn-fs,12.5px) - 1.5px)}
.h0{font-size:calc(clamp(32px,4.2vw,58px) * var(--h-scale,1) * var(--h-sec,1))}
.h1{font-size:calc(clamp(26px,2.7vw,38px) * var(--h-scale,1) * var(--h-sec,1))}
.h2{font-size:calc(clamp(22px,2.2vw,30px) * var(--h-scale,1) * var(--h-sec,1))}
.h3{font-size:calc(clamp(17px,1.4vw,20px) * var(--h-scale,1) * var(--h-sec,1))}
.nav__link{font-family:var(--font-nav,var(--font-headline));font-weight:var(--nav-fw,500);font-size:var(--nav-fs,14.5px);text-transform:var(--nav-tt,none);letter-spacing:var(--nav-ls,0)}
.icon[stroke]{stroke-width:var(--icon-sw,1.4)}
.sw-quadrado .swatch,.sw-quadrado .chip i,.sw-quadrado .chip{border-radius:2px}
.sw-g .card__swatches .swatch{width:22px;height:22px}
/* selo personalizado (tag selo:Texto) */
.card__badge--custom{--tag-bg:var(--custom-tag-bg);--tag-fg:var(--custom-tag-fg);box-shadow:inset 0 0 0 1px var(--color-border)}
.card__badges{display:flex;flex-direction:column;align-items:flex-end}
/* voltar ao topo */
.to-top{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:70;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--color-background);color:var(--color-headings-text);box-shadow:0 6px 24px rgba(0,0,0,.14),0 0 0 1px var(--color-border);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s}
.to-top.is-on{opacity:1;transform:none;pointer-events:auto}
.to-top .icon{width:20px;height:20px}
/* card: carrossel de fotos (Fotos no card = carrossel) */
.card__slides{isolation:isolate}
.card__track{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.card__track::-webkit-scrollbar{display:none}
.card__track .card__slide{position:relative;inset:auto;flex:0 0 100%;scroll-snap-align:start;opacity:1}
.card__dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:5px;pointer-events:none;z-index:2}
.card__dots span{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.55;box-shadow:0 0 0 1px rgba(0,0,0,.12);transition:opacity .2s,transform .2s}
.card__dots span.is-on{opacity:1;transform:scale(1.25)}
.card__arrow{position:absolute;top:50%;z-index:2;width:34px;height:34px;margin-top:-17px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#1c1c1c;opacity:0;transition:opacity .25s}
.card__arrow .icon{width:16px;height:16px}
.card__arrow--prev{left:8px}.card__arrow--prev .icon{transform:rotate(180deg)}
.card__arrow--next{right:8px}
@media (hover:hover){.card__slides:hover .card__arrow{opacity:1}}
.card__slides:has(.card__plus) .card__dots{bottom:52px}
/* parcelas e Pix */
.parc{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.4;color:var(--color-body-text-light)}
.parc b{color:var(--color-text);font-weight:600}
.parc__pix{display:inline-flex;align-items:center;gap:5px}
.parc__pix .icon{width:14px;height:14px}
.parc--card{font-size:12.5px}
.parc--produto{margin-top:6px;font-size:14px}

/* ── Página de produto: layouts da galeria (computador) ── */
.pdp__stage{position:relative}
.pdp__arrow{display:none}
@media (min-width:750px){
  .pdp--g-grade .pdp__gallery,.pdp--g-empilhada .pdp__gallery,.pdp--g-carrossel .pdp__gallery{grid-template-columns:minmax(0,1fr)}
  .pdp--g-grade .pdp__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pdp--g-grade .pdp__frame:only-child{grid-column:1/-1}
  .pdp--g-empilhada .pdp__track{gap:12px}
  .pdp--h .pdp__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;scrollbar-width:none}
  .pdp--h .pdp__track::-webkit-scrollbar{display:none}
  .pdp--h .pdp__frame{flex:0 0 100%;scroll-snap-align:start}
  .pdp--g-embaixo .pdp__gallery{display:flex;flex-direction:column;gap:14px}
  .pdp--g-embaixo .pdp__stage{order:1}
  .pdp--g-embaixo .pdp__thumbs{order:2;position:static;display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin}
  .pdp--g-embaixo .pdp__thumbs button{flex:0 0 76px}
  .pdp--g-carrossel .pdp__dots{display:flex;justify-content:center;gap:10px;padding:16px 0 0}
  .pdp--g-carrossel .pdp__dots span{width:6px;height:6px;border-radius:50%;background:var(--color-text);opacity:.3;transition:opacity .3s}
  .pdp--g-carrossel .pdp__dots span.is-on{opacity:1}
  .pdp--h .pdp__arrow{display:grid;place-items:center;position:absolute;top:50%;z-index:2;width:46px;height:46px;margin-top:-23px;border-radius:50%;background:var(--color-background);color:var(--color-headings-text);box-shadow:0 4px 18px rgba(0,0,0,.1);opacity:0;transition:opacity .25s}
  .pdp--h .pdp__stage:hover .pdp__arrow,.pdp--h .pdp__arrow:focus-visible{opacity:1}
  .pdp__arrow--prev{left:16px}.pdp__arrow--prev .icon{transform:rotate(180deg)}
  .pdp__arrow--next{right:16px}
}
/* produto: selos da tag, código, estoque baixo, promoção sem troca */
.pdp__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.pdp__tags .card__badge{position:static}
.pdp__sku{margin:8px 0 0;font-size:13px;color:var(--color-body-text-light);letter-spacing:.04em}
.pdp__low{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:14px;font-weight:600;color:var(--color-sale)}
.pdp__low .icon{width:18px;height:18px}
.pdp__final{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;font-size:13px;color:var(--color-body-text-light)}
.pdp__final .icon{width:16px;height:16px;margin-top:2px}
/* seletor em lista suspensa */
.opt__select{position:relative;max-width:320px}
.opt__select select{width:100%;height:46px;padding:0 42px 0 14px;border:1px solid var(--color-border);border-radius:var(--radius-btn);background:var(--color-background);appearance:none;-webkit-appearance:none;font-size:14px;cursor:pointer}
.opt__select select:focus-visible{outline:2px solid var(--color-text);outline-offset:1px}
.opt__select .icon{position:absolute;right:14px;top:50%;width:16px;height:16px;transform:translateY(-50%);pointer-events:none}
/* bloco: guia de caimento */
.fit{margin-top:24px}
.fit__t{margin:0 0 10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.fit__bar{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.fit__bar span{height:6px;border-radius:3px;background:var(--color-border)}
.fit__bar span.is-on{background:var(--color-headings-text)}
.fit__labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12.5px;color:var(--color-body-text-light)}
/* bloco: contagem regressiva */
.pdp-cd{margin-top:22px;padding:14px 16px;background:var(--cd-bg);color:var(--cd-fg);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.pdp-cd__t{display:flex;align-items:center;gap:8px;margin:0;font-weight:600;font-size:14px}
.pdp-cd .cd{color:inherit}
/* bloco: link que abre janela */
.pdp-pop{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.pdp-pop .icon{width:18px;height:18px}
.pdp-dlg,.avise-dlg{width:min(560px,calc(100vw - 32px));max-height:min(80vh,720px);border:0;padding:0;background:var(--color-background);color:var(--color-text);box-shadow:0 30px 80px rgba(0,0,0,.25);border-radius:calc(var(--radius-btn) > 20px ? 18px : 0px)}
.pdp-dlg::backdrop,.avise-dlg::backdrop{background:rgba(0,0,0,.45)}
.pdp-dlg__head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;background:var(--color-background);border-bottom:1px solid var(--color-border)}
.pdp-dlg__head .h3{margin:0}
.pdp-dlg__x,.avise-dlg__x{width:36px;height:36px;display:grid;place-items:center}
.pdp-dlg__body{padding:20px 22px 26px;font-size:15px}
/* bloco: texto livre */
.pdp-txt{margin-top:22px;padding:16px 18px;background:var(--color-background-soft);font-size:14px}
.pdp-txt__t{margin:0 0 4px;font-weight:700}
/* avise-me */
.avise{display:grid;gap:10px}
.avise__info{margin:0;font-size:14px;color:var(--color-body-text-light)}
.avise .btn .icon{width:18px;height:18px}
.avise-dlg{padding:28px 24px 24px}
.avise-dlg__x{position:absolute;top:10px;right:10px}
.avise-dlg .h3{margin:0 30px 8px 0}
.avise-dlg__lead{margin:0 0 16px;font-size:14px;color:var(--color-body-text-light)}
.avise-dlg__f{display:grid;gap:12px}
.avise-dlg__f label{display:grid;gap:5px;font-size:13px;font-weight:600}
.avise-dlg__f input{height:46px;padding:0 14px;border:1px solid var(--color-border);background:var(--color-background);border-radius:calc(var(--radius-btn) > 20px ? 12px : 0px);font-size:15px}
.avise-dlg__f input:focus-visible{outline:2px solid var(--color-text);outline-offset:0}
.avise-dlg__erro{margin:0;color:var(--color-sale);font-size:13px}
.avise-dlg__ok{display:flex;gap:10px;align-items:flex-start;margin:6px 0 0;font-size:15px}
.avise-dlg__ok .icon{flex:none;color:#3d9a5b}

/* ── Coleção: subcategorias e card promocional na grade ── */
.subcols{display:flex;gap:clamp(14px,2vw,26px);overflow-x:auto;padding-block:8px 22px;scrollbar-width:none}
.subcols::-webkit-scrollbar{display:none}
.subcols__item{flex:none;display:grid;justify-items:center;gap:8px;text-align:center;font-size:13.5px}
.subcols__img{width:84px;height:84px;border-radius:50%;overflow:hidden;background:var(--color-background-soft);display:block}
.subcols__img img,.subcols__img svg{width:100%;height:100%;object-fit:cover}
.subcols__item:hover .subcols__name{text-decoration:underline;text-underline-offset:3px}
.subcols--pilulas{gap:8px;padding-bottom:18px}
.subcols--pilulas .subcols__item{padding:9px 16px;border:1px solid var(--color-border);border-radius:999px;font-size:13.5px}
.subcols--pilulas .subcols__item:hover{border-color:var(--color-text)}
@media (max-width:749px){.subcols__img{width:66px;height:66px}.subcols__item{font-size:12.5px}}
.col-promo-card{position:relative;display:block;overflow:hidden;min-height:100%;aspect-ratio:4/5;color:#fff;isolation:isolate}
.col-promo-card--2{grid-column:span 2;aspect-ratio:auto}
.col-promo-card__media,.col-promo-card__veil{position:absolute;inset:0}
.col-promo-card__media img,.col-promo-card__media svg{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.6,.2,1)}
.col-promo-card:hover .col-promo-card__media img{transform:scale(1.04)}
.col-promo-card__veil{background:#000}
.col-promo-card__in{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;padding:clamp(18px,2vw,28px)}
.col-promo-card__in .sub{margin:0}
.col-promo-card__txt{font-size:14px;opacity:.92}
.grid--list .col-promo-card,.grid--2 .col-promo-card--2{grid-column:auto}

/* botão claro (sobre fotos) mantém a cor do site mesmo dentro de um esquema
   escuro/destaque: as variáveis são resolvidas no :root e só herdadas. */
:root{--btn-light-bg:var(--color-background-soft);--btn-light-fg:var(--color-headings-text)}

/* ── Busca: painel de sugestões ── */
.search__panel{padding-block:4px 22px;max-height:min(70vh,560px);overflow:auto}
.search__panel:empty{display:none}
.psug__t{margin:14px 0 10px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--color-body-text-light)}
.psug__chips{display:flex;flex-wrap:wrap;gap:8px}
.psug__chips a{padding:7px 14px;border:1px solid var(--color-border);border-radius:999px;font-size:13.5px}
.psug__chips a:hover{border-color:var(--color-text)}
.psug__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.psug__card{display:grid;gap:6px;font-size:13.5px}
.psug__card .psug__img{aspect-ratio:4/5;background:var(--color-background-soft);overflow:hidden}
.psug__img img{width:100%;height:100%;object-fit:cover}
.psug__list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.psug__item{display:flex;align-items:center;gap:14px;padding:8px;border-radius:8px}
.psug__item:hover,.psug__item:focus-visible{background:var(--color-background-soft)}
.psug__item .psug__img{flex:none;width:56px;height:70px;background:var(--color-background-soft);overflow:hidden}
.psug__txt{display:grid;gap:2px;font-size:14px}
.psug__name{line-height:1.35}
.psug__all{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;font-weight:600}
.psug__all .icon{width:16px;height:16px}
.psug__vazio{margin:16px 0 4px;font-size:14px;color:var(--color-body-text-light)}
@media (max-width:749px){.psug__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── Sacola vazia com sugestões ── */
.cart-empty{display:grid;justify-items:center;gap:14px;text-align:center;padding-block:10px}
.cart-empty--pagina{padding-block:20px 40px}
.cart-empty__t{margin:22px 0 2px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--color-body-text-light)}
.cart-empty__grid{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;text-align:left}
.cart-empty--pagina .cart-empty__grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:980px}
.cart-empty__card{display:grid;gap:6px;font-size:13.5px}
.cart-empty__img{aspect-ratio:4/5;background:var(--color-background-soft);overflow:hidden}
.cart-empty__img img{width:100%;height:100%;object-fit:cover}
@media (max-width:749px){.cart-empty--pagina .cart-empty__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.drawer__empty{align-content:start}
.search__panel--menu{padding:0 0 10px;max-height:none}
.search__panel--menu .psug__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
/* ícones de pagamento na sacola (Tema › Carrinho › Formas de pagamento) */
.cart-pay{display:flex;justify-content:center;margin-top:12px}

/* ==========================================================================
   Conteúdo (perguntas, central de ajuda, colunas, divisória, dois blocos)
   ========================================================================== */
/* ── Perguntas frequentes (faq) e sanfona compartilhada com a Central de ajuda ── */
.faq--estreita .faq__head,.faq--estreita .faq__list,.faq--estreita .faq__more{max-width:860px;margin-inline:auto}
.faq__head--esquerda{text-align:left}
.faq__head--esquerda .faq__intro{margin-inline:0}
.faq__intro{max-width:620px;margin:14px auto 0;color:var(--color-body-text-light)}
.faq__list{display:block}
.faq__group{margin:36px 0 10px;padding-bottom:4px}
.faq__list>.faq__group:first-child{margin-top:0}
.faq__item{border-bottom:1px solid var(--color-border)}
.faq__list>.faq__item:first-child,.faq__group+.faq__item{border-top:1px solid var(--color-border)}
.faq__q{display:flex;align-items:center;gap:14px;padding:20px 2px;cursor:pointer;list-style:none;font-family:var(--font-headline);font-size:clamp(15px,1.15vw,17px);line-height:1.35}
.faq__q::-webkit-details-marker{display:none}
.faq__q:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.faq__icon{flex:none;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--color-background-soft)}
.faq__qtxt{flex:1;min-width:0}
.faq__sign{flex:none;position:relative;width:14px;height:14px}
.faq__sign::before,.faq__sign::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:currentColor;transition:transform .3s ease}
.faq__sign::after{transform:rotate(90deg)}
.faq__item[open] .faq__sign::after{transform:rotate(0)}
.faq__a{padding:0 2px 22px;color:var(--color-body-text-light);max-width:70ch}
.faq__item[open] .faq__a{animation:faqIn .35s ease}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.faq__more{text-align:center;margin-top:36px}
@media (min-width:990px){
  .faq__list--2{column-count:2;column-gap:clamp(32px,4vw,72px)}
  .faq__list--2>*{break-inside:avoid}
  .faq__list--2>.faq__group{column-span:none}
}

/* ── Central de ajuda (menu lateral) ── */
.hs__head{margin-bottom:clamp(28px,4vw,52px);max-width:760px}
.hs__intro{margin-top:12px;color:var(--color-body-text-light)}
.hs__grid{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start}
.hs__grid--sem-menu{grid-template-columns:minmax(0,1fr)}
.hs__nav{position:sticky;top:calc(var(--hh,76px) + 24px);align-self:start}
.hs__nav-title{font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-body-text-light);margin:0 0 14px}
.hs__nav-list{list-style:none;margin:0;padding:0;border-left:1px solid var(--color-border)}
.hs__nav-link{display:block;padding:9px 0 9px 18px;margin-left:-1px;border-left:2px solid transparent;color:var(--color-body-text-light);transition:color .25s,border-color .25s}
.hs__nav-link:hover{color:var(--color-text)}
.hs__nav-link.is-on{color:var(--color-text);border-left-color:currentColor;font-weight:600}
.hs__body{min-width:0}
.hs__topic{scroll-margin-top:calc(var(--hh,76px) + 32px);padding-bottom:clamp(28px,4vw,48px)}
.hs__topic+.hs__topic{padding-top:clamp(28px,4vw,48px);border-top:1px solid var(--color-border)}
.hs__topic-title{margin-bottom:6px}
.hs__topic-text{margin:0 0 18px;color:var(--color-body-text-light)}
.hs__topic-title+.hs__qa,.hs__topic-title+.hs__text{margin-top:14px}
.hs__qa{border-top:0}
.hs__topic .hs__qa:first-of-type{border-top:1px solid var(--color-border)}
.hs__text{margin:18px 0}
.hs__text .h3{margin-bottom:8px}
@media (max-width:989px){
  .hs__grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .hs__nav{top:var(--hh,64px);z-index:5;background:var(--color-background);margin-inline:calc(-1 * clamp(20px,3.4vw,48px));padding:10px clamp(20px,3.4vw,48px);border-bottom:1px solid var(--color-border)}
  .hs__nav-title{display:none}
  .hs__nav-list{display:flex;gap:8px;border:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .hs__nav-list::-webkit-scrollbar{display:none}
  .hs__nav-list li{flex:none}
  .hs__nav-link{border:1px solid var(--color-border);border-radius:999px;padding:7px 16px;margin:0;white-space:nowrap;font-size:14px}
  .hs__nav-link.is-on{border-color:var(--color-text);background:var(--color-text);color:var(--color-background);font-weight:500}
  .hs__topic{scroll-margin-top:calc(var(--hh,64px) + 76px)}
}

/* ── Colunas de texto ── */
.rtc__grid{display:grid;grid-template-columns:var(--rtc-esq,45fr) var(--rtc-dir,55fr);gap:clamp(28px,6vw,110px);align-items:start}
.rtc__grid--centro{align-items:center}
.rtc__col{display:flex;flex-direction:column;gap:22px;min-width:0}
.rtc__col:empty{display:none}
.rtc__col--centro{text-align:center;align-items:center}
.rtc__col--direita{text-align:right;align-items:flex-end}
.rtc__text--g{font-size:1.18em;line-height:1.6}
.rtc .btn-row{justify-content:inherit}
.rtc__col--centro .btn-row{justify-content:center}
.rtc__col--direita .btn-row{justify-content:flex-end}
@media (max-width:749px){
  .rtc__grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .rtc--m-centro .rtc__col{text-align:center;align-items:center}
  .rtc--m-centro .btn-row{justify-content:center}
  .rtc--m-esquerda .rtc__col{text-align:left;align-items:flex-start}
  .rtc--m-esquerda .btn-row{justify-content:flex-start}
}

/* ── Divisória ── */
.divider{padding-top:var(--dv-top,40px);padding-bottom:var(--dv-bottom,40px)}
.divider__in--conteudo{width:100%;max-width:var(--site-max-width);margin-inline:auto;padding-inline:clamp(20px,3.4vw,48px)}
.divider__in--estreita{width:min(240px,60%);margin-inline:auto}
.divider__line{border:0;margin:0;height:var(--dv-h,1px);background:var(--dv-cor,var(--color-border))}
.divider__space{display:block;height:0}

/* ── Dois blocos lado a lado ── */
.cc__full{padding-inline:0}
.cc--cheia .section-head{padding-inline:clamp(20px,3.4vw,48px)}
.cc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cc-gap,16px)}
.cc__grid--1{grid-template-columns:minmax(0,1fr)}
.cc__cell{position:relative;min-width:0;display:flex;flex-direction:column}
.cc__grid--baixa .cc__cell{min-height:clamp(300px,32vw,420px)}
.cc__grid--media .cc__cell{min-height:clamp(380px,42vw,580px)}
.cc__grid--alta .cc__cell{min-height:clamp(460px,52vw,760px)}
.cc__grid--bordas .cc__cell{border:1px solid var(--color-border)}
.cc__cell--vazio{align-items:center;justify-content:center;border:1px dashed var(--color-border);min-height:200px}
.cc-img{position:relative;flex:1;display:flex;overflow:hidden;min-height:340px;color:#fff;isolation:isolate}
.cc-img--escuro{color:#1c1c1c}
.cc-img .media-fill{z-index:-1}
.cc-img .veil{z-index:0}
.cc-img__link{position:absolute;inset:0;z-index:2}
.cc-img__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;width:100%;padding:clamp(24px,3.4vw,52px)}
.cc-img--v-topo{align-items:flex-start}.cc-img--v-meio{align-items:center}.cc-img--v-base{align-items:flex-end}
.cc-img--h-esquerda .cc-img__content{text-align:left;align-items:flex-start}
.cc-img--h-centro .cc-img__content{text-align:center;align-items:center}
.cc-img--h-direita .cc-img__content{text-align:right;align-items:flex-end}
.cc-img__content .sub{margin:0}
.cc-img__text{margin:0;max-width:44ch}
.cc-img__content .btn-row{margin-top:6px}
.has-zoom .cc-img:hover .media-fill img{transform:scale(1.04)}
.cc-img .media-fill img{transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.cc-text{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(24px,4vw,64px);background:var(--color-background-soft)}
.cc__grid--bordas .cc-text{background:transparent}
.cc-text--centro{text-align:center;align-items:center}
.cc-text .sub{margin:0}
.cc-text__body{column-count:var(--cc-cols,1);column-gap:32px}
.cc-text .btn-row{margin-top:6px}
.cc-text--centro .btn-row{justify-content:center}
.cc-news p{margin:0;max-width:46ch}
.cc-news__box{width:100%;max-width:440px}
.cc-news__form .btn{flex:none}
.cc-quote{margin:0}
.cc-quote__stars{display:flex;gap:3px;justify-content:center}
.cc-quote__stars .icon{width:16px;height:16px;fill:currentColor}
.cc-quote__text{margin:0;max-width:34ch;line-height:1.45}
.cc-quote__who{display:flex;align-items:center;gap:12px;text-align:left}
.cc-quote__who img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.cc-quote__who span{display:flex;flex-direction:column;line-height:1.3}
.cc-quote__who small{color:var(--color-body-text-light)}
.cc-prod{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(20px,3vw,48px);background:var(--color-background-soft)}
.cc-prod .card{width:min(100%,380px)}
.cc-prod__vazio{width:min(100%,320px);text-align:center}
.cc-prod__vazio .ph{aspect-ratio:4/5;height:auto}
.cc-video{position:relative;flex:1;display:flex;overflow:hidden;min-height:340px;background:#111;color:#fff;isolation:isolate}
.cc-video__el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.cc-video .media-fill{z-index:-1}
.cc-video__play{position:absolute;left:50%;top:50%;z-index:2;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(255,255,255,.92);color:#1c1c1c;display:flex;align-items:center;justify-content:center;transition:transform .3s}
.cc-video__play:hover{transform:scale(1.06)}
.cc-video.is-playing .cc-video__play,.cc-video.is-playing .cc-video__content{display:none}
.cc-video__content{align-self:flex-end}
@media (max-width:749px){
  .cc__grid{grid-template-columns:minmax(0,1fr)}
  .cc--inverter .cc__cell:nth-child(2){order:-1}
  .cc__grid--baixa .cc__cell,.cc__grid--media .cc__cell,.cc__grid--alta .cc__cell{min-height:0}
  .cc-img,.cc-video{min-height:clamp(320px,110vw,520px)}
  .cc-text__body{column-count:1}
}
/* botão sobre foto/vídeo fica claro em qualquer esquema de cores (o .btn--light do Ritmo segue o fundo suave) */
.cc-img .btn--light,.cc-video .btn--light{background:#fff;color:#1c1c1c}

/* ==========================================================================
   Imagem e destaque (letreiro, carrossel de textos, logos, mapa, caixa de promoção)
   ========================================================================== */
/* ── Imagem com letreiro ── */
.imq{position:relative;overflow:hidden;color:#fff;display:flex;isolation:isolate}
.imq--margem{padding-inline:0}
.imq--small{min-height:clamp(380px,36vw,540px)}.imq--medium{min-height:clamp(460px,46vw,700px)}.imq--large{min-height:clamp(540px,58vw,880px)}.imq--full{min-height:100svh}
.imq--escuro{color:#1c1c1c}
.imq picture{display:contents}
.imq__link{position:absolute;inset:0;z-index:2}
.imq__mq{position:absolute;left:0;right:0;z-index:1;overflow:hidden;pointer-events:none;padding-block:.15em;font-family:var(--font-headline);font-size:var(--imq-fs,72px);line-height:1.05}
.imq__mq--topo{top:clamp(18px,3vw,40px)}
.imq__mq--centro{top:50%;transform:translateY(-50%)}
.imq__mq--base{bottom:clamp(18px,3vw,40px)}
.imq__mq.is-upper{text-transform:uppercase;letter-spacing:.06em}
.imq__track{display:flex;width:max-content;animation:imq-rola var(--imq-dur,30s) linear infinite}
.imq__mq--rev .imq__track{animation-direction:reverse}
.imq__grp{display:flex;align-items:center;flex:none}
.imq__txt,.imq__sep{white-space:nowrap;padding-right:var(--imq-gap,40px)}
.imq__sep{opacity:.7;font-size:.6em}
@keyframes imq-rola{to{transform:translateX(-50%)}}
.imq__content{position:relative;z-index:3;width:100%;display:flex;flex-direction:column;padding-block:clamp(40px,6vw,80px);pointer-events:none}
.imq__content a,.imq__content button{pointer-events:auto}
.imq--txt-baixo-esquerda .imq__content{justify-content:flex-end;align-items:flex-start}
.imq--txt-baixo-centro .imq__content{justify-content:flex-end;align-items:center;text-align:center}
.imq--txt-centro .imq__content{justify-content:center;align-items:center;text-align:center}
.imq--txt-topo-esquerda .imq__content{justify-content:flex-start;align-items:flex-start}
.imq--txt-baixo-centro .btn-row,.imq--txt-centro .btn-row{justify-content:center}
.imq__content .h1{margin-bottom:22px;max-width:18ch}
.imq__content .rte{max-width:46ch;margin:-8px 0 26px}
.imq .btn--outline{color:inherit}
@media (max-width:749px){.imq__mq{font-size:calc(var(--imq-fs,72px) * .55)}}

/* ── Imagem com textos em carrossel ── */
.its{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center}
.its--w60{grid-template-columns:3fr 2fr}
.its--direita .its__media{order:2}
.its--direita.its--w60{grid-template-columns:2fr 3fr}
.its__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--color-background-soft)}
.its__media--duo{aspect-ratio:8/5}
.its__fig{position:absolute;inset:0;display:flex;gap:clamp(8px,1vw,16px);opacity:0;transition:opacity .8s ease,transform 1.2s cubic-bezier(.2,.6,.2,1);transform:scale(1.03)}
.its__fig.is-on{opacity:1;transform:none}
.its__fig img,.its__fig .ph{flex:1;min-width:0;width:100%;height:100%;object-fit:cover}
.its__txt{min-width:0}
.its__slides{display:grid}
.its__slide{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .6s,transform .6s,visibility 0s .6s}
.its__slide.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .6s,transform .6s,visibility 0s}
.its__slide .h0,.its__slide .h1,.its__slide .h2{margin:0 0 20px}
.its__slide .rte{max-width:46ch;margin-bottom:28px}
.its__nav{display:flex;align-items:center;gap:16px;margin-top:clamp(28px,4vw,48px)}
.its__arrow{width:44px;height:44px;border:1px solid var(--color-border);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .3s,background .3s}
.its__arrow:hover{border-color:currentColor}
.its__arrow--prev .icon{transform:rotate(180deg)}
.its__dots{display:flex;gap:8px}
.its__dot{width:8px;height:8px;border-radius:999px;background:currentColor;opacity:.25;transition:opacity .3s,width .3s}
.its__dot.is-on{opacity:1;width:24px}
@media (max-width:749px){
  .its,.its--w60,.its--direita.its--w60{grid-template-columns:1fr}
  .its--direita .its__media{order:0}
  .its__media{aspect-ratio:4/5}
  .its__media--duo{aspect-ratio:4/3}
}

/* ── Logos (visto em) ── */
.press{text-align:center}
.press__sub{margin-bottom:clamp(20px,3vw,36px)}
.press__quotes{display:grid;max-width:900px;margin:0 auto clamp(30px,4vw,52px)}
.press__quote{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .6s,transform .6s,visibility 0s .6s}
.press__quote.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .6s,transform .6s,visibility 0s}
.press__quote .h2{line-height:1.35}
.press__logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,4vw,64px)}
.press__item{min-width:0}
.press__logo{display:inline-flex;align-items:center;justify-content:center;min-height:44px;opacity:var(--press-op,.35);transition:opacity .35s}
.press__logo img{max-width:100%;height:auto;max-height:64px;object-fit:contain}
.press__logo.is-on,.press--grade .press__logo:hover,.press__logo:focus-visible{opacity:1}
.press--carrossel .press__logo{cursor:pointer}
.press__name{font-family:var(--font-headline);font-size:clamp(16px,1.6vw,22px);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
@media (max-width:749px){.press__logos{gap:18px 28px}.press__logo img{max-width:min(100%,38vw)}}

/* ── Mapa da loja física ── */
.map{display:grid;grid-template-columns:3fr 2fr;gap:clamp(24px,4vw,64px);align-items:center}
.map--direita .map__frame{order:2}
.map--direita{grid-template-columns:2fr 3fr}
.map__frame{position:relative;overflow:hidden;background:var(--color-background-soft);min-width:0}
.map--baixa .map__frame{height:clamp(260px,30vw,380px)}.map--media .map__frame{height:clamp(320px,40vw,520px)}.map--alta .map__frame{height:clamp(400px,52vw,680px)}
.map__iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map__capa{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.map__capa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.map__capa .btn{position:relative;z-index:1}
.map__capa .btn .icon{width:18px;height:18px}
.map__vazio{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:var(--color-body-text-light)}
.map__vazio .icon{width:32px;height:32px}
.map__info{min-width:0}
.map__info .h2{margin:0 0 22px}
.map__dados{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:14px}
.map__dados li{display:flex;gap:12px;align-items:flex-start;overflow-wrap:anywhere}
.map__dados .icon{margin-top:3px;flex:none}
.map__dados a{text-decoration:underline;text-underline-offset:4px}
@media (max-width:749px){
  .map,.map--direita{grid-template-columns:1fr}
  .map--direita .map__frame{order:0}
  .map__btn{width:100%}
}

/* ── Caixa de promoção ── */
.tpromo{position:relative;overflow:hidden;isolation:isolate;margin-inline:auto;text-align:center;padding:var(--tp-pad,56px) clamp(20px,5vw,var(--tp-pad,56px))}
.tpromo--estreita{max-width:640px}.tpromo--normal{max-width:900px}.tpromo--larga{max-width:none}
.tpromo--borda{border:1px solid var(--color-border)}
.tpromo--foto{color:#fff}
.tpromo--foto.tpromo--escuro{color:#1c1c1c}
.tpromo--foto .media-fill{z-index:-2}.tpromo--foto .veil{z-index:-1}
.tpromo__in{display:flex;flex-direction:column;align-items:center;gap:18px;position:relative}
.tpromo__titulo{margin:0}
.tpromo__texto{max-width:52ch}
.tpromo__btns{justify-content:center;margin-top:6px}
.tpromo--foto .btn--outline{color:inherit}
.tpromo__cupom{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%}
.tpromo__rotulo{font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.tpromo__box{display:flex;align-items:stretch;border:1px dashed currentColor;border-radius:var(--radius-btn);overflow:hidden;max-width:100%}
.tpromo__codigo{font-family:var(--font-headline);font-size:clamp(20px,2.6vw,30px);letter-spacing:.14em;padding:10px 22px;display:flex;align-items:center;overflow-wrap:anywhere;min-width:0}
.tpromo__copiar{padding:0 22px;min-height:48px;font-family:var(--font-headline);font-size:12px;letter-spacing:.2em;text-transform:uppercase;background:var(--color-action-background);color:var(--color-action-text);flex:none}
.tpromo--foto .tpromo__copiar{background:#fff;color:#1c1c1c}
.tpromo--foto.tpromo--escuro .tpromo__copiar{background:#1c1c1c;color:#fff}
.tpromo__copiar.is-ok{opacity:.85}
.tpromo__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:749px){.tpromo__codigo{padding:10px 14px}.tpromo__copiar{padding:0 14px}}

@media (prefers-reduced-motion:reduce){.imq__track{animation:none!important}.its__fig,.its__slide,.press__quote{transition:none!important}}

/* ==========================================================================
   Formulário de contato
   ========================================================================== */
/* ── Formulário de contato ── */
.cform{display:grid;gap:clamp(28px,4vw,56px);max-width:760px}
.cform--centro .cform__intro{text-align:center}
.cform__intro .h1{margin-bottom:14px}
.cform__texto{color:var(--color-body-text-light)}
@media (min-width:990px){
  .cform--lado{max-width:var(--site-max-width);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
  .cform--lado .cform__intro{position:sticky;top:calc(var(--hh,76px) + 24px)}
}
.cform__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 16px}
.cf{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;min-width:0}
@media (min-width:750px){.cf--metade{grid-column:span 1}}
.cf__label{font-size:13px;font-weight:600;color:var(--color-text);padding:0}
.cf__req{color:var(--color-sale);font-weight:600}
.cf__opt{font-weight:400;color:var(--color-body-text-light);font-size:12px}
.cf__input{width:100%;min-height:50px;padding:12px 16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-background);color:var(--color-text);font-size:16px;line-height:1.4;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.cf__input::placeholder{color:var(--color-body-text-light);opacity:.8}
.cf__input:focus{outline:none;border-color:var(--color-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 12%,transparent)}
.cf__area{resize:vertical;min-height:120px}
.cf__select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 22px) 52%,calc(100% - 16px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:44px}
.cf__group{border:0;margin:0;padding:0;min-width:0}
.cf__group legend{margin-bottom:8px}
.cf__radios{display:flex;flex-wrap:wrap;gap:8px}
.cf__radio{position:relative;display:inline-flex}
.cf__radio input{position:absolute;opacity:0;inset:0;cursor:pointer}
.cf__radio span{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border:1px solid var(--color-border);border-radius:999px;font-size:14px;transition:border-color .2s,background .2s}
.cf__radio input:checked+span{border-color:var(--color-text);background:var(--color-text);color:var(--color-background)}
.cf__radio input:focus-visible+span{outline:1px solid currentColor;outline-offset:3px}
.cf__check{display:flex;align-items:flex-start;gap:10px;font-size:14px;cursor:pointer}
.cf__check input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--color-action-background)}
.cf__help{margin:0;font-size:12px;color:var(--color-body-text-light)}
.cf__err{margin:0;font-size:13px;color:#b42318}
.cf.is-erro .cf__input,.cf.is-erro .cf__radio span{border-color:#b42318}
.cform__hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.cform__priv{margin:18px 0 0;font-size:12px;color:var(--color-body-text-light)}
.cform__acoes{margin-top:22px}
.cform__acoes .btn{min-width:220px}
@media (max-width:749px){.cform__acoes .btn{width:100%}}
.cform__status{margin:14px 0 0;padding:12px 16px;border-radius:12px;background:#fef3f2;color:#b42318;font-size:14px}
.cform__ok{text-align:center;padding:clamp(28px,5vw,48px) 20px;border:1px solid var(--color-border);border-radius:20px;display:grid;justify-items:center;gap:10px}
.cform__ok .icon{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--color-action-background);color:var(--color-action-text)}
.cform__ok p{margin:0}
.cform__ok:focus{outline:none}

/* ==========================================================================
   Cabeçalho, barra de avisos, rodapé e pop-ups
   ========================================================================== */
/* ── Moldura: cabeçalho, barra de avisos, rodapé e pop-ups ── */
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* cabeçalho: logo (computador e celular) e logo clara no transparente */
.header__logo-clara{display:none}
@media (max-width:749px){.header__logo img{width:var(--logo-w-m,var(--logo-w,150px))}}
.header--transparent:not(.is-solid):not(:hover):not(.is-open) .header__logo.has-clara .header__logo-img{display:none}
.header--transparent:not(.is-solid):not(:hover):not(.is-open) .header__logo.has-clara .header__logo-clara{display:block}
.header--transparent .header__logo .header__logo-clara{filter:none}

/* cabeçalho fixo ao rolar: desligável */
.section-header:has(.header--static){position:relative}
.section-header:has(.header--transparent.header--static),.section-header.is-fixed:has(.header--static){position:absolute}

/* item do menu em destaque */
.nav__link--dest,.mnav__dest{color:var(--nav-dest)!important}

/* botão de destaque (computador) */
.header__cta{margin-right:10px}
.header--transparent:not(.is-solid):not(:hover):not(.is-open) .header__cta.btn--ghost{color:inherit}

/* layout: logo à esquerda e menu ao lado */
.header--esquerda .header__inner{grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(20px,3vw,48px)}
.header--esquerda .header__left{gap:6px}
.header--esquerda .header__logo{text-align:left}
.header--esquerda .header__mid{display:flex;justify-content:flex-start;min-width:0}
.header--esquerda .nav__list{gap:4px 30px;flex-wrap:wrap}

/* layout: logo no centro e menu embaixo */
.header--centro .header__inner{grid-template-columns:1fr auto 1fr}
.header__row2{border-top:1px solid rgba(0,0,0,.06)}
.header--transparent:not(.is-solid):not(:hover):not(.is-open) .header__row2{border-color:rgba(255,255,255,.2)}
.header__row2 .nav{display:flex;justify-content:center}
.header__row2 .nav__list{gap:4px 34px;flex-wrap:wrap;justify-content:center}
.header__row2 .nav__link{padding:16px 0}
.header__row2 .nav__link::after{bottom:11px}

/* layout: só ícones (menu sempre na gaveta) */
.header--gaveta .header__burger{display:grid}
.header--gaveta .header__inner{grid-template-columns:1fr auto 1fr}

@media (max-width:1024px){
  .header__cta{display:none}
  .header__row2{display:none}
  .header--esquerda .header__inner{grid-template-columns:minmax(0,1fr) auto}
  .header--esquerda .header__mid{display:none}
}
@media (max-width:749px){
  .header--centro .header__inner,.header--gaveta .header__inner{grid-template-columns:44px minmax(0,1fr) auto}
  .header--esquerda .header__left .header__logo img{max-width:52vw}
}

/* menu suspenso com fotos (mega menu) */
.nav__sub-wrap{display:flex;align-items:flex-start;gap:clamp(32px,4vw,70px);padding-block:40px 48px}
.nav__sub-wrap>.nav__sub-grid{padding-block:0;padding-inline:0;flex:1 1 auto;margin:0;max-width:none;width:auto}
.nav__promos{display:flex;gap:20px;margin-left:auto;flex:none}
.nav__promo{width:clamp(170px,15vw,250px);display:grid;gap:6px;align-content:start}
.nav__promo-img{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--color-background-soft)}
.nav__promo-img img,.nav__promo-img .ph{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.nav__promo:hover .nav__promo-img img{transform:scale(1.05)}
.nav__promo-title{font-family:var(--font-headline);font-weight:600;font-size:15px;margin-top:6px}
.nav__promo-text{font-size:13.5px;color:var(--color-body-text-light);line-height:1.45}
.nav__promo-cta{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
.header--transparent .nav__sub{color:var(--color-header-text)}

/* menu do celular: busca, menu secundário, redes e imagem */
.mnav-wrap{display:flex;flex-direction:column}
.mnav__search{display:flex;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:999px;padding:0 16px;margin:18px 0 4px;min-height:46px}
.mnav__search .icon{width:18px;height:18px;opacity:.7}
.mnav__search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:16px;height:44px}
.mnav__sec{list-style:none;margin:0;padding:20px 0 0;display:grid;gap:10px;font-size:14.5px;color:var(--color-body-text-light)}
.mnav__sec a:hover{color:var(--color-text)}
.mnav__social{margin:18px 0 0 -8px}
.mnav__banner{position:relative;display:block;margin-top:24px;aspect-ratio:16/10;overflow:hidden;background:var(--color-background-soft)}
.mnav__banner img{width:100%;height:100%;object-fit:cover}
.mnav__banner span{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;color:#fff;font-family:var(--font-headline);font-size:18px;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}

/* barra de avisos: celular/computador, frete grátis e letreiro */
@media (min-width:750px){.ab-celular{display:none!important}}
@media (max-width:749px){.ab-computador{display:none!important}}
.announce__frete .icon{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:8px}
.announce--rolar .announce__in{justify-content:flex-start}
.announce__marquee{flex:1 1 auto;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.announce__track{display:flex;width:max-content;animation:ab-rolar var(--ab-tempo,25s) linear infinite}
.announce__marquee:hover .announce__track{animation-play-state:paused}
.announce__run{display:flex;align-items:center;gap:56px;padding-right:56px;flex:none}
.announce--rolar .announce__msg{grid-area:auto;opacity:1;pointer-events:auto;white-space:nowrap}
@keyframes ab-rolar{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.announce__track{width:auto;flex-wrap:wrap;justify-content:center}.announce__run[aria-hidden="true"]{display:none}.announce__marquee{-webkit-mask-image:none;mask-image:none}}

/* rodapé: colunas, logo, contato, redes, pagamento, sanfona */
@media (min-width:1025px){
  .footer__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .footer__grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .footer__col--wide{grid-column:span 2}
}
.footer__social{margin-top:18px;margin-left:-8px}
.footer__col--redes .footer__social{margin-top:0}
.footer__logo{display:inline-block;margin-bottom:16px}
.footer__logo img{width:var(--fl-w,140px);max-width:100%;height:auto}
.footer__contact{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:14px}
.footer__contact li{display:flex;gap:10px;align-items:flex-start;color:var(--color-footer-text)}
.footer__contact .icon{width:18px;height:18px;margin-top:2px;opacity:.8;flex:none}
.footer__contact a:hover{text-decoration:underline;text-underline-offset:3px}
.footer__more{display:inline-block;margin-top:4px;font-size:13px;text-decoration:underline;text-underline-offset:3px;color:var(--color-footer-text)}
.footer__bottom:has(.payicons){justify-content:space-between}
.payicons{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.payi svg{display:block;width:46px;height:28px}
.payi rect{fill:#fff;stroke:rgba(0,0,0,.14)}
.payi text{font:700 9.5px/1 Arial,Helvetica,sans-serif;fill:#1d2733;letter-spacing:.04em}
.payi .payi__sm{font-size:8px}
.payi .payi__xs{font-size:5.6px}
.payi__mark{fill:#32bcad}
.payi__bars{stroke:#1d2733;stroke-width:1;fill:none}
.footer__toggle{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
.footer__toggle:focus-visible{outline:1px solid currentColor;outline-offset:3px}
.footer__toggle .icon{display:none}
@media (max-width:749px){
  .footer--acc .footer__grid{gap:0}
  .footer--acc .footer__col{border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);padding-block:14px}
  .footer--acc .footer__col:has(.footer__toggle) .footer__title{margin:0}
  .footer--acc .footer__col:has(.footer__toggle) .footer__body{padding-top:14px}
  .footer--acc .footer__toggle{cursor:pointer;padding:6px 0}
  .footer--acc .footer__toggle .icon{display:block;width:18px;height:18px;transition:transform .3s}
  .footer--acc .footer__col:not(.is-closed) .footer__toggle .icon{transform:rotate(180deg)}
  .footer--acc .footer__col.is-closed .footer__body{display:none}
  .footer__bottom:has(.payicons){justify-content:center;flex-direction:column-reverse}
}

/* pop-up de newsletter: janela no centro (como antes) ou caixa no canto, com imagem */
.popup2{max-height:calc(100vh - 32px);overflow:auto}
.popup2:focus{outline:none}
.popup2__erro{color:#c62828;font-size:13px;margin:12px 0 0}
.popup2__ok .h3{margin-bottom:12px}
.popup2--img{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);padding:0;width:min(840px,calc(100vw - 32px))}
.popup2--img .popup2__media{min-height:100%}
.popup2--img .popup2__media img{width:100%;height:100%;object-fit:cover}
.popup2--img .popup2__body{padding:46px 40px 36px;align-self:center}
.popup2--canto{left:auto;top:auto;right:auto;bottom:auto;transform:translateY(24px);width:min(380px,calc(100vw - 24px));padding:34px 24px 24px;box-shadow:0 20px 60px rgba(0,0,0,.18)}
.popup2--canto.is-on{transform:none}
.popup2--inf-dir{right:16px;bottom:16px}.popup2--inf-esq{left:16px;bottom:16px}
.popup2--sup-dir{right:16px;top:16px}.popup2--sup-esq{left:16px;top:16px}
.popup2--canto .h3{font-size:clamp(20px,2vw,24px)}
.popup2--canto p{margin-bottom:16px}
.popup2--canto .news{flex-direction:column;gap:10px}
.popup2--canto .news .btn{border-radius:var(--radius-btn);margin:0}
.popup2--canto.popup2--img{grid-template-columns:120px minmax(0,1fr);width:min(460px,calc(100vw - 24px));padding:0}
.popup2--canto.popup2--img .popup2__body{padding:30px 20px 20px}
@media (max-width:749px){
  .popup2--img{grid-template-columns:1fr}
  .popup2--img .popup2__media{max-height:180px;min-height:0}
  .popup2--img .popup2__body{padding:30px 22px 24px}
  .popup2--canto.popup2--img{grid-template-columns:1fr}
  .popup2--canto.popup2--img .popup2__media{display:none}
  .popup2--canto{left:12px;right:12px;width:auto}
}

/* cupom com botão de copiar */
.ecupom{display:inline-flex;align-items:stretch;position:relative;margin:4px 0 20px;border:1px dashed currentColor;border-radius:8px}
.ecupom__code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:700;letter-spacing:.12em;padding:9px 14px;user-select:all}
.ecupom__btn{padding:0 14px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-left:1px dashed currentColor;background:color-mix(in srgb,currentColor 10%,transparent);border-radius:0 7px 7px 0}
.ecupom__ok{position:absolute;left:0;top:100%;margin-top:4px;font-size:12px;white-space:nowrap}

/* pop-up de promoção */
.promo-pop{position:fixed;z-index:96;bottom:16px;width:min(350px,calc(100vw - 24px));background:var(--pp-bg);color:var(--pp-fg);padding:22px 22px 20px;border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.24);opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1),visibility .5s;max-height:calc(100vh - 32px);overflow:auto}
.promo-pop:focus{outline:none}
.promo-pop.is-on{opacity:1;visibility:visible;transform:none}
.promo-pop--direita{right:16px}.promo-pop--esquerda{left:16px}
.promo-pop--centro{left:50%;top:50%;bottom:auto;width:min(440px,calc(100vw - 32px));transform:translate(-50%,-46%);text-align:center;padding:36px 30px 30px}
.promo-pop--centro.is-on{transform:translate(-50%,-50%)}
.promo-pop .popup__close{position:absolute;top:6px;right:6px;width:34px;height:34px;display:grid;place-items:center;color:inherit}
.promo-pop--img:not(.promo-pop--centro){display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center}
.promo-pop__media{overflow:hidden;border-radius:6px}
.promo-pop__media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.promo-pop--centro .promo-pop__media{margin:-36px -30px 18px;border-radius:10px 10px 0 0}
.promo-pop--centro .promo-pop__media img{aspect-ratio:16/9}
.promo-pop__sub{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.8;margin-bottom:6px}
.promo-pop__title{font-family:var(--font-headline);font-weight:var(--font-headline-weight);font-size:20px;line-height:1.2;margin:0 28px 6px 0}
.promo-pop--centro .promo-pop__title{font-size:clamp(22px,2.4vw,28px);margin-right:0}
.promo-pop__text{font-size:14px;margin:0 0 12px;opacity:.88}
.promo-pop__btn{background:var(--pp-fg);color:var(--pp-bg);margin-top:2px}
.promo-pop .ecupom{margin-bottom:22px}
@media (max-width:749px){.promo-pop--direita,.promo-pop--esquerda{left:12px;right:12px;width:auto;bottom:12px}}
.nav__item.is-shut .nav__sub{opacity:0!important;visibility:hidden!important}
/* botão de destaque no layout dividido: a coluna da direita cresce para caber o botão */
.header__right>*,.header__left>*{flex:none}
.header--split .header__inner:has(.header__cta){grid-template-columns:minmax(120px,auto) minmax(0,1fr) minmax(120px,auto)}

/* ==========================================================================
   Coleções (troca de foto, produtos com imagem, frase com produtos, lista de coleções) — fica por último: algumas regras empatam com a base e dependem da ordem
   ========================================================================== */
/* ── Lista de coleções: formatos, colunas e celular ── */
.clist--fmt-quadrado .clist__item{aspect-ratio:1/1}
.clist--fmt-quadrado.clist--below .clist__item .clist__img{aspect-ratio:1/1}
.clist--fmt-circulo .clist__item .clist__img{aspect-ratio:1/1;border-radius:50%;overflow:hidden}
.clist--fmt-circulo.clist--below .clist__name{text-align:center}
.clist.clist--fmt-botao{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.clist.clist--fmt-botao .clist__btn{aspect-ratio:auto;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border:1px solid var(--color-border);border-radius:var(--radius-btn);color:var(--color-text);font-size:14px;letter-spacing:.03em;text-align:center;transition:background .3s,color .3s,border-color .3s}
.clist.clist--fmt-botao .clist__btn:hover{background:var(--color-action-background);color:var(--color-action-text);border-color:var(--color-action-background)}
@media (max-width:1024px) and (min-width:750px){
  .clist[style*="--n:5"],.clist[style*="--n:6"],.clist[style*="--n:7"],.clist[style*="--n:8"]{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:749px){
  .clist.clist--fmt-circulo.clist--cel-auto{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}
  .clist.clist--cel-2:not(.clist--fmt-botao){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .clist.clist--cel-1:not(.clist--fmt-botao){grid-template-columns:minmax(0,1fr)}
  .clist.clist--cel-carrossel{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding-inline:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .clist.clist--cel-carrossel::-webkit-scrollbar{display:none}
  .clist.clist--cel-carrossel>.clist__item{flex:0 0 70%;scroll-snap-align:start}
  .clist.clist--cel-carrossel.clist--fmt-quadrado>.clist__item{flex-basis:56%}
  .clist.clist--cel-carrossel.clist--fmt-circulo>.clist__item{flex-basis:36%}
  .clist.clist--cel-carrossel.clist--fmt-botao>.clist__item{flex:0 0 auto}
  .clist.clist--fmt-botao .clist__btn{min-height:42px;padding:0 18px;font-size:13px}
}

/* ── Coleções com troca de foto ── */
.chov{position:relative;display:grid;color:#fff;overflow:clip;--chov-hh:clamp(520px,60vw,820px)}
.chov--h-media{--chov-hh:clamp(420px,46vw,620px)}
.chov--h-tela{--chov-hh:100svh}
.chov>.chov__media,.chov>.chov__body{grid-area:1/1}
.chov__media{position:sticky;top:0;height:var(--chov-hh);align-self:start;overflow:hidden;background:#1c1c1c}
.chov__img{opacity:0;transform:scale(1.06);transition:opacity .8s ease,transform 1.6s cubic-bezier(.2,.6,.2,1)}
.chov__img.is-on{opacity:1;transform:none}
.chov__media .veil{z-index:1}
.chov__body{position:relative;z-index:2;min-height:var(--chov-hh);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:clamp(48px,7vw,96px)}
.chov__sub{color:inherit;opacity:.9}
.chov__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(2px,.8vw,10px)}
.chov__item{display:inline-flex;align-items:baseline;gap:16px;color:rgba(255,255,255,.5);transition:color .35s ease,transform .45s cubic-bezier(.2,.6,.2,1)}
.chov__item.is-on,.chov__item:hover,.chov__item:focus-visible{color:#fff}
.chov__item.is-on{transform:translateX(10px)}
.chov__name{font-family:var(--font-headline);font-weight:var(--font-headline-weight);font-size:var(--chov-fs);line-height:1.08;text-transform:var(--headings-transform);letter-spacing:var(--headings-tracking);overflow-wrap:anywhere}
.chov__txt{font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.chov--centro .chov__body{align-items:center;text-align:center}
.chov--centro .chov__item{justify-content:center}
.chov--centro .chov__item.is-on{transform:none}
@media (max-width:749px){
  .chov,.chov.chov--hm-tela{--chov-hh:100svh}
  .chov.chov--hm-media{--chov-hh:70svh}
  .chov.chov--hm-grande{--chov-hh:85svh}
  .chov__name{font-size:var(--chov-fsm)}
  .chov__item{flex-direction:column;align-items:flex-start;gap:2px}
  .chov--centro .chov__item{align-items:center}
  .chov__item.is-on{transform:none}
}

/* ── Produtos ao lado de uma imagem ── */
.pwi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:stretch}
.pwi--img-direita .pwi__media{order:2}
.pwi__media{position:relative;overflow:hidden;display:flex;min-height:clamp(420px,46vw,760px);padding:clamp(24px,3.4vw,48px);color:#fff}
.pwi__media--escuro{color:#1c1c1c}
.pwi__media img{transition:transform 1.4s cubic-bezier(.2,.6,.2,1)}
@media (hover:hover){.has-zoom .pwi__media:hover img{transform:scale(1.04)}}
.pwi__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:40ch}
.pwi__content .sub{margin:0}
.pwi__content .h1{margin:0}
.pwi--v-topo{align-items:flex-start}.pwi--v-meio{align-items:center}.pwi--v-base{align-items:flex-end}
.pwi--h-esquerda{justify-content:flex-start}
.pwi--h-centro{justify-content:center}.pwi--h-centro .pwi__content{align-items:center;text-align:center}
.pwi--h-direita{justify-content:flex-end}.pwi--h-direita .pwi__content{align-items:flex-end;text-align:right}
.pwi__prods{display:flex;flex-direction:column;justify-content:center;min-width:0}
.pwi__ptitle{margin:0 0 22px}
.pwi__grid{gap:clamp(28px,3vw,44px) clamp(12px,1.6vw,24px)}
@media (max-width:749px){
  .pwi{grid-template-columns:minmax(0,1fr)}
  .pwi--img-direita .pwi__media{order:0}
  .pwi--inv-m .pwi__media{order:2}
  .pwi__media{min-height:0;aspect-ratio:4/5}
  .pwi__grid:not(.grid--scroll){grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ── Frase com produtos ── */
.twp{max-width:1120px;margin-inline:auto}
.twp--centro{text-align:center}
.twp--esquerda{text-align:left;margin-inline:0}
.twp__frase{margin:0;font-family:var(--font-headline);font-weight:var(--font-headline-weight);font-size:var(--twp-fs);line-height:1.4;text-transform:var(--headings-transform);letter-spacing:var(--headings-tracking);color:var(--color-headings-text);text-wrap:balance;overflow-wrap:anywhere}
.twp__thumb{position:relative;display:inline-block;width:var(--w,90px);vertical-align:middle;margin:.06em .1em;line-height:0;transition:transform .35s cubic-bezier(.2,.6,.2,1)}
.twp__thumb>img,.twp__thumb>.ph,.twp__thumb>svg{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;background:var(--color-background-soft)}
.twp__thumb--circulo{aspect-ratio:1/1;border-radius:50%}
.twp__thumb--arredondado{aspect-ratio:1/1;border-radius:18%}
.twp__thumb--retrato{aspect-ratio:3/4;border-radius:10px}
a.twp__thumb:hover,a.twp__thumb:focus-visible{transform:translateY(-4px)}
.twp__tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,6px);white-space:nowrap;background:var(--color-headings-text);color:var(--color-background);font-family:var(--font-base);font-weight:500;font-size:13px;line-height:1.3;letter-spacing:0;text-transform:none;padding:7px 13px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:5}
.twp__thumb:hover .twp__tip,.twp__thumb:focus-visible .twp__tip{opacity:1;transform:translate(-50%,0)}
@media (max-width:749px){
  .twp__frase{font-size:var(--twp-fsm)}
  .twp__thumb{width:var(--wm,52px)}
  .twp__tip{display:none}
}

/* ── Kit "Aparência da seção" (fim de cada seção no editor) ──
   O motor põe as classes/variáveis no invólucro da seção. */
.sec-t-p{--h-sec:.85}.sec-t-g{--h-sec:1.18}.sec-t-gg{--h-sec:1.4}
.sec-x-p{font-size:calc(var(--font-base-size,15px) * .9)}.sec-x-g{font-size:calc(var(--font-base-size,15px) * 1.14)}
.sec-x-p .rte,.sec-x-p p,.sec-x-g .rte,.sec-x-g p{font-size:inherit}
.has-bg{background:var(--sec-bg);--color-background:var(--sec-bg);--color-background-soft:color-mix(in srgb,var(--sec-bg) 92%,var(--color-text))}
.has-bg .bg-soft{background:transparent}
.has-fg{color:var(--sec-fg);--color-text:var(--sec-fg);--color-headings-text:var(--sec-fg);--color-body-text-light:color-mix(in srgb,var(--sec-fg) 72%,transparent);--color-border:color-mix(in srgb,var(--sec-fg) 20%,transparent)}
.esp-a-nenhum>:not(style){padding-top:0!important;margin-top:0!important}
.esp-a-pequeno>:not(style){padding-top:clamp(16px,2vw,28px)!important}
.esp-a-medio>:not(style){padding-top:clamp(40px,5vw,72px)!important}
.esp-a-grande>:not(style){padding-top:clamp(70px,9vw,140px)!important}
.esp-b-nenhum>:not(style){padding-bottom:0!important;margin-bottom:0!important}
.esp-b-pequeno>:not(style){padding-bottom:clamp(16px,2vw,28px)!important}
.esp-b-medio>:not(style){padding-bottom:clamp(40px,5vw,72px)!important}
.esp-b-grande>:not(style){padding-bottom:clamp(70px,9vw,140px)!important}
@media (min-width:750px){.so-celular{display:none!important}}
@media (max-width:749px){.so-computador{display:none!important}}
.has-bg{--color-footer-background:var(--sec-bg)}.has-fg{--color-footer-text:var(--sec-fg)}
.has-bg>:not(style){background-color:var(--sec-bg)}
.has-fg>:not(style){color:var(--sec-fg)}
picture{display:contents}

/* ── Banner com produtos clicáveis (05/11): altura escolhida, foto do celular,
   nunca encolhe a largura (antes: 16:9 + altura máxima = faixa branca do lado) ── */
.shop-hero .shop-hero__media{aspect-ratio:auto;max-height:none;width:100%;overflow:hidden}
.shop-hero .shop-hero__img{display:block;width:100%}
.sh-h-imagem .shop-hero__media .shop-hero__img{position:relative;inset:auto;height:auto}
.shop-hero:not(.sh-h-imagem) .shop-hero__media .shop-hero__img{position:absolute;inset:0;height:100%;object-fit:cover}
.sh-h-tela .shop-hero__media{height:calc(100svh - var(--hh,0px))}
body:has(.header--transparent) .sh-h-tela .shop-hero__media{height:100svh}
.sh-h-g .shop-hero__media{height:80svh}.sh-h-m .shop-hero__media{height:60svh}.sh-h-p .shop-hero__media{height:45svh}
.shop-hero .pin{left:var(--px);top:var(--py)}
.sh-cor-escuro{color:#1c1c1c}
.sh-cor-escuro .shop-hero__text .h1,.sh-cor-escuro .shop-hero__text p{text-shadow:none}
@media (min-width:750px){
  .shop-hero .shop-hero__text{inset:0;max-width:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;pointer-events:none;padding:clamp(28px,4vw,64px) clamp(20px,3.4vw,48px)}
  .shop-hero .shop-hero__text>*{pointer-events:auto;max-width:min(680px,100%)}
  .sh-pos-base-centro .shop-hero__text{align-items:center;text-align:center}
  .sh-pos-base-dir .shop-hero__text{align-items:flex-end;text-align:right}
  .sh-pos-centro .shop-hero__text{justify-content:center;align-items:center;text-align:center}
  .sh-pos-meio-esq .shop-hero__text{justify-content:center}
  .sh-pos-topo-esq .shop-hero__text{justify-content:flex-start;padding-top:calc(var(--hh,0px) + 28px)}
  .sh-pos-centro .veil,.sh-pos-meio-esq .veil{background:rgba(0,0,0,var(--veil,.35))}
  .sh-pos-topo-esq .veil{background:linear-gradient(0deg,rgba(0,0,0,0) 45%,rgba(0,0,0,var(--veil,.35)))}
}
@media (max-width:749px){
  .shop-hero:not(.sh-hm-imagem) .shop-hero__media .shop-hero__img{position:absolute;inset:0;height:100%;object-fit:cover}
  .sh-hm-imagem .shop-hero__media{height:auto!important}
  .sh-hm-imagem .shop-hero__media .shop-hero__img{position:relative;height:auto}
  .sh-hm-tela .shop-hero__media{height:calc(100svh - var(--hh,0px))}
  body:has(.header--transparent) .sh-hm-tela .shop-hero__media{height:100svh}
  .sh-hm-g .shop-hero__media{height:75svh}.sh-hm-m .shop-hero__media{height:55svh}
  .shop-hero .pin{left:var(--pxm,var(--px));top:var(--pym,var(--py))}
  .sh-sem-pontos-m .pin{display:none}
  .sh-tm-sobre{color:#fff}
  .sh-tm-sobre.sh-cor-escuro{color:#1c1c1c}
  .sh-tm-sobre .shop-hero__text{position:absolute;inset:auto 0 0 0;padding:0 20px 26px}
  .sh-tm-sobre .veil{display:block;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,var(--veil,.35)))}
  .sh-tm-sobre .shop-hero__text .h1,.sh-tm-sobre .shop-hero__text p{text-shadow:0 1px 14px rgba(0,0,0,.25)}
}

/* ── Texto rolando (05/11): tudo editável na seção ── */
.marquee{padding-block:var(--mq-py,clamp(18px,2.4vw,34px))}
.marquee--borda{border-block:1px solid var(--color-border)}
.marquee--sem-pausa:hover .marquee__track{animation-play-state:running}
.marquee__grp{gap:var(--mq-gap,clamp(30px,4vw,64px));padding-right:var(--mq-gap,clamp(30px,4vw,64px))}
.marquee__txt{font-family:var(--mq-ff,var(--font-headline));font-weight:var(--mq-fw,400);font-size:min(var(--mq-fs,90px),7vw);letter-spacing:var(--mq-ls,.12em);text-transform:var(--mq-tt,uppercase);font-style:var(--mq-fst,normal)}
.marquee--contorno .marquee__txt{color:transparent;-webkit-text-stroke:1px var(--mq-c,#c4c4c4)}
.marquee__img{height:var(--mq-ih,clamp(56px,7vw,110px))}
.marquee__sep{font-size:calc(var(--mq-fs,90px) * .5);color:var(--mq-c,#c4c4c4);line-height:1}
.marquee__a{display:inline-flex;align-items:center}
@media (max-width:749px){.marquee__txt{font-size:var(--mq-fsm,38px)}.marquee__sep{font-size:calc(var(--mq-fsm,38px) * .5)}.marquee__img{height:calc(var(--mq-ih,110px) * .6)}.marquee{padding-block:calc(var(--mq-py,28px) * .7)}}
/* barra de avisos: a mensagem que sai some antes da próxima aparecer (sem texto sobreposto) */
.announce__msg{transition:opacity .3s ease}
.announce__msg.is-on{transition:opacity .35s ease .3s}

/* ==========================================================================
   Banners nítidos, foto do celular e alturas (05/11)
   ========================================================================== */
/* ── Alturas dos banners (classes g-h-* no computador, g-hm-* no celular) ──
   .g-media = a caixa da foto; .g-over = o texto por cima.
   "imagem" = a foto entra no fluxo com a proporção real (nunca corta, nunca
   sobra faixa branca); o texto fica por cima, absoluto. As alturas antigas
   (small/medium/large/full…) seguem com as regras do ritmo.css. */
@media (min-width:750px){
  .g-h-imagem{display:block!important;min-height:0!important;height:auto!important;aspect-ratio:auto!important}
  .g-h-imagem .g-media{position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important}
  .g-h-imagem .g-media img,.g-h-imagem .g-media video,.g-h-imagem .g-media svg{position:relative!important;inset:auto!important;height:auto!important;width:100%!important}
  .g-h-imagem .g-over{position:absolute!important;inset:0!important;margin:auto}
  .g-h-tela{min-height:0!important;height:calc(100svh - var(--hh,0px))!important}
  body:has(.header--transparent) .g-h-tela{height:100svh!important}
  .g-h-g{min-height:0!important;height:80svh!important}
  .g-h-m{min-height:0!important;height:60svh!important}
  .g-h-p{min-height:0!important;height:45svh!important}
}
@media (max-width:749px){
  .g-hm-imagem{display:block!important;min-height:0!important;height:auto!important;aspect-ratio:auto!important}
  .g-hm-imagem .g-media{position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important}
  .g-hm-imagem .g-media img,.g-hm-imagem .g-media video,.g-hm-imagem .g-media svg{position:relative!important;inset:auto!important;height:auto!important;width:100%!important}
  .g-hm-imagem .g-over{position:absolute!important;inset:0!important;margin:auto}
  .g-hm-tela{min-height:0!important;height:calc(100svh - var(--hh,0px))!important;aspect-ratio:auto!important}
  body:has(.header--transparent) .g-hm-tela{height:100svh!important}
  .g-hm-g{min-height:0!important;height:75svh!important;aspect-ratio:auto!important}
  .g-hm-m{min-height:0!important;height:55svh!important;aspect-ratio:auto!important}
  .g-hm-p{min-height:0!important;height:40svh!important;aspect-ratio:auto!important}
  /* texto embaixo da foto no celular */
  .g-tm-abaixo{display:block!important;min-height:0!important;height:auto!important;color:var(--color-text)!important}
  .g-tm-abaixo .g-media{position:relative!important;inset:auto!important;height:auto!important}
  .g-tm-abaixo:not(.g-hm-imagem) .g-media{aspect-ratio:4/5}
  .g-tm-abaixo .g-media img{position:relative!important;height:100%!important;width:100%!important;object-fit:cover}
  .g-tm-abaixo.g-hm-imagem .g-media img{height:auto!important}
  .g-tm-abaixo .veil{display:none}
  .g-tm-abaixo .g-over{position:relative!important;inset:auto!important;padding-block:22px 6px!important;justify-content:flex-start!important}
  .g-tm-abaixo .btn--light{background:var(--color-action-background);color:var(--color-action-text)}
}
/* imagem com texto por cima: posições novas */
.ovl--baixo-centro .ovl__content{justify-content:flex-end;align-items:center;text-align:center}
.ovl--baixo-direita .ovl__content{justify-content:flex-end;align-items:flex-end;text-align:right}
.ovl--direita .ovl__content{justify-content:center;align-items:flex-end;text-align:right}
.ovl--topo-esquerda .ovl__content{justify-content:flex-start;align-items:flex-start}
.ovl--baixo-centro .btn-row{justify-content:center}
.ovl--baixo-direita .btn-row,.ovl--direita .btn-row{justify-content:flex-end}
.ovl--baixo-centro .rte{margin-inline:auto}
.ovl--baixo-direita .rte,.ovl--direita .rte{margin-left:auto}
.ovl .ovl__content.g-over{display:flex;flex-direction:column}
.ovl--tela{min-height:calc(100svh - var(--hh,0px))}
/* slides: "do tamanho da imagem" = o 1º slide entra no fluxo e dá a altura */
@media (min-width:750px){.slideshow.g-h-imagem .slide:first-child{position:relative}.slideshow.g-h-tela{height:calc(100svh - var(--hh,0px))!important}}
@media (max-width:749px){.slideshow.g-hm-imagem .slide:first-child{position:relative}}
.slideshow.g-h-imagem .slide:not(:first-child) .media-fill img{height:100%}
.slide--baixo-centro .slide__content{justify-content:flex-end;align-items:center;text-align:center}
.slide--direita .slide__content{justify-content:flex-end;align-items:flex-end;text-align:right}
.slide--direita .btn-row{justify-content:flex-end}
.slide--topo-esquerda .slide__content{justify-content:flex-start;align-items:flex-start;text-align:left;padding-top:calc(var(--hh,0px) + 40px)}
.slide--topo-esquerda .btn-row{justify-content:flex-start}
/* vídeo de fundo e vídeo: mídia dentro de .media-fill; posições e cor do texto */
.vhero--escuro,.video--escuro{color:#1c1c1c}
.vhero--baixo-esquerda{place-items:end start;text-align:left}
.vhero--baixo-esquerda .vhero__in{justify-items:start;padding:clamp(28px,4vw,56px) clamp(20px,3.4vw,48px)}
.vhero--baixo-centro{place-items:end center}
.g-h-imagem .vhero__in,.g-hm-imagem .vhero__in,.g-h-imagem .video__content,.g-hm-imagem .video__content{display:grid;align-content:center}
.g-h-imagem.vhero--baixo-esquerda .vhero__in,.g-h-imagem.vhero--baixo-centro .vhero__in{align-content:end}
@media (min-width:750px){.g-h-imagem.vhero--baixo-esquerda .vhero__in{margin:0;max-width:none}}
.video.is-playing .media-fill{visibility:hidden}
.video.is-playing .video__content,.video.is-playing .veil{display:none}
/* contagem: texto centralizado por cima quando a altura vem da imagem */
.g-h-imagem .cdown__in,.g-hm-imagem .cdown__in{justify-content:center}
/* imagem com caixa de texto */
@media (min-width:750px){
  .iwtb.g-h-imagem .iwtb__box{position:absolute;top:0;bottom:0;left:0;height:fit-content;margin-block:auto}
  .iwtb.g-h-imagem.iwtb--direita .iwtb__box{left:auto;right:0}
}
/* banner da categoria */
.col-banner--escuro{color:#1c1c1c}
.g-h-imagem .col-banner__in,.g-hm-imagem .col-banner__in{display:flex;flex-direction:column;justify-content:center;align-items:center}
/* produtos ao lado de uma imagem: imagem inteira com o texto por cima */
.pwi__media.g-h-imagem .pwi__content,.pwi__media.g-hm-imagem .pwi__content{flex-direction:column}
@media (min-width:750px){
  .pwi__media.g-h-imagem{padding:0}
  .pwi__media.g-h-imagem .pwi__content{max-width:none;margin:0;padding:clamp(24px,3.4vw,48px);display:flex}
  .pwi__media.g-h-imagem .pwi__content>*{max-width:40ch}
}
@media (max-width:749px){
  .pwi__media.g-hm-imagem{padding:0}
  .pwi__media.g-hm-imagem .pwi__content{max-width:none;margin:0;padding:24px;display:flex}
}
.pwi--v-topo .pwi__content.g-over{justify-content:flex-start}.pwi--v-meio .pwi__content.g-over{justify-content:center}.pwi--v-base .pwi__content.g-over{justify-content:flex-end}
.pwi--h-esquerda .pwi__content.g-over{align-items:flex-start}.pwi--h-centro .pwi__content.g-over{align-items:center}.pwi--h-direita .pwi__content.g-over{align-items:flex-end}
/* a grade estica a caixa até a altura dos produtos: no modo "do tamanho da imagem" ela fica no tamanho da foto */
@media (min-width:750px){.pwi__media.g-h-imagem{align-self:center;min-height:0}}

/* ==========================================================================
   Fotos de conteúdo nítidas, foto do celular e formatos (05/11)
   ========================================================================== */
/* ── Fotos de conteúdo (05/11): formato escolhido, foto do celular, cor do texto ── */
.h-ar-retrato{aspect-ratio:4/5}.h-ar-quadrado{aspect-ratio:1/1}.h-ar-paisagem{aspect-ratio:4/3}.h-ar-largo{aspect-ratio:16/9}
.h-ar-imagem{aspect-ratio:auto}
.h-ar-imagem img{height:auto!important;object-fit:initial!important}
/* grade de imagens com links */
.igrid .igrid__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.6,.2,1),opacity 1s ease!important}
@media (hover:hover){.igrid__item:hover .igrid__img{transform:scale(1.05)!important}}
.igrid .igrid__item .veil{--veil:var(--h-veil,.22)}
.h-arf-retrato{--h-ar:4/5}.h-arf-quadrado{--h-ar:1/1}.h-arf-largo{--h-ar:16/9}
.igrid--fmt .igrid__item,.igrid--fmt .igrid__item--lg{aspect-ratio:var(--h-ar,4/3)}
.h-arf-imagem .igrid__item,.h-arf-imagem .igrid__item--lg{aspect-ratio:auto}
.h-arf-imagem .igrid__item>*,.h-arf-imagem .igrid__item picture>*{grid-area:1/1}
.h-arf-imagem .igrid__img{position:relative;inset:auto;height:auto}
.igrid.h-tom-escuro .igrid__item{color:#1c1c1c}
/* grade de imagens (colagem) */
.mgrid__item.h-tom-escuro{color:#1c1c1c}
/* blocos promocionais */
.promo__tile .promo__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.6,.2,1),opacity 1s ease!important}
@media (hover:hover){.promo__tile:hover .promo__img{transform:scale(1.04)!important}}
.h-promo-h-baixa .promo__tile{min-height:clamp(260px,26vw,420px)}
.h-promo-h-alta .promo__tile{min-height:clamp(520px,52vw,860px)}
.h-promo-h-tela .promo__tile{min-height:calc(100svh - var(--hh,0px))}
.promo__tile.h-pos-base{align-items:end}.promo__tile.h-pos-topo{align-items:start}
.promo__tile.h-tom-escuro{color:#1c1c1c}
/* compre o look */
.look__img .look__photo{width:100%;height:100%;object-fit:cover}
/* antes e depois: formato no computador */
@media (min-width:750px){.ba.h-ba-paisagem{aspect-ratio:4/3}.ba.h-ba-quadrado{aspect-ratio:1/1}.ba.h-ba-retrato{aspect-ratio:4/5}}

/* ── Imagem com texto (05/11): foto grande, tamanho escolhido, empilha no celular ── */
.iwt__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,96px);align-items:center}
.iwt--t-60 .iwt__grid{grid-template-columns:1.5fr 1fr}
.iwt--t-70 .iwt__grid{grid-template-columns:2.3fr 1fr}
.iwt--t-40 .iwt__grid{grid-template-columns:1fr 1.5fr}
.iwt--img-direita .iwt__media{order:2}
.iwt--img-direita.iwt--t-60 .iwt__grid{grid-template-columns:1fr 1.5fr}
.iwt--img-direita.iwt--t-70 .iwt__grid{grid-template-columns:1fr 2.3fr}
.iwt--img-direita.iwt--t-40 .iwt__grid{grid-template-columns:1.5fr 1fr}
.iwt--v-topo .iwt__grid{align-items:start}.iwt--v-base .iwt__grid{align-items:end}
.iwt__media{width:100%;min-width:0}
.iwt__media img{display:block;width:100%;height:100%;object-fit:cover}
.iwt__txt{min-width:0;max-width:560px}
.iwt--a-centro .iwt__txt{text-align:center;justify-self:center}
.iwt--a-centro .iwt__txt .rte{margin-inline:auto}
.iwt__link{display:inline-block;font-weight:700;text-decoration:underline;text-underline-offset:5px;letter-spacing:.06em}
@media (max-width:749px){
  .iwt__grid{grid-template-columns:1fr!important;gap:26px}
  .iwt--img-direita .iwt__media{order:0}
  .iwt--m-baixo .iwt__media{order:2}
  .iwt__txt{max-width:none}
}
/* Largura "Tela inteira" (Tamanho e espaço › Largura da seção): tira a margem lateral.
   Fotos encostam na borda; textos mantêm um respiro. */
.sec-w-cheia .wrap{max-width:none;padding-inline:0}
.sec-w-cheia .iwt__txt{padding-inline:clamp(20px,3.4vw,48px)}
@media (min-width:750px){.sec-w-cheia .iwt--img-esquerda .iwt__txt{padding-left:0}.sec-w-cheia .iwt--img-direita .iwt__txt{padding-right:0}}

/* ==========================================================================
   Largura "Tela inteira" por seção (w1, 05/11)
   ========================================================================== */
/* "Largura da seção: Tela inteira" (sec-w-cheia) — seções da frente W1.
   Regra geral (ritmo.css): .sec-w-cheia .wrap perde a margem. Aqui: as fotos
   encostam na borda e todo texto volta a ter respiro. */
.sec-w-cheia{--w1-pad:clamp(20px,3.4vw,48px)}

/* Títulos/rodapés de seção e textos soltos na grade continuam com margem */
.sec-w-cheia .section-head,.sec-w-cheia .section-foot{padding-inline:var(--w1-pad)}

/* Seções que já ocupam a tela inteira (texto sobreposto à foto): tela inteira
   não muda nada no texto — ele fica igual ao padrão. */
.sec-w-cheia .wrap.g-over,.sec-w-cheia .chov__body{max-width:var(--site-max-width);padding-inline:var(--w1-pad)}

/* Layouts lado a lado: a foto encosta na borda do lado dela, o texto ganha respiro */
.sec-w-cheia .its__txt,.sec-w-cheia .iwts__steps,.sec-w-cheia .map__info,.sec-w-cheia .mmt__txt{padding-inline:var(--w1-pad)}

/* Dois blocos lado a lado: tela inteira = o mesmo que a opção "Tela inteira" da seção */
.sec-w-cheia .cc .wrap{max-width:none;padding-inline:0}

/* Coleção: tela inteira vale só pro banner da categoria; produtos, filtros,
   título e faixa promocional mantêm a margem do site */
.sec-w-cheia .col-head.wrap,.sec-w-cheia .col-bar.wrap,.sec-w-cheia .col-grid.wrap,.sec-w-cheia .subcols.wrap,.sec-w-cheia .wrap:has(>.col-promo){max-width:var(--site-max-width);padding-inline:var(--w1-pad)}
/* Imagens com texto (rolagem) no celular: a foto de cada passo encosta nas bordas */
@media (max-width:749px){.sec-w-cheia .iwts__mimg{margin-inline:calc(-1 * var(--w1-pad))}}

/* Grade de imagens (media-grid, layout antigo): tela inteira sem margem externa, título com respiro */
.sec-w-cheia .mgrid{padding-inline:0}

/* ==========================================================================
   Largura "Tela inteira" por seção (w2, 05/11)
   ========================================================================== */
/* "Tela inteira" (sec-w-cheia) — fotos encostam na borda; textos mantêm respiro (--gw). */
.sec-w-cheia{--gw:clamp(20px,3.4vw,48px)}
/* cabeçalhos de seção e seções de texto: largura toda, mas com respiro */
.sec-w-cheia .section-head{padding-inline:var(--gw)}
.sec-w-cheia .wrap.rich,.sec-w-cheia .twp-sec>.wrap,.sec-w-cheia .press>.wrap{padding-inline:var(--gw)}
/* slides: o texto por cima volta a ter respiro */
.sec-w-cheia .slide__content.wrap{padding-inline:var(--gw)}
/* vídeo com "margem nas laterais": tela inteira vence */
.sec-w-cheia .video.wrap{max-width:none;padding-inline:0;margin-inline:0}
/* caixa de promoção ocupa a largura toda */
.sec-w-cheia .tpromo{max-width:none;border-inline:0}
/* texto com imagens (arco): foto encosta na borda do lado dela */
@media (min-width:750px){
  .sec-w-cheia .tai:not(.tai--inv) .tai__txt{padding-left:var(--gw)}
  .sec-w-cheia .tai--inv .tai__txt{padding-right:var(--gw)}
  .sec-w-cheia .tai:not(.tai--inv) .tai__media figure:last-child{left:auto;right:0}
}
/* produtos ao lado de uma imagem: foto na borda, produtos com respiro do lado de fora */
.sec-w-cheia .pwi__prods{padding-right:var(--gw)}
.sec-w-cheia .pwi--img-direita .pwi__prods{padding-right:0;padding-left:var(--gw)}
/* compre o look: foto na borda esquerda, setas por cima */
.sec-w-cheia .look{grid-template-columns:minmax(0,1fr);position:relative}
.sec-w-cheia .look>span{display:none}
.sec-w-cheia .look>.round{position:absolute;top:50%;z-index:3;transform:translateY(-50%)}
.sec-w-cheia .look>.round--prev{left:12px}
.sec-w-cheia .look>.round:not(.round--prev){right:12px}
.sec-w-cheia .look__prods{padding-right:calc(var(--gw) + 56px)}
/* linha do tempo: abas com respiro, foto na borda esquerda */
.sec-w-cheia .tl__nav{padding-inline:var(--gw)}
.sec-w-cheia .tl__item>:not(figure){padding-right:var(--gw)}
@media (max-width:749px){
  .sec-w-cheia .tai__txt,.sec-w-cheia .pwi__prods,.sec-w-cheia .look__prods,.sec-w-cheia .tl__item>:not(figure){padding-inline:var(--gw)!important}
  .sec-w-cheia .tl__nav{justify-content:flex-start}
}
@media (max-width:749px){.sec-w-cheia .tai__media figure:last-child{left:auto;right:0}}

/* ── Espaço em cima/embaixo em px (Tamanho e espaço › Espaço em cima / embaixo).
   O motor põe --pt/--pb no invólucro; no celular fica 25% menor (como no Shopify). ── */
.has-pt>:not(style){padding-top:var(--pt)!important}
.has-pb>:not(style){padding-bottom:var(--pb)!important}
@media (max-width:749px){.has-pt>:not(style){padding-top:calc(var(--pt) * .75)!important}.has-pb>:not(style){padding-bottom:calc(var(--pb) * .75)!important}}

/* ── Código personalizado (Liquid/HTML) ── */
.ck-code--puro{padding:0}
.ck-code-erro{margin:16px;padding:14px 16px;border:1px dashed #b42318;border-radius:10px;background:#fff4f2;color:#b42318;font:500 13px/1.5 ui-monospace,Menlo,monospace}

/* ── Cards de produto por seção (Cards de produto: estilo, formato, texto, carrossel) ── */
.card__media.card__media--ar{aspect-ratio:1/var(--card-ar,1.25)}
.cards-compacto .grid{gap:0!important}
.cards-compacto .card{gap:0}
.cards-compacto .card__info{padding:14px 12px 24px}
.cards-compacto .card__badges{top:0;right:0}
.cards-t-centro .card__info{justify-items:center;text-align:center}
.cards-t-centro .card__swatches{justify-content:center}
.cards-t-centro .price{justify-content:center}
.sec-w-cheia .card__info{padding-inline:clamp(12px,1.6vw,20px)}
@media (max-width:749px){
  .cards-m-1 .grid:not(.grid--scroll){grid-template-columns:1fr!important}
  .cards-compacto .grid--scroll{gap:0;padding-inline:0;scroll-padding-inline:0}
  .cards-compacto .grid--scroll>.card{flex-basis:72%}
}
/* carrossel também no computador, com setas */
.grid--5{--cols:5}.grid--4{--cols:4}.grid--3{--cols:3}.grid--2{--cols:2}
@media (min-width:750px){
  .cards-pc-carrossel .grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
  .cards-pc-carrossel .grid::-webkit-scrollbar{display:none}
  .cards-pc-carrossel .grid>.card{flex:0 0 calc((100% - (var(--cols,4) - 1) * clamp(14px,2vw,30px)) / var(--cols,4));scroll-snap-align:start}
  .cards-pc-carrossel.cards-compacto .grid>.card{flex-basis:calc(100% / var(--cols,4))}
  .car-box{position:relative}
  .car-seta{position:absolute;top:38%;z-index:3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--color-background);color:var(--color-headings-text);box-shadow:0 4px 18px rgba(0,0,0,.12);transition:opacity .25s}
  .car-seta[disabled]{opacity:0;pointer-events:none}
  .car-seta--prev{left:10px}.car-seta--prev .icon{transform:rotate(180deg)}
  .car-seta--next{right:10px}
}
@media (max-width:749px){.car-seta{display:none}}

/* logo no celular: no centro da TELA (lados iguais) ou à esquerda (Cabeçalho › Posição da logo no celular) */
@media (max-width:749px){
  .header.header--lm-centro:not(.header--esquerda) .header__inner{grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr)}
  .header.header--lm-centro .header__mid{display:flex;justify-content:center;min-width:0}
  .header.header--lm-centro .header__logo img{max-width:calc(100vw - 150px)}
  .header.header--esquerda.header--lm-centro .header__inner{position:relative}
  .header.header--esquerda.header--lm-centro .header__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  .header.header--lm-esquerda:not(.header--esquerda) .header__mid{display:flex;justify-content:flex-start;min-width:0}
}

/* compra rápida ABAIXO do preço e das cores (Cards › Posição do botão): sempre visível, inclusive no celular */
.card__buy{justify-self:stretch;margin-top:10px;height:40px;padding:0 12px;border:1px solid currentColor;border-radius:var(--radius-btn,999px);background:transparent;color:var(--color-text);font-family:var(--font-base);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background .25s,color .25s}
.card__buy:hover{background:var(--color-text);color:var(--color-background,#fff)}
@media (max-width:749px){.card__buy{height:36px;font-size:10px;letter-spacing:.1em;margin-top:8px}}


/* Carrossel só anda pro lado (11/11): os cards fora da tela esperavam a animação
   de entrada 26px abaixo do lugar, o trilho ganhava rolagem vertical escondida e
   "balançava" ao arrastar. Sem rolagem vertical no trilho e, dentro dele, o card
   só aparece (sem subir). */
.grid--scroll,.cards-pc-carrossel .grid,.clist--cel-carrossel,.upsell__track{overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.js .has-reveal .grid--scroll>[data-reveal],.js .has-reveal .cards-pc-carrossel .grid>[data-reveal],.js .has-reveal .rail__track [data-reveal]{transform:none}

/* 13/11: overflow-x:hidden no body + clip no html faziam o body virar caixa de rolagem: o cabeçalho "fixo ao rolar" (sticky) não ficava preso */
body{overflow-x:clip}

/* ── Avaliações de clientes (13/11) — cores pelo esquema da seção ── */
.av__head .av__resumo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin-top:14px;font-size:14px;color:var(--color-body-text-light)}
.av__resumo b{font-size:18px;color:var(--color-text);font-weight:600}
.av__stars{display:inline-flex;gap:2px;color:var(--av-star,var(--color-text))}
.av__st .icon{width:15px;height:15px}
.av__st.is-off{opacity:.22}
.av__wrap{position:relative}
.av__track{display:grid;grid-template-columns:repeat(var(--av-c,3),minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.av__track--2{--av-c:2}.av__track--3{--av-c:3}.av__track--4{--av-c:4}
.av--carrossel .av__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:4px}
.av--carrossel .av__track::-webkit-scrollbar{display:none}
.av--carrossel .av__card{flex:0 0 calc((100% - (var(--av-c,3) - 1) * clamp(14px,1.6vw,24px)) / var(--av-c,3));scroll-snap-align:start}
.av__track[data-reveal]{transform:none}
.av__card{display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,28px);border-radius:var(--radius-card,0);color:var(--color-text);min-width:0}
.av--borda .av__card{border:1px solid var(--color-border)}
.av--fundo .av__card{background:var(--color-background-soft)}
.av--simples .av__card{padding-inline:0}
.av__tt{margin:0;font-family:var(--font-headline);font-weight:var(--font-headline-weight);font-size:15px;letter-spacing:var(--headings-tracking);text-transform:var(--headings-transform);line-height:1.35}
.av__txt{margin:0;font-size:14px;line-height:1.6;flex:1}
.av__foto{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-card,0)}
.av__by{display:flex;align-items:center;gap:10px}
.av__ini{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--color-background-soft);color:var(--color-text);font-size:14px;font-weight:600}
.av--fundo .av__ini{background:var(--color-background)}
.av__quem{display:grid;line-height:1.3;font-size:13px}
.av__quem small{color:var(--color-body-text-light);font-size:12px}
.av__ver{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-body-text-light)}
.av__ver .icon{width:14px;height:14px}
.av__prod{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--color-border);font-size:13px;line-height:1.3}
.av__prod img{width:40px;height:50px;object-fit:cover;flex:none}
.av__prod small{display:block;color:var(--color-body-text-light);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.av__prod:hover span{text-decoration:underline;text-underline-offset:3px}
.av__nav{position:absolute;top:50%;z-index:2;margin-top:-25px;box-shadow:none;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text)}
.av__nav--prev{left:-25px}.av__nav--next{right:-25px}
@media (max-width:1100px){.av__nav--prev{left:-8px}.av__nav--next{right:-8px}}
@media (max-width:749px){
  .av__track{grid-template-columns:1fr}
  .av--carrossel .av__card{flex-basis:84%}
  .av__nav{display:none}
}