/* Melhorias inspiradas nas lojas dos grandes clubes europeus (27/10/2026). Cores Tecas: coral #E07A4F, teal #2A9D8F, navy #1B365D. */
/* aviso flutuante */
.mc-aviso{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;z-index:80;background:var(--navy);color:#fff;padding:.75rem 1rem;border-radius:12px;box-shadow:0 8px 24px #0005;font-size:.92rem;max-width:min(92vw,520px);transition:opacity .25s,transform .25s;line-height:1.35}
.mc-aviso.on{opacity:1;transform:translate(-50%,0)}
.mc-aviso button{background:none;border:0;color:var(--coral);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer;padding:0 .2rem}
.mc-url{width:100%;margin-top:.4rem;font:inherit;padding:.3rem .4rem;border-radius:6px;border:0}
body.com-barra-wa .mc-aviso{bottom:86px}
/* 9) selos de versão (por baixo da foto, nunca por cima da camisola) */
.selos{display:flex;flex-wrap:wrap;gap:4px}
.selo{display:inline-block;background:var(--teal);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.02em;padding:2px 7px;border-radius:999px;line-height:1.4;white-space:nowrap}
.selo-ret{background:var(--navy)}.selo-cri{background:#2A9D8F}.selo-mc{background:#fff;color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}
/* 10) fotos deslizáveis */
.pv-foto .fc-seta{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;border-radius:50%;background:#ffffffe6;color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1;box-shadow:0 1px 5px #0003;opacity:0;transition:opacity .15s;cursor:pointer;user-select:none}
.pv-foto .fc-seta.ant{left:6px}.pv-foto .fc-seta.seg{right:6px}
.pv-card:hover .fc-seta{opacity:1}.pv-foto .fc-seta:hover{background:var(--coral);color:#fff}
@media(hover:none){.pv-foto .fc-seta{display:none}}
.fc-pontos{position:absolute;left:0;right:0;bottom:8px;z-index:2;display:flex;justify-content:center;gap:4px;pointer-events:none}
.fc-pontos i{width:6px;height:6px;border-radius:50%;background:#ffffffb0;box-shadow:0 0 2px #0006}.fc-pontos i.on{background:var(--coral)}
.pv-card:has(.fc-pontos) .n{bottom:18px}
#g .pv-foto{touch-action:pan-y}
/* 7) e 10) barra de resultados: total · ordenar · colunas */
.res-barra{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin:.2rem 0}
.res-barra #tot{margin:.4rem 0}
.res-ctl{display:flex;align-items:center;gap:.5rem}
.res-ctl .ord{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:var(--navy)}
.res-ctl select{margin:0;padding:.4rem 2rem .4rem .7rem;border-radius:999px;border:1px solid #d6d2cc;background-color:#fff;font:inherit;font-size:.85rem;color:var(--navy);width:auto;min-width:0}
.btn-cols{display:none;width:38px;height:38px;border-radius:50%;border:1px solid #d6d2cc;background:#fff;color:var(--navy);cursor:pointer;align-items:center;justify-content:center;padding:0}
.btn-cols svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
@media(max-width:767.98px){.btn-cols{display:inline-flex}#g.uma-col{grid-template-columns:1fr}#g.uma-col .alb h3{font-size:1rem;min-height:0}.res-ctl .ord span{display:none}}
/* 5) atalhos de equipamento */
.atalhos{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding:.2rem 0 .4rem;margin:.3rem 0 0;align-items:center}
.atalhos::-webkit-scrollbar{display:none}
.atalhos .at-tit{font-weight:800;color:var(--navy);white-space:nowrap;font-size:.9rem}
.atalhos button{flex:none;border:1px solid var(--navy);background:#fff;color:var(--navy);border-radius:999px;padding:.4rem .85rem;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap}
.atalhos button small{opacity:.65;font-weight:600;margin-left:.15rem}
.atalhos button.on{background:var(--navy);color:#fff}.atalhos button.on small{opacity:.9}
.atalhos button:hover{border-color:var(--coral)}
/* 11) migalhas de pão e frase de introdução */
.migalhas ol{list-style:none;display:flex;flex-wrap:wrap;gap:.15rem .1rem;padding:0;margin:.5rem 0 .2rem;font-size:.85rem}
.migalhas li{display:flex;align-items:center;color:#1b365d99}
.migalhas li+li::before{content:"›";margin:0 .45rem;color:var(--coral);font-weight:800}
.migalhas a{color:var(--navy);text-decoration:none;font-weight:600;margin:0;font-size:inherit}.migalhas a:hover{color:var(--coral);text-decoration:underline}
.migalhas [aria-current] span{color:#1b365dbb;max-width:min(60vw,420px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}
.migalhas .sair-col{border:0;background:none;color:var(--coral);font:inherit;font-weight:800;cursor:pointer;margin-left:.4rem;padding:0}
.intro-cat{margin:.1rem 0 .4rem;font-size:.92rem;color:#1b365dcc;max-width:70ch}
/* ficha: partilhar, juntar, tamanho escolhido */
.btn-part,.btn-juntar{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid #d6d2cc;background:#fff;color:var(--navy);cursor:pointer;font:inherit;font-weight:700}
.btn-part svg,.btn-juntar svg,.bw-ped svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn-part:hover,.btn-juntar:hover{border-color:var(--coral);color:var(--coral)}
.btn-juntar{border-color:var(--teal);color:var(--teal)}
p:has(>.btn-wa-det){display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}p:has(>.btn-wa-det) .btn{margin:0}
.acoes-det{flex-wrap:wrap}
.tam .tam-esc{cursor:pointer;transition:background .12s,color .12s}
.tam .tam-esc:hover{border-color:var(--coral)}
.tam .tam-esc.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.tam.pede{animation:pede .5s 2;border-radius:8px;outline:2px solid var(--coral);outline-offset:3px}
@keyframes pede{50%{transform:translateX(4px)}}
.tam-dica{font-size:.82rem;margin:.2rem 0 0;color:#1b365dbb}
.qv-acoes2{display:flex;gap:.6rem;margin:-.2rem 0 .6rem}.qv-acoes2 .btn{flex:1;margin:0;padding:.6rem .5rem}
/* 3) outras versões */
.versoes{margin:.6rem 0 1rem}
.versoes h3{font-size:.95rem;margin:.2rem 0 .4rem}
.ver-linha{margin:.3rem 0 .5rem}
.ver-tit{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:.25rem}
.ver-lista{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:thin;padding-bottom:.3rem}
.ver{flex:none;width:84px;text-decoration:none;color:var(--navy);display:flex;flex-direction:column;gap:3px}
.ver-foto{display:block;width:84px;height:84px;border-radius:10px;overflow:hidden;border:2px solid #e6e2dc;background:#fff}
.ver-foto img{width:100%;height:100%;object-fit:cover;display:block}
.ver-rot{font-size:.72rem;line-height:1.2;text-align:center;font-weight:600}
.ver:hover .ver-foto{border-color:var(--teal)}.ver.on .ver-foto{border-color:var(--coral)}.ver.on .ver-rot{color:var(--coral);font-weight:800}
/* 4) filas na ficha */
.relacionados{margin-top:1.5rem}
/* 2) barra fixa de WhatsApp na ficha (telemóvel) */
.barra-wa{display:none}
@media(max-width:767.98px){
 body.com-barra-wa .barra-wa{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--navy);padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom));gap:.5rem;align-items:center;box-shadow:0 -6px 16px #0003}
 body.com-barra-wa{padding-bottom:76px}
 body.com-barra-wa .wa-fixo{display:none}
 .barra-wa .bw-tam{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;height:46px;border:1px solid #ffffff55;border-radius:10px;background:transparent;color:#fff;font:inherit;cursor:pointer;line-height:1.1}
 .barra-wa .bw-tam small{font-size:.62rem;opacity:.8;text-transform:uppercase;letter-spacing:.06em}.barra-wa .bw-tam b{font-size:1rem}
 .barra-wa .bw-ped{flex:none;width:46px;height:46px;border-radius:10px;border:1px solid #ffffff55;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
 .barra-wa .bw-wa{flex:1;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--coral);color:#fff;height:46px;border-radius:10px;font-weight:800;padding:0 .6rem;white-space:nowrap}
 .barra-wa .bw-wa .ico-wa{width:20px;height:20px}
 /* Vista rápida: ações sempre visíveis no fundo */
 .qv .qv-acoes{position:sticky;bottom:-1rem;z-index:4;background:#fff;margin:.6rem -1rem 0;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));box-shadow:0 -8px 12px -8px #1b365d40}
 .qv .qv-acoes2{margin-top:.6rem}
 body.sem-scroll .wa-fixo{display:none}
}
/* 1) «O meu pedido» */
.nped{background:var(--teal)}
.pedido .pv-caixa{width:min(620px,100%)}
.ped h2{margin:.2rem 2.4rem .4rem 0}
.ped-lista{list-style:none;padding:0;margin:.8rem 0;display:flex;flex-direction:column;gap:.6rem}
.ped-lista li{display:flex;gap:.7rem;align-items:center;background:var(--bg);border-radius:12px;padding:.5rem}
.ped-foto{flex:none;width:68px;height:68px;border-radius:8px;overflow:hidden;display:block}
.ped-foto img{width:100%;height:100%;object-fit:cover;display:block}.ped-foto .wm::before{display:none}
.ped-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}
.ped-nome{color:var(--navy);font-weight:700;text-decoration:none;font-size:.92rem;line-height:1.25}.ped-nome:hover{color:var(--coral)}
.ped-tam{font-size:.82rem}
.ped-qtd{display:inline-flex;align-items:center;gap:.5rem}
.ped-qtd button{width:30px;height:30px;border-radius:50%;border:1px solid #d6d2cc;background:#fff;color:var(--navy);font-size:1.1rem;cursor:pointer;line-height:1}
.ped-qtd button:hover{border-color:var(--coral);color:var(--coral)}
.ped-tirar{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:var(--navy);cursor:pointer;font-size:1rem}.ped-tirar:hover{background:var(--coral);color:#fff}
.ped-tot{font-weight:700;margin:.2rem 0 .6rem}
.btn-wa-ped{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;margin:0}
.ped-pe{text-align:center;margin:.6rem 0 0}.ped-limpar{border:0;background:none;color:var(--navy);text-decoration:underline;cursor:pointer;font:inherit;font-size:.88rem}
.ped-enviado{background:#2a9d8f1a;border-left:4px solid var(--teal);padding:.5rem .7rem;border-radius:6px;font-size:.88rem;margin:.6rem 0 0}
.ped-vazio{text-align:center;padding:1rem 0}
.instalar .pv-caixa{width:min(520px,100%)}.inst{padding-left:1.2rem;line-height:1.6}
/* 8) coleções na página inicial */
.colecoes{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
@media(min-width:900px){.colecoes{grid-template-columns:repeat(4,1fr)}}
.col{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:var(--navy);box-shadow:0 1px 6px #1b365d1a;transition:transform .15s,box-shadow .15s}
.col:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1b365d33}
.col-foto{display:block;aspect-ratio:1;background:#fff}.col-foto .wm,.col-foto img{width:100%;height:100%;object-fit:cover;display:block}
.col-txt{display:flex;flex-direction:column;gap:.25rem;padding:.7rem .8rem .8rem;border-top:4px solid var(--coral);flex:1}
.col-txt strong{font-size:1rem;line-height:1.2}.col-txt small{font-size:.82rem;opacity:.8;line-height:1.3}
.col-txt b{margin-top:auto;color:var(--coral);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;padding-top:.3rem}
@media(max-width:600px){.col-txt small{display:none}.col-txt strong{font-size:.9rem}}
.col-kick{display:inline-block;align-self:flex-start;background:var(--teal);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:4px}
/* registo: quem chega por uma ligação partilhada */
.aviso-partilha{background:#2a9d8f1a;border-left:4px solid var(--teal);padding:.6rem .8rem;border-radius:6px;margin:1rem 0 .4rem;font-size:.95rem}