/* Loja MR Chronos — ponte entre o visual do catalogo (cat/base.css + cat/atelier.css) e as funcoes da loja.
   Sem JS: busca abre por ancora (#busca), galeria amplia por link, filtros por formulario. */

/* busca: escondida ate o icone ser usado (#busca) ou haver termo buscado */
.searchbar:not(.open):not(:target){display:none}
.searchbar:target input{border-color:var(--gold-2)}
main:focus{outline:none}

/* aviso de previa */
.preview-flag{position:relative;z-index:60}

/* cards: capa comercial em area branca, enquadramento inteiro */
.pcard-media{background:#fff}
.pcard-media img{object-fit:contain;mix-blend-mode:normal}
.pcard.is-pending .pcard-media{background:var(--ink-3)}
.pcard.is-pending .pcard-media img{object-fit:contain;padding:22%;opacity:.55}
.pbrand{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ivory-3)}
.ptag-ok{color:var(--emer-3)}

/* filtros */
.col-controls .filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.col-controls .fsel:last-of-type{grid-column:auto}
.fsel-btn{grid-column:1/-1!important}
.fsel-btn .btn{width:100%;min-height:46px}
@media(min-width:760px){.col-controls .filters{grid-template-columns:repeat(2,minmax(0,220px)) auto}.fsel-btn{grid-column:auto!important}.fsel-btn .btn{width:auto}}
.avail{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none}
.avail::-webkit-scrollbar{display:none}
.chips-on{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips-on .chip{min-height:36px;font-size:13px}
.notice{border:1px solid var(--hair-2);border-radius:var(--r-lg);padding:14px 16px;color:var(--ivory-2);margin:0 0 20px}
.pager{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 0}

/* produto */
.g-main{background:#fff}
.g-main .g-slide{mix-blend-mode:normal}
.g-main.is-pending{background:var(--ink-3)}
.g-main.is-pending .g-slide{padding:24%;opacity:.55}
.g-main{margin:0}
.g-zoom{text-decoration:none}
.g-thumbs{list-style:none;padding:0}
.g-thumbs li{flex:none}
.g-thumbs a{display:block;width:72px;height:72px;border-radius:var(--r);border:1px solid var(--hair-2);background:#fff;overflow:hidden;opacity:.8;transition:opacity .2s,border-color .2s}
.g-thumbs a:hover,.g-thumbs a:focus-visible{opacity:1;border-color:var(--ivory-2)}
.g-thumbs img{width:100%;height:100%;object-fit:cover}
.buybox .note{margin:0;font-size:14px;color:var(--ivory-2)}
.buybox form{margin:0}
.btn:disabled{cursor:not-allowed}
.pd-detail{padding:56px 0 72px}
@media(min-width:960px){.pd-detail{padding:88px 0 104px}}
.pd-story .prose p:first-child::first-letter{font-family:inherit;font-size:inherit;float:none;padding:0;line-height:inherit;color:inherit}
.spec-ref td{color:var(--ivory-2)}

/* ampliacao (zoom.js) */
dialog.zoom-lite{max-width:96vw;max-height:96vh;padding:12px;border:1px solid var(--hair-2);border-radius:var(--r-lg);background:var(--ink-2);color:var(--ivory)}
dialog.zoom-lite img{max-width:92vw;max-height:82vh;display:block;margin:8px auto 0;height:auto;background:#fff;border-radius:var(--r)}
dialog.zoom-lite::backdrop{background:rgba(10,12,11,.88)}
dialog.zoom-lite .close{float:right;min-height:44px;padding:0 16px;border-radius:var(--r);border:1px solid var(--hair-3);background:transparent;color:var(--ivory);cursor:pointer}
dialog.zoom-lite .zerr{clear:both;color:#f0b4ab}

/* destaques noir sem JS: todas as legendas visiveis */
.noir-angles{display:flex;flex-direction:column;gap:14px}
.noir-angles .noir-cap{margin:0}

/* como comprar */
.how-help{grid-column:1/-1;margin:0;font-size:15px}
.howto .link-u{color:inherit}

/* paginas funcionais: carrinho, checkout, pedido, conta, erro (somente harmonizacao visual) */
.pg-loja main{max-width:var(--max);width:100%;margin:0 auto;padding:28px 20px 80px}
.pg-loja main h1{font-size:clamp(34px,6vw,52px);margin:8px 0 18px}
.pg-loja main h2{font-size:clamp(24px,4vw,32px);margin:32px 0 12px}
.pg-loja main a:not(.btn):not(.cta){text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hair-3)}
.pg-loja main p{color:var(--ivory-2)}
.pg-loja main input,.pg-loja main select,.pg-loja main textarea{min-height:46px;padding:8px 12px;border-radius:var(--r);border:1px solid var(--hair-2);background:var(--ink-2);color:var(--ivory)}
.pg-loja main input:focus,.pg-loja main select:focus{border-color:var(--gold-2)}
.pg-loja main button:not(.btn){min-height:44px;padding:0 16px;border-radius:var(--r);border:1px solid var(--hair-3);background:transparent;color:var(--ivory);cursor:pointer}
.pg-loja main button:not(.btn):hover{border-color:var(--ivory-2)}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:var(--r);border:1px solid var(--champ-2)!important;background:var(--champ-2)!important;color:#101312!important;font-weight:600;text-decoration:none!important;cursor:pointer}
.cta:hover{background:#fff6df!important}
.cta:disabled{background:var(--ink-3)!important;border-color:var(--ink-3)!important;color:var(--ivory-3)!important;cursor:not-allowed}
.note,.nota{color:var(--ivory-3);font-size:14px}
table.cart,table.admin{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:15px}
.cart td,.cart th,.admin td,.admin th{border-bottom:1px solid var(--hair);padding:14px 8px;text-align:left;vertical-align:middle}
.cart th,.admin th{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ivory-3);font-weight:600}
form.inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap}form.inline input[type=number]{width:76px}
@media(max-width:640px){.cart thead{display:none}.cart tr{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:12px 0;border-bottom:1px solid var(--hair)}.cart td{border:0;padding:2px 0}.cart td:first-child{grid-column:1/-1;font-weight:600}}
.problems{background:rgba(155,28,16,.18);border:1px solid rgba(240,180,171,.35);padding:12px 12px 12px 28px;border-radius:var(--r-lg);color:var(--ivory)}
.entrega{display:grid;gap:4px 16px;max-width:720px}
@media(min-width:720px){.entrega{grid-template-columns:1fr 1fr}.entrega .nota,.entrega button,.entrega p:first-of-type{grid-column:1/-1}}
.entrega p{margin:6px 0;display:flex;flex-direction:column}.entrega label{font-size:13px;margin-bottom:4px;color:var(--ivory-2)}
.err{color:#f0b4ab;font-size:13px}
[aria-invalid=true]{border-color:#e07a6b!important}
.cep{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.adminform{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:end}.adminform label{display:flex;flex-direction:column;font-size:13px}
.status{color:var(--ivory)}
.flash{padding-top:12px}
.flash p{margin:4px 0;padding:12px 14px;border-radius:var(--r);background:var(--ink-3);border:1px solid var(--hair-2);color:var(--ivory)}
.flash .erro{background:rgba(155,28,16,.2);border-color:rgba(240,180,171,.35)}

@media(prefers-reduced-motion:reduce){.ch{animation:none!important}*{scroll-behavior:auto!important}}
.stock-pill.stock-off i{background:var(--ivory-3);box-shadow:none}
@media(min-width:760px){.col-controls .filters{justify-content:start}}
/* celular: logo em uma linha e barra de compra fixa na pagina de produto */
@media(max-width:480px){.logo .txt b{white-space:nowrap;font-size:17px;letter-spacing:.12em}.logo .txt small{white-space:nowrap;font-size:8px;letter-spacing:.2em}.hd-actions{gap:0}.hd-actions .icon-btn{width:40px}}
.buybar form{margin:0}
.pg-produto .site-foot{padding-bottom:84px}
@media(min-width:960px){.pg-produto .site-foot{padding-bottom:0}}
/* atrasos de entrada sem atributo style (CSP da loja bloqueia estilo inline) */
.ch.c0{--c:0}.ch.c1{--c:1}.ch.c2{--c:2}.ch.c3{--c:3}.ch.c4{--c:4}.ch.c5{--c:5}.ch.c6{--c:6}
.seq-i0{--i:0}.seq-i1{--i:1}.seq-i2{--i:2}
/* telas estreitas (360px): filtros e chips dentro da largura */
.col-controls{min-width:0;max-width:100%}
.col-controls .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
.fsel select{width:100%;min-width:0}
.avail{max-width:100%}

/* ---- movimento (motion.js): indices sem atributo style ---- */
.d60{--d:60ms}.d80{--d:80ms}.d90{--d:90ms}.d120{--d:120ms}.d160{--d:160ms}.d180{--d:180ms}.d240{--d:240ms}.d300{--d:300ms}
.w0{--w:0}.w1{--w:1}.w2{--w:2}.w3{--w:3}.w4{--w:4}.w5{--w:5}.w6{--w:6}.w7{--w:7}.w8{--w:8}.w9{--w:9}
.seq-dot0{left:16.67%}.seq-dot1{left:50%}.seq-dot2{left:83.33%}
/* sem JS (ou modulo com falha): abas escondidas e todas as legendas visiveis; com JS as abas controlam uma legenda por vez */
html:not(.mo) .angle-bar,.noir:not(.angles-live) .angle-bar{display:none}
.noir:not(.angles-live) .noir-angles{display:flex;flex-direction:column;gap:14px}
.noir.angles-live .noir-angles{display:block}

/* filtros ficam na propria secao (nao acompanham a rolagem por cima dos produtos) */
.col-controls,.col-controls.stuck{position:static!important;top:auto;z-index:auto;margin:0;padding:0;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:0}
@media(min-width:760px){.col-controls .filters{grid-template-columns:repeat(2,minmax(0,240px)) auto;justify-content:start}}
.col-controls .avail{margin-left:0;margin-right:0}
/* compra rapida na pagina do produto */
.buy-form{display:flex;flex-direction:column;gap:10px}
.buy-secure{margin:2px 0 0;font-size:13px;color:var(--ivory-3);text-align:center}

/* ---- compra: etapas, linhas com foto, resumo ---- */
.steps-bar{list-style:none;display:flex;gap:6px;margin:0 0 18px;padding:0;overflow-x:auto;scrollbar-width:none;font-size:12.5px;color:var(--ivory-3)}
.steps-bar li{display:flex;align-items:center;gap:8px;flex:none;padding:6px 12px 6px 6px;border:1px solid var(--hair);border-radius:999px}
.steps-bar li span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink-3);font-weight:600;font-size:11px}
.steps-bar li.done{color:var(--ivory-2)}.steps-bar li.done span{background:var(--emer);color:#fff}
.steps-bar li.now{color:var(--ivory);border-color:var(--champ-3)}.steps-bar li.now span{background:var(--champ-2);color:#101312}
.co-grid{display:grid;gap:28px;align-items:start}
@media(min-width:900px){.co-grid{grid-template-columns:minmax(0,1fr) 360px;gap:40px}}
.line-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.line{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--hair);align-items:center}
.line-list.compact .line{grid-template-columns:72px 1fr;padding:12px 0}
.line-list.compact .li-img{width:72px;height:72px}
.li-img{width:96px;height:96px;object-fit:contain;background:#fff;border-radius:var(--r-lg)}
.li-img.is-pending{background:var(--ink-3);padding:18px}
.li-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.li-name{font-weight:600;font-size:15.5px;color:var(--ivory);text-decoration:none!important}
.li-price{font-variant-numeric:tabular-nums;font-weight:600}
.li-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
.li-actions input[type=number]{width:72px}
.link-btn{background:none!important;border:0!important;padding:0 6px!important;min-height:44px;color:var(--ivory-2)!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.summary-box{border:1px solid var(--hair-2);border-radius:var(--r-lg);padding:22px;background:var(--ink-2);display:flex;flex-direction:column;gap:12px}
@media(min-width:900px){.summary-box{position:sticky;top:96px}}
.summary-box h2{margin:0!important;font-size:24px!important}
.summary-box dl,.totals{margin:0;display:flex;flex-direction:column;gap:8px}
.summary-box dl div,.totals div{display:flex;justify-content:space-between;gap:12px}
.summary-box dt,.totals dt{color:var(--ivory-2)}.summary-box dd,.totals dd{margin:0;font-variant-numeric:tabular-nums}
.summary-box .tot,.totals .tot{border-top:1px solid var(--hair);padding-top:10px;font-weight:600;font-size:18px}
.totals{max-width:420px;margin:14px 0 8px}
.free{color:var(--emer-3)}
.note.small,.small{font-size:12.5px}
.acct-hint{border:1px dashed var(--hair-2);border-radius:var(--r-lg);padding:12px 14px;font-size:14px;margin:18px 0}
/* andamento do pedido */
.badge-st{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid var(--hair-2);white-space:nowrap}
.st-ok{color:var(--emer-3);border-color:rgba(111,211,164,.35)}.st-wait{color:var(--champ-2)}.st-bad{color:#f0b4ab;border-color:rgba(240,180,171,.35)}
.timeline{list-style:none;margin:8px 0 22px;padding:0;display:grid;gap:0;max-width:560px}
.timeline li{position:relative;padding:0 0 18px 30px;display:flex;flex-direction:column;gap:2px}
.timeline li::before{content:"";position:absolute;left:6px;top:4px;width:12px;height:12px;border-radius:50%;border:2px solid var(--hair-3);background:var(--ink)}
.timeline li::after{content:"";position:absolute;left:12px;top:20px;bottom:0;width:1px;background:var(--hair-2)}
.timeline li:last-child::after{display:none}
.timeline li.done::before{background:var(--emer-3);border-color:var(--emer-3)}
.timeline b{font-size:15px}.timeline span{font-size:13px;color:var(--ivory-3)}
/* conta */
.auth{display:grid;place-items:start center;padding:12px 0 24px}
.auth-card{width:100%;max-width:440px;border:1px solid var(--hair-2);border-radius:var(--r-lg);padding:28px 24px;background:var(--ink-2)}
.auth-card h1{margin:6px 0 14px!important}
.auth-lede{font-size:15px;margin:0 0 16px}
.form-stack{display:flex;flex-direction:column;gap:12px}
.form-stack p{margin:0;display:flex;flex-direction:column;gap:6px}
.form-stack label{font-size:13px;color:var(--ivory-2)}
.form-stack input:not([type=checkbox]){width:100%}
.form-stack .check label{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5}
.form-stack .check input{min-height:auto;width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--champ-2)}
.form-error{color:#f0b4ab!important;border:1px solid rgba(240,180,171,.35);background:rgba(155,28,16,.18);border-radius:var(--r);padding:10px 12px;font-size:14px}
.form-ok{color:var(--ivory)!important;border:1px solid rgba(111,211,164,.35);background:rgba(15,90,65,.25);border-radius:var(--r);padding:12px 14px}
.auth-links{font-size:14px;margin:14px 0 0}
.auth-alt{margin-top:20px;padding-top:18px;border-top:1px solid var(--hair);display:flex;flex-direction:column;gap:8px}.auth-alt p{margin:0;font-size:14px}
.acct-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.acct-head h1{margin:6px 0 4px!important}
.order-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.order-list a{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:16px 18px;border:1px solid var(--hair-2);border-radius:var(--r-lg);background:var(--ink-2);text-decoration:none!important;color:var(--ivory)}
.order-list a:hover{border-color:var(--champ-3)}
.ol-ref{font-weight:600}.ol-date,.ol-items{font-size:13.5px;color:var(--ivory-3)}.ol-total{font-weight:600;text-align:right}
.order-list .badge-st{justify-self:start}.ol-go{font-size:13px;color:var(--champ-2);text-align:right}
.acct-grid{display:grid;gap:32px;margin-top:12px}
@media(min-width:900px){.acct-grid{grid-template-columns:1fr 1fr}}
.acct-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0 0 8px}.acct-dl dt{color:var(--ivory-3);font-size:13px}.acct-dl dd{margin:0}
.acct-btn.on{color:var(--champ-2)}
/* obrigado */
.thanks{max-width:720px}
.thanks h1{margin:8px 0 10px!important}
.thanks-st{font-size:18px;color:var(--ivory)!important}
.thanks-ctas{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
/* pagina do produto: texto longo */
.pd-h2{font-size:clamp(28px,4vw,40px)!important;margin:10px 0 0!important}
.pd-safe{margin-top:28px;padding-top:20px;border-top:1px solid var(--hair)}
.pd-safe p{margin:10px 0 0;color:var(--ivory-2);font-size:15px;line-height:1.7}
.pd-story .prose p:first-child::first-letter{font-family:var(--serif);font-size:3.4em;float:left;line-height:.82;padding:6px 10px 0 0;color:var(--ivory)}
/* desempenho (LCP): o relogio do topo e o titulo comecam quase transparentes (nao invisiveis), assim o navegador
   conta a pintura assim que a imagem chega; o movimento de entrada continua o mesmo */
@keyframes watchIn{from{opacity:.02;transform:translateZ(60px) translateY(28px) scale(.96)}to{opacity:1;transform:translateZ(60px)}}
@keyframes chIn{from{opacity:.02;transform:translateY(26px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
/* aviso de cookies */
.cookie-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;max-width:760px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--ink-2);border:1px solid var(--hair-3);border-radius:var(--r-lg);box-shadow:0 20px 40px -20px rgba(0,0,0,.8)}
.cookie-bar p{margin:0;flex:1 1 320px;font-size:14px;color:var(--ivory-2)}
.cookie-bar a{text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;gap:8px}
.cookie-actions .btn{min-height:44px}
.pg-produto .cookie-bar{bottom:84px}
@media(min-width:960px){.pg-produto .cookie-bar{bottom:12px}}
.ft-cookies{color:var(--ivory-3)!important;font-size:12px;letter-spacing:.06em}