/* UNPACED · camada do site (loja, produto, 404) por cima de base.css */
.cinza{color:var(--mut)}
.cab .dir{display:grid;gap:14px;justify-items:end;text-align:right}
.cab .dir p{text-align:left}
.link-seta{font-weight:800;font-size:15px;display:inline-flex;align-items:center;gap:8px;border-bottom:2px solid currentColor;padding-bottom:2px}
.link-seta::after{content:"";width:18px;height:2px;background:var(--sol);transition:width .3s var(--ease)}
.link-seta:hover::after{width:30px}
.card a.ir{display:block}
.card h3 a:hover{text-decoration:underline;text-decoration-color:var(--sol);text-decoration-thickness:2px;text-underline-offset:3px}
.card .tag.lar{background:var(--sol);color:var(--ink)}
.card[hidden]{display:none}
.filtros{flex-wrap:wrap;justify-content:flex-end}
.filtros .f-lar[aria-pressed="true"]{background:var(--sol);border-color:var(--sol);color:var(--ink)}
.filtros .f-lar::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sol);margin-right:7px;vertical-align:1px}
.filtros .f-lar[aria-pressed="true"]::before{background:var(--ink)}

/* dobra das camisetas com laranja */
.laranja-sec{background:var(--paper-2);position:relative}
.laranja-sec .cab h2{position:relative}
.laranja-sec .cab h2::after{content:"";position:absolute;right:-.35em;top:.12em;width:.42em;height:.42em;border-radius:50%;background:var(--sol)}

.altimetria{color:var(--ink);background:var(--paper)}

/* colagem com links */
.colagem>a{position:relative;overflow:hidden;border-radius:4px;display:block}
.colagem>a figure{position:absolute;inset:0;margin:0}
@media (max-width:600px){.colagem>a{grid-column:auto!important;grid-row:auto!important;aspect-ratio:3/2}}

/* topo das páginas internas */
.topo-pag{padding-top:64px}

/* ---------- página de produto ---------- */
.pdp{padding:28px 0 90px}
.migalha{color:var(--mut);margin-bottom:22px}
.migalha a:hover{color:var(--ink)}
.pdp-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:56px;align-items:start}
.galeria .principal{aspect-ratio:3/2;border-radius:6px;overflow:hidden;background:var(--paper-2);position:relative}
.galeria .principal img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),object-position .7s var(--ease)}
.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.thumbs button{position:relative;aspect-ratio:3/2;border-radius:4px;overflow:hidden;background:var(--paper-2);outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s}
.thumbs button[aria-pressed="true"]{outline-color:var(--ink)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.thumbs .mono{position:absolute;left:6px;bottom:6px;background:var(--paper);padding:2px 6px;border-radius:3px;font-size:10px}
/* zoom das camisetas: mostra só a frente ou só as costas da mesma foto */
img.z-frente{transform:scale(1.75);transform-origin:24% 45%}
img.z-costas{transform:scale(1.75);transform-origin:76% 45%}
img.z-uso{object-position:center 30%}
.info{position:sticky;top:88px;display:flex;flex-direction:column}
.info h1{font-weight:900;font-variation-settings:"wdth" 62;text-transform:uppercase;font-size:clamp(52px,6vw,96px);line-height:.86;margin:10px 0 14px;letter-spacing:-.01em}
.info .efeito{font-family:var(--f-mao);font-size:24px;transform:rotate(-1.5deg);transform-origin:left;margin-bottom:18px;display:inline-block}
.preco-pdp{font-weight:800;font-size:18px;margin-bottom:20px;display:flex;gap:10px;align-items:baseline}
.preco-pdp span{font-family:var(--f-mono);font-size:12px;font-weight:400;color:var(--mut);text-transform:uppercase}
.opc button.medidas{border:0;border-radius:0;padding:0 0 1px;font-weight:400;background:none;font-family:var(--f-mono);font-size:11px;text-transform:uppercase;color:var(--ink);border-bottom:1.5px solid var(--sol);margin-left:10px}
.info .add{width:100%;justify-content:center;font-size:16px;padding:17px}
.info details{border-top:1px solid #0d0d0c22;padding:16px 0}
.info details:last-of-type{border-bottom:1px solid #0d0d0c22}
.info summary{cursor:pointer;font-weight:800;text-transform:uppercase;font-variation-settings:"wdth" 110;list-style:none;display:flex;justify-content:space-between}
.info summary::-webkit-details-marker{display:none}
.info summary::after{content:"+";font-family:var(--f-mono);color:var(--sol-txt);font-size:18px;line-height:1}
.info details[open] summary::after{content:"−"}
.info details p,.info details ul{margin-top:12px;font-size:15px;line-height:1.55;color:#3a3833}
.info details ul{list-style:none;display:grid;gap:6px}
.info details li{padding-left:18px;position:relative}
.info details li::before{content:"";position:absolute;left:0;top:.65em;width:10px;height:2px;background:var(--sol)}
.info .prevenda{margin:12px 0 22px}
.barra-add{display:none}

/* ---------- rodapé com colunas ---------- */
footer.rod .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
footer.rod .cols div{display:flex;flex-direction:column;gap:9px;font-size:15px;color:#cfcac0}
footer.rod .cols .mono{color:var(--sol);margin-bottom:4px}
footer.rod .cols a:hover{color:var(--paper)}

/* ---------- 404 ---------- */
.erro{min-height:62vh;display:flex;align-items:center}
.erro h1{font-weight:900;font-variation-settings:"wdth" 62;text-transform:uppercase;font-size:clamp(64px,11vw,170px);line-height:.85;margin:12px 0 18px}
.erro p{font-size:18px;margin-bottom:24px;max-width:460px}
.riscado-txt{position:relative;display:inline-block}
.riscado-txt::after{content:"";position:absolute;left:-3%;right:-3%;top:48%;height:.1em;background:var(--sol);transform:rotate(-3deg)}

@media (max-width:1000px){
  .pdp-grid{grid-template-columns:1fr;gap:28px}
  .info{position:static}
  .cab .dir{justify-items:start;text-align:left}
  .filtros{justify-content:flex-start}
  footer.rod .cols{grid-template-columns:1fr 1fr}
  .barra-add{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--paper);border-top:1px solid #0d0d0c22;padding:10px 16px;gap:12px;align-items:center;justify-content:space-between}
  .barra-add b{display:block;font-size:13px;text-transform:uppercase}
  .barra-add .btn{padding:12px 18px;font-size:14px}
  .pdp{padding-bottom:110px}
}
@media (max-width:600px){ footer.rod .cols{grid-template-columns:1fr} }

.card .linha .preco{white-space:nowrap}

@media (max-width:1000px){ .toast{bottom:84px} .thumbs .mono{font-size:9px;white-space:nowrap} }
.cores .laranja{background:linear-gradient(135deg,#111 55%,var(--sol) 55%)}
.thumbs{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
.filtros .f-ess[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.ess-sec{background:var(--ink);color:var(--paper)}
.ess-sec .cab p,.ess-sec .card .frase{color:#b9b4aa}
.ess-sec .card .foto{background:#24231f}
.ess-sec .link-seta{color:var(--paper)}