/* SALUZ — arquitetura de loja e leitura acessível. Estilo original, referência a varejo premium. */
:root{--saluz-cafe:#51443B;--saluz-texto:#554438;--saluz-papel:#fffdfb;--saluz-fundo:#f6eee7;--saluz-borda:#d7c6b8}
html{scroll-padding-top:150px}
body{font-size:17px;line-height:1.65;color:var(--saluz-cafe)}
.commerce-top{display:flex;justify-content:space-between;gap:18px;background:#eee3d9;border-bottom:1px solid var(--saluz-borda);padding:9px max(22px,calc((100vw - 1400px)/2));font:600 13px/1.5 "DM Sans",sans-serif;color:#51443B;letter-spacing:.015em}
.commerce-header{position:sticky;top:0;background:var(--saluz-papel);z-index:80;border-bottom:1px solid var(--saluz-borda);box-shadow:0 4px 18px #51443b0b;font-family:"DM Sans",sans-serif}
.commerce-primary{max-width:1460px;margin:auto;padding:15px 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:82px;gap:15px}
.commerce-brand{font:400 clamp(31px,3vw,43px)/1 "DM Serif Display",Georgia,serif;letter-spacing:.18em;color:var(--saluz-cafe);text-decoration:none!important;white-space:nowrap;grid-column:2}
.commerce-brand span{font:600 19px/1 "DM Sans",sans-serif;vertical-align:top;letter-spacing:0}
.commerce-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:20px}
.commerce-actions a,.commerce-actions button{font:600 15px/1.4 "DM Sans",sans-serif;color:var(--saluz-cafe);text-decoration:none;border:0;background:transparent;min-height:44px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer}
.commerce-bag{border:1px solid var(--saluz-borda)!important;padding:8px 14px!important}
.commerce-count{font:700 13px/1.2 "DM Sans",sans-serif;min-width:23px;height:23px;padding:4px;background:var(--saluz-cafe);color:white;display:grid;place-items:center;border-radius:50%}
.commerce-menu-toggle{display:none;grid-column:1;justify-self:start;align-items:center;gap:8px;font:600 15px/1.4 "DM Sans",sans-serif;padding:10px;border:1px solid var(--saluz-borda);background:var(--saluz-papel);color:var(--saluz-cafe)}
.commerce-nav{max-width:1460px;margin:auto;padding:0 24px;min-height:54px;display:flex;justify-content:center;align-items:center;gap:clamp(10px,2vw,35px);border-top:1px solid #e7dcd3}
.commerce-nav>a,.commerce-mega>summary{font:600 15px/1.3 "DM Sans",sans-serif;color:var(--saluz-cafe);min-height:52px;display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;cursor:pointer}
.commerce-nav>a[aria-current="page"]{border-bottom:3px solid var(--saluz-cafe)}
.commerce-nav>a:hover,.commerce-mega>summary:hover{color:#2e211b}
.commerce-mega{position:static}
.commerce-mega>summary{list-style:none;gap:8px}
.commerce-mega>summary::-webkit-details-marker{display:none}
.commerce-mega-panel{position:absolute;top:100%;left:0;right:0;background:#fffdfb;box-shadow:0 22px 36px #51443b24;border-top:1px solid var(--saluz-borda);padding:35px max(28px,calc((100vw - 1300px)/2));display:grid;grid-template-columns:minmax(230px,.7fr) 2fr;gap:50px}
.commerce-overline{letter-spacing:.14em;font-weight:700;font-size:13px}
.commerce-mega-panel h2{font:400 35px/1.15 "DM Serif Display",Georgia,serif;margin:14px 0}
.commerce-mega-panel p{font-size:15px}
.commerce-mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:10px}
.commerce-mega-links a{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--saluz-borda);text-decoration:none;font-size:16px;font-weight:600;color:var(--saluz-cafe)}
.commerce-mega-links a:hover{text-decoration:underline}
.commerce-footer{background:#efe5dc;color:var(--saluz-cafe);border-top:1px solid var(--saluz-borda);font-family:"DM Sans",sans-serif;font-size:15px;line-height:1.7;display:block}
.commerce-footer-inner{max-width:1460px;margin:auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:45px;padding:64px 32px 52px}
.commerce-footer-inner section{display:flex;flex-direction:column;align-items:start;gap:12px;min-width:0}
.commerce-footer-inner h2{font:700 15px/1.4 "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.055em;margin:0 0 13px}
.commerce-footer-inner a{font:500 15px/1.5 "DM Sans",sans-serif;color:var(--saluz-cafe);text-decoration:none;overflow-wrap:anywhere}
.commerce-footer-inner a:hover{text-decoration:underline;text-underline-offset:4px}
.commerce-footer-brand>a{font:400 35px/1.3 "DM Serif Display",Georgia,serif!important;letter-spacing:.13em}
.commerce-footer-inner p{margin:0;font-size:15px;line-height:1.7;color:var(--saluz-cafe);opacity:1}
.commerce-footer-end{border-top:1px solid var(--saluz-borda);padding:20px 32px;max-width:1460px;margin:auto;display:flex;justify-content:space-between;gap:20px;font:500 14px/1.5 "DM Sans",sans-serif;color:var(--saluz-cafe)}
body:has(.collections) footer.commerce-footer{display:block;padding:0;margin:0}
body:has(.collections) footer.commerce-footer>.commerce-footer-inner{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:45px;padding:64px 32px 52px}
body:has(.collections) footer.commerce-footer>.commerce-footer-end{display:flex;flex-direction:row}

/* Tipografia: nao reduzir letras importantes a 10–12px. */
:where(.eyebrow,.topbar,.saluz-top,.product-type,.product-category,.product-status,.category-card small,.collection-tile small,
       .catalog-meta .notice,.search,.notice,.small,.hint,.lead-art small,.footer-bottom){font-size:14px;opacity:1;color:#51443B}
:where(.section-note,.hero-content>p,.lead p,.section-head p,.contact p,.product-section p,.collections-heading p){font-size:17px;opacity:1;color:#51443B;line-height:1.7}
:where(.category-card strong,.collection-tile strong,.product-info h3,.product h3){font-size:17px;font-weight:600;line-height:1.45}
:where(.benefits span,.filter,.product-go,.text-link,.button,.btn-dark,.product button,.category-nav a){font-size:15px;font-weight:600}
:where(.product .price,.detail-price){font-size:19px;font-weight:700}
:where(.search input,.catalog-sort select,.product select,.form-grid input){font-size:15px;min-height:45px;color:#51443B}
:where(.trust-strip small,.detail-points span,.category-card small,.collection-tile small,.product-status){opacity:1;color:#625247}
:where(.empty-collection .empty-copy){font-size:16px;opacity:1;color:#51443B}
:where(.cart-line span,.cart-line button,.detail-help,.cart-variant,.detail-stock,.detail-share){font-size:14px;color:#51443B}
:where(.collections-heading h2,.section-head h2){letter-spacing:-.025em}
:where(.commerce-header,.commerce-header *,.commerce-footer,.commerce-footer *){box-sizing:border-box}
:is(a,button,summary):focus-visible{outline:2px solid #51443B;outline-offset:3px}
@media(max-width:930px){
 .commerce-primary{padding:12px 20px;min-height:72px}
 .commerce-menu-toggle{display:inline-flex}
 .commerce-primary{grid-template-columns:1fr auto 1fr}
 .commerce-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 72px);overflow-y:auto;padding:15px 24px 30px;background:#fffdfb;box-shadow:0 17px 28px #51443b21;border-top:1px solid var(--saluz-borda)}
 .commerce-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .commerce-nav>a,.commerce-mega>summary{display:flex;padding:13px 0;min-height:50px;border-bottom:1px solid #dfd0c5;font-size:16px}
 .commerce-nav>a[aria-current="page"]{border-bottom:2px solid #51443B}
 .commerce-mega-panel{position:static;box-shadow:none;border:0;padding:12px 0 18px;display:block}
 .commerce-mega-panel>div:first-child{display:none}
 .commerce-mega-links{grid-template-columns:1fr;row-gap:0}
 .commerce-mega-links a{font-size:15px;min-height:45px;padding:11px 4px}
 .commerce-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
 body:has(.collections) footer.commerce-footer>.commerce-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
}
@media(max-width:600px){
 .commerce-top{padding:8px 15px;font-size:12px;justify-content:center;text-align:center}
 .commerce-top span:last-child{display:none}
 .commerce-primary{padding:12px 14px;gap:8px;min-height:70px}
 .commerce-brand{font-size:29px;letter-spacing:.12em}
 .commerce-brand span{font-size:14px}
 .commerce-actions{gap:8px}
 .commerce-search{display:none!important}
 .commerce-bag{padding:8px!important;font-size:13px!important;min-height:42px}
 .commerce-menu-toggle{font-size:13px;padding:8px;min-height:42px}
 .commerce-menu-toggle span{display:none}
 .commerce-count{font-size:12px;min-width:22px}
 .commerce-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 17px;padding:42px 20px}
 body:has(.collections) footer.commerce-footer>.commerce-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 17px;padding:42px 20px}
 .commerce-footer-brand{grid-column:1/-1}
 .commerce-footer-inner h2{font-size:14px}
 .commerce-footer-inner a,.commerce-footer-inner p{font-size:14px}
 .commerce-footer-end{padding:17px 20px;flex-direction:column;gap:6px;font-size:13px}
 body:has(.collections) footer.commerce-footer>.commerce-footer-end{flex-direction:column}
 :where(.section-note,.hero-content>p,.lead p,.section-head p,.contact p){font-size:16px}
 :where(.category-card strong,.collection-tile strong,.product-info h3,.product h3){font-size:16px}
 :where(.topbar,.saluz-top,.eyebrow,.product-type,.product-category,.category-card small,.collection-tile small){font-size:13px}
 :where(.product button,.filter,.text-link){font-size:14px}
}

/* Correções específicas de legibilidade: suplantam CSS antigo. */
.collection-tile strong,.category-card strong{font-size:18px!important;line-height:1.45}
.collection-tile small,.category-card small,.product-type,.product-status,.product-category{font-size:14px!important;opacity:1!important;color:#51443B!important}
.section-head p,.catalog-meta .notice,.lead p,.empty-collection .empty-copy,.contact p{font-size:17px!important;color:#51443B!important;opacity:1!important;line-height:1.65}
.eyebrow{font-size:14px!important;letter-spacing:.09em}
.filters .filter{font-size:15px!important;font-weight:600}
.search,.search label,.catalog-sort{font-size:15px!important}
.search input,.catalog-sort select{font-size:15px!important}
body:has(.collections) .products-section .product h3{font-size:18px!important}
body:has(.collections) .product .price{font-size:19px!important}
.contact a{font-size:16px!important;overflow-wrap:anywhere}
@media(max-width:600px){
 .collection-tile strong,.category-card strong{font-size:16px!important}
 .collection-tile small,.category-card small{font-size:13px!important}
 .section-head p,.catalog-meta .notice,.lead p,.empty-collection .empty-copy,.contact p{font-size:15px!important}
 .filters .filter{font-size:14px!important}
}


/* SALUZ — refinamento de navegação, tipografia e movimento */
.commerce-mega>summary{
  list-style:none;
  display:inline-flex;
  align-items:center;
  gap:11px;
  user-select:none;
}
.commerce-mega>summary::-webkit-details-marker{display:none}
.commerce-mega>summary::marker{content:""}
/* A seta tipográfica anterior não alinhava entre navegadores. */
.commerce-mega>summary>span[aria-hidden="true"]{display:none}
.commerce-mega>summary::after{
  content:"";
  width:7px;height:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  transform-origin:center;
  flex:none;
  transition:transform .22s ease;
}
.commerce-mega[open]>summary::after{transform:translateY(2px) rotate(225deg)}
.commerce-mega[open]>summary{color:#372a23}
.commerce-mega-panel{z-index:90;border-bottom:1px solid var(--saluz-borda)}
.commerce-mega-links a{border-radius:3px;transition:background .22s ease,padding .22s ease,color .22s ease}
.commerce-mega-links a:hover,.commerce-mega-links a:focus-visible{
  background:#f3e9e1;
  padding-left:12px;
  color:#372a23;
  text-decoration:none;
}
.commerce-nav>a,.commerce-mega>summary{font-size:16px;letter-spacing:.005em}
.commerce-top{font-size:14px}
.commerce-search,.commerce-bag{font-size:16px!important}
.commerce-footer-inner h2{font-size:16px}
.commerce-footer-inner a,.commerce-footer-inner p{font-size:16px}
.commerce-footer-end{font-size:15px}
.commerce-overline{font-size:14px}
.commerce-mega-panel p{font-size:16px}
.commerce-mega-links a{font-size:16px}
:where(.eyebrow){font-size:15px!important;letter-spacing:.07em}
:where(.category-card small,.collection-tile small,.product-category,.product-status,.product-type){font-size:15px!important;opacity:1!important;color:#51443B!important}
:where(.section-note,.hero-content>p:not(.eyebrow),.lead p,.section-head p,.contact p,.empty-collection .empty-copy){font-size:17px!important;color:#51443B!important;opacity:1!important;line-height:1.7}
:where(.trust-strip small,.benefits span,.detail-points span,.product-go,.catalog-meta .notice){font-size:15px!important;opacity:1!important;color:#51443B!important}
:where(.category-card strong,.collection-tile strong,.product-info h3){font-size:18px!important;line-height:1.4}
:where(.filter,.search,.search label,.catalog-sort,.commerce-bag){font-size:15px!important}
:where(.search input,.catalog-sort select,.product select){font-size:15px!important}
:where(.product .price,.detail-price){font-size:19px!important}
:where(.product-body button,.detail-add,.btn-dark,.button){font-size:15px!important}
:where(.detail-help,.hint,.notice,.small,.detail-stock,.cart-line .cart-variant){font-size:14px!important;line-height:1.65;color:#51443B;opacity:1}
:where(.commerce-page .breadcrumbs,.commerce-page-intro p,.commerce-info-card p){font-size:16px}
@media (hover:hover) and (pointer:fine){
  .collection-index-card,.category-card,.collection-tile,.product-card,.category-product,.products .product{
    transition:transform .25s ease, box-shadow .25s ease,border-color .25s ease;
  }
  .collection-index-card:hover,.category-product:hover,.products .product:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 26px #51443b12;
  }
  .commerce-actions a:hover,.commerce-actions button:hover,.commerce-nav>a:hover{
    color:#7c604c;
  }
  .btn-dark:hover,.button-dark:hover{
    transform:translateY(-2px);
    box-shadow:0 7px 16px #51443b1f;
  }
}
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .saluz-reveal{
    opacity:0;
    transform:translate3d(0,14px,0);
    transition:opacity .62s ease,transform .62s cubic-bezier(.2,.65,.25,1);
    will-change:opacity,transform;
  }
  .saluz-reveal.is-visible{
    opacity:1;
    transform:none;
    will-change:auto;
  }
  .saluz-reveal:focus-within{opacity:1;transform:none}
  .commerce-mega[open]>.commerce-mega-panel{
    animation:saluz-menu-enter .23s ease-out both;
  }
  @keyframes saluz-menu-enter{
    from{opacity:0;transform:translateY(-7px)}
    to{opacity:1;transform:translateY(0)}
  }
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .commerce-mega>summary::after,.commerce-mega-links a,.saluz-reveal,
  .collection-index-card,.category-card,.collection-tile,.product-card,.category-product,
  .products .product,.btn-dark,.button-dark{transition:none!important;animation:none!important}
}
@media(max-width:930px){
  .commerce-mega>summary{display:flex;font-size:16px;justify-content:space-between;min-height:50px}
  .commerce-mega>summary::after{margin-right:7px}
  .commerce-mega[open]>.commerce-mega-panel{animation:none}
  .commerce-mega-links a{min-height:48px;font-size:16px}
}
@media(max-width:600px){
  .commerce-top{font-size:13px}
  .commerce-bag{font-size:14px!important}
  .commerce-footer-inner h2{font-size:15px}
  .commerce-footer-inner a,.commerce-footer-inner p{font-size:15px}
  .commerce-footer-end{font-size:14px}
  :where(.eyebrow){font-size:14px!important}
  :where(.category-card small,.collection-tile small,.product-category,.product-status,.product-type){font-size:14px!important}
  :where(.trust-strip small,.benefits span,.catalog-meta .notice){font-size:14px!important}
  :where(.section-note,.hero-content>p:not(.eyebrow),.lead p,.section-head p,.contact p,.empty-collection .empty-copy){font-size:16px!important}
  :where(.category-card strong,.collection-tile strong,.product-info h3){font-size:16px!important}
  :where(.product-body button,.detail-add,.btn-dark,.button){font-size:14px!important}
}

/* Busca claramente acessível no menu mobile; cabeçalho desktop permanece enxuto. */
.commerce-nav>.commerce-mobile-search{display:none}
@media(max-width:930px){
  .commerce-nav.is-open>.commerce-mobile-search{display:flex;align-items:center;font-weight:700;color:#51443B;background:#f4e8de;padding-left:13px;padding-right:13px;margin-top:6px}
  .commerce-nav.is-open>.commerce-mobile-search:focus-visible{outline:2px solid #51443B;outline-offset:2px}
}
