/* Refinamento da fotografia: areia, sálvia e coral dos tokens canônicos. */
:root{color-scheme:light}
@font-face{font-family:'Nunito Sans';font-weight:300 900;src:url('assets/fonts/nunito-sans.woff2');font-display:swap}
@font-face{font-family:'Cormorant Garamond';font-weight:300 700;src:url('assets/fonts/cormorant-garamond.woff2');font-display:swap}
@font-face{font-family:'Cormorant Garamond';font-weight:300 700;font-style:italic;src:url('assets/fonts/cormorant-garamond-italic.woff2');font-display:swap}
.header nav a,.text-button,.filters button,.selection-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.text-button{padding:10px 2px}.filters button{padding-block:10px}.search input{min-height:48px}.search>span:last-child{pointer-events:none}
.choice-guide{border-bottom:1px solid var(--rule);padding:16px 0}.choice-guide summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:650;list-style:none;color:var(--foto-salvia-700)}
.choice-guide summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}.choice-guide summary::after{content:'+';font-size:24px;font-weight:400}.choice-guide[open] summary::after{content:'−'}
.choice-guide>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:10px 0 18px}.choice-guide p{font-size:14px;color:var(--muted)}.choice-guide strong{color:var(--ink)}
.curation-link{display:inline-flex;align-items:center;min-height:44px;padding:12px 0 0;font-size:14px;color:var(--foto-salvia-700);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--foto-areia-300)}
.dialog-toolbar{position:sticky;top:0;z-index:5;display:flex;justify-content:flex-end;align-items:center;min-height:56px;padding:6px 12px;background:var(--paper);border-bottom:1px solid var(--rule)}
.dialog-close{position:static;width:44px;height:44px;flex-shrink:0}
.dialog-copy{padding-top:22px}.product-gallery{padding-top:24px}.selection-content{padding-top:22px}
.dialog-copy>p{font-size:15px}.variant-fieldset legend{font-size:14px}.variant-card strong{font-size:14px}.variant-card small{font-size:12px}.photo-caption{font-size:12px}.specs{font-size:13px}.specs small{font-size:12px}.dialog-copy .fineprint{font-size:13px}
#image-dialog{padding:0 22px 22px}#image-dialog .dialog-toolbar{margin-inline:-22px;margin-bottom:20px}#full-image{max-height:calc(100dvh - 170px)}
.selected-row{grid-template-columns:minmax(0,1fr) auto}.selected-row>div{min-width:0}.selected-row small{overflow-wrap:anywhere}.selected-row .controls{flex-wrap:wrap;gap:8px}.controls button{width:44px;height:44px;flex-shrink:0}.controls .remove{padding:10px 6px;min-width:60px;font-size:12px}.controls span{white-space:nowrap}.row-price{white-space:nowrap}
.dialog-status{font-size:13px;color:var(--foto-salvia-700);margin-top:14px;min-height:1.6em}
.selection-shortcut{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:12;background:var(--foto-salvia-700);color:white;border:1px solid var(--foto-salvia-800);border-radius:30px;padding:12px 20px;min-height:48px;font-size:14px;box-shadow:0 3px 12px #2e2a2226}
.selection-shortcut span{font-weight:700;margin:0 6px}body:has(dialog[open]) .selection-shortcut{visibility:hidden}body:has(.selection-shortcut:not([hidden])) .footer{padding-bottom:90px}
#toast{bottom:calc(84px + env(safe-area-inset-bottom))}.faq summary{min-height:44px;display:flex;align-items:center}.faq summary:after{top:5px}
button:active,.button:active{transform:translateY(1px)}.image-button:active{transform:none}input,textarea{border-radius:4px}.client-fields input::placeholder,.client-fields textarea::placeholder,.search input::placeholder{color:var(--muted);opacity:1}
@media(min-width:761px) and (max-width:1000px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product.featured{grid-column:span 2}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:28px}.hero h1{font-size:clamp(52px,7vw,70px)}.hero-figure figcaption{gap:8px}.header nav{gap:14px}.header{padding-inline:24px}}
@media(max-width:760px){.header{gap:8px}.header .selection-button{white-space:nowrap}.dialog-copy{padding-top:22px}.product-gallery{padding-top:22px}.variant-card strong{font-size:13px}.variant-card small{font-size:12px}.photo-caption{font-size:12px}.product-gallery .text-button{font-size:13px}.variant-options{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-options .variant-card{min-height:68px}.choice-guide>div{grid-template-columns:1fr;gap:14px}.choice-guide summary{font-size:14px}.curation-link{font-size:13px}.search input,.client-fields input,.client-fields textarea{font-size:16px}.product-bottom .text-button{font-size:14px}.selection-content>.text-button{font-size:13px}.selection-shortcut{right:16px;left:16px;bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 32px)}.fineprint,.catalog-note{font-size:13px}.selected-row{grid-template-columns:1fr;gap:8px}.row-price{text-align:left;max-width:none}.selected-row strong{font-size:15px}.selected-row small{font-size:13px}.client-fields label{font-size:13px}.dialog-copy h2{overflow-wrap:anywhere}.selection-content{padding-inline:20px}.selection-content h2{font-size:44px}}
@media(max-width:360px){.variant-options{grid-template-columns:1fr}.hero-note{align-items:flex-start}.small-line{flex-shrink:0;margin-top:9px}.hero-note{font-size:12px}.brand{width:110px}.brand img{width:110px}.header .selection-button{font-size:11px;padding:8px}.dialog-copy{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){button:active,.button:active{transform:none}}
@media print{.choice-guide,.curation-link,.selection-shortcut,.dialog-toolbar{display:none!important}.header nav a,.text-button,.faq summary{min-height:0}.faq summary{display:block}.catalog-note{font-size:10px}.footer{padding-bottom:0!important}.dialog-status{display:none}}

/* 14/10/2026: miniatura vertical não vaza da caixa; com uma foto só, a fileira de miniaturas some. */
.gallery-thumbs button{overflow:hidden}
.gallery-thumbs img{min-height:0;max-height:100%}
.gallery-thumbs:has(> button:only-child){display:none}

/* 14/10/2026: preço em números de altura igual. A Cormorant tem algarismos de estilo antigo; o preço vai na sans do corpo, alinhado. */
.price,.modal-price,.row-price,#selection-total{font-family:var(--sans);font-variant-numeric:lining-nums tabular-nums}
.modal-price{font-size:24px;font-weight:600;letter-spacing:-.01em}

/* 14/10/2026: barra de rolagem na identidade (desktop; no celular fica a do sistema). Chrome, Edge e Safari usam o ::-webkit-scrollbar, que deixa arredondar e tirar as setas; o padrão vale só onde ele não existe (Firefox), porque no Chrome atual o padrão desliga o ::-webkit-scrollbar. */
@media(hover:hover) and (pointer:fine){
html::-webkit-scrollbar,dialog::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track,dialog::-webkit-scrollbar-track{background:var(--foto-areia-100)}
html::-webkit-scrollbar-thumb,dialog::-webkit-scrollbar-thumb{background:var(--foto-salvia-400);border-radius:10px;border:2px solid var(--foto-areia-100)}
html::-webkit-scrollbar-thumb:hover,dialog::-webkit-scrollbar-thumb:hover{background:var(--foto-salvia-700)}
html::-webkit-scrollbar-button,dialog::-webkit-scrollbar-button{display:none}
html::-webkit-scrollbar-corner,dialog::-webkit-scrollbar-corner{background:transparent}
@supports not selector(::-webkit-scrollbar){html,dialog{scrollbar-width:thin;scrollbar-color:var(--foto-salvia-400) var(--foto-areia-100)}}
}