/* Redesign Fase 1 (v171): tipografia serifada nos títulos, botões café,
   cards de produto limpos, faixa de vantagens lisa e ajustes de contraste.
   Carregado por último (site-header.html) para prevalecer sobre os temas anteriores. */

@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-400-italic.woff2') format('woff2')}

:root{
 --display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
 --buy:#3b2a21;
 --buy-hover:#2a1d16;
 --price:#674736;
}

/* 1. Títulos em serifa, como a logo */
main h1,main h2,.hero h1,.catalog-detail-info h1{
 font-family:var(--display)!important;font-weight:500!important;letter-spacing:-.005em;line-height:1.05
}
.hero h1{font-size:clamp(46px,5.6vw,76px)!important}
.hero h1 span{font-style:italic;font-weight:400}
main h2{font-size:clamp(32px,3.4vw,46px)}
.catalog-detail-info h1{font-size:clamp(36px,3.6vw,50px)!important}
/* Nomes das peças em sem serifa: em tamanho pequeno a serifa de alto contraste perde nitidez */
.catalog-product .product-name{font-family:var(--sans)!important;font-size:15px;font-weight:600;line-height:1.35;letter-spacing:.01em;color:var(--buy)!important}

/* 2. Botões em café, sem verde */
.button.gold,.hero .hero-shop,.catalog-detail-info .button,.catalog-detail-info .button.gold,
.refined-cart .button.gold,.checkout-page .button.gold,.cart-dialog .button.gold{
 background:var(--buy)!important;background-image:none!important;border-color:var(--buy)!important;color:#fff!important;
 border-radius:2px!important;text-transform:uppercase;letter-spacing:.12em;font-size:12px!important;font-weight:600!important;
 transition:background-color .2s ease,box-shadow .2s ease
}
.button.gold:hover,.hero .hero-shop:hover,.catalog-detail-info .button:hover,
.refined-cart .button.gold:hover,.checkout-page .button.gold:hover,.cart-dialog .button.gold:hover{
 background:var(--buy-hover)!important;border-color:var(--buy-hover)!important;box-shadow:inset 0 -2px 0 var(--gold);filter:none
}
.hero .hero-shop{background:transparent!important;border:1px solid #e9d7b0!important;color:#fff!important}
.hero .hero-shop:hover{background:#fff!important;border-color:#fff!important;color:var(--buy)!important;box-shadow:none}
.free-shipping-progress.done{background:#f3ece0;color:var(--buy)}

/* 3. Cards de produto: foto, nome, preço e parcelamento */
.catalog-product .product-image{position:relative}
.catalog-product .catalog-buy{
 position:absolute!important;left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;
 min-height:42px;margin:0!important;border:0;border-radius:2px!important;
 background:rgba(255,255,255,.94)!important;color:var(--buy)!important;
 font:600 11px/1 var(--sans)!important;letter-spacing:.14em;text-transform:uppercase;
 box-shadow:0 6px 18px rgba(59,42,33,.12);transition:opacity .25s ease,transform .25s ease,background-color .2s ease
}
.catalog-product .catalog-buy:hover{background:var(--buy)!important;color:#fff!important}
@media (hover:hover) and (pointer:fine){
 .catalog-product .catalog-buy{opacity:0;transform:translateY(8px)}
 .catalog-product:hover .catalog-buy,.catalog-product:focus-within .catalog-buy{opacity:1;transform:none}
}
.catalog-product .product-image img{transition:transform .6s ease}
@media (hover:hover){.catalog-product:hover .product-image img{transform:scale(1.03)}}
.catalog-product .product-info{padding-top:14px}
.catalog-product .price del,.catalog-product .catalog-discount,.catalog-product .catalog-stock{display:none!important}
.catalog-product .catalog-price-line strong{color:var(--price)!important;font-size:18px!important;font-weight:600}
.catalog-product .catalog-installments{color:var(--muted);font-size:12px}
.catalog-product .finish-caption{font-size:11px;color:var(--muted)}
.catalog-detail-info del,.catalog-detail-info .catalog-discount{display:none!important}

/* 4. Faixa de vantagens lisa e parada */
.store-bar.store-benefits{background:var(--light)!important;background-image:none!important;border-block:1px solid var(--line);box-shadow:none!important}
.store-bar.store-benefits .store-benefits-track{animation:none!important;width:100%!important;justify-content:center;transform:none!important}
.store-bar.store-benefits .store-benefit:nth-child(n+5){display:none!important}
.store-bar.store-benefits .store-benefits-group{flex:1 1 100%!important;min-width:0;flex-wrap:wrap;justify-content:center;white-space:normal}
.store-bar.store-benefits .store-benefits-group+.store-benefits-group,.store-bar.store-benefits .store-benefits-pause{display:none!important}
.store-bar.store-benefits .store-benefit{color:var(--ink)!important;letter-spacing:.08em;gap:14px;padding:15px 10px;white-space:nowrap}
.store-bar.store-benefits .store-benefit:nth-child(4) i{display:none}
.store-bar.store-benefits .store-benefit i{color:var(--gold)}
@media (max-width:760px){
 .store-bar.store-benefits .store-benefits-group{display:grid;grid-template-columns:1fr 1fr;gap:0}
 .store-bar.store-benefits .store-benefit{justify-content:center;text-align:center;padding:12px 10px;font-size:9.5px;letter-spacing:.08em}
 .store-bar.store-benefits .store-benefit i{display:none}
}

/* 6. Detalhes de template */
.hero .hero-label{display:none!important}

/* 7. Contraste do rodapé */
footer .footer-bottom{color:var(--ink)!important}

/* 5. Bloco editorial com fotos reais no lugar do quadro escuro vazio */
.brand-story{background:var(--light)!important;color:var(--ink)!important}
.brand-story .story-gallery{display:grid!important;align-items:stretch!important;justify-content:stretch!important;text-align:left;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;padding:0!important;background:none!important;min-height:620px}
.brand-story .story-gallery figure{margin:0;overflow:hidden;background:#e9e2d8}
.brand-story .story-gallery img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(1.04) contrast(1.07);filter:url(#editorial-clarity) brightness(1.04) contrast(1.07);transition:transform .8s ease}
.brand-story .story-gallery .story-gallery-tall{grid-row:1/3}
.brand-story .story-gallery .story-gallery-tall img{object-position:center 55%}
.brand-story .story-gallery figure:last-child img{object-position:center 75%}
@media (hover:hover){.brand-story .story-gallery figure:hover img{transform:scale(1.03)}}
@media (max-width:760px){
 .brand-story .story-gallery{min-height:0;aspect-ratio:5/4;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}
 .brand-story .story-gallery figure{min-width:0;min-height:0}
}
.brand-story .story-copy{align-self:center}