/* ── Garrafa Aberta · de vocês: cards de papel numa grade; a foto em 3:4 como no Garimpo ── */
.m-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:22px;align-items:start}
.m-card{background:#FFFDF8;color:var(--tinta);border:1px solid #E6DAC4;border-radius:14px;overflow:hidden;
  box-shadow:0 10px 26px rgba(0,0,0,.08);container-type:inline-size}
.m-card.m-destaque{outline:2px solid var(--vermelho);outline-offset:2px}
/* a janela: uma foto, ou duas que passam pro lado com setas (igual ao card da casa) */
.m-foto{position:relative;display:block;aspect-ratio:3/4;background:#E3D6BC;overflow:hidden}
.m-rolo{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.m-rolo::-webkit-scrollbar{display:none}
.m-rolo .m-zoom{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;display:block;cursor:zoom-in}
.m-foto img{display:block;width:100%;height:100%;object-fit:cover}
.m-seta{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:99px;border:0;
  background:rgba(251,247,238,.92);color:#2A1720;font:700 22px/32px Georgia,serif;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.35);z-index:3;padding:0}
.m-seta.esq{left:10px}.m-seta.dir{right:10px}
.m-seta[hidden]{display:none}
/* sem foto: o desenho da casa, o mesmo do garimpo que a casa não bebeu */
.m-papel{display:flex;align-items:flex-end;padding:10px;background:linear-gradient(160deg,#F3E9D8,#E3D6BC);}
.m-papel::before{content:"";position:absolute;inset:0;background:url(/assets/img/garimpo-sem-foto.svg) center/cover no-repeat}
.m-papel span{position:relative;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8A7B62;font-weight:700}
.m-corpo{padding:14px 16px 16px}
.m-quem{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--tinta-suave);line-height:1.4;flex-wrap:wrap}
.m-quem img{width:22px;height:22px;border-radius:99px;flex:none}
.m-quem b{color:var(--tinta);font-weight:700}
.m-quem span{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}
.m-card h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:1.15rem;line-height:1.2;margin:9px 0 3px;color:var(--tinta)}
.m-preco{font-size:12px;color:var(--vermelho);font-weight:700;line-height:1.5}
.m-ficha{font-size:13px;color:var(--tinta-suave);line-height:1.6;margin-top:9px}
.m-linha{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:14.5px;color:var(--tinta);line-height:1.5;margin-top:10px}
.m-veredito{margin-top:10px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--vermelho)}
.m-veredito.ok{color:#8A7B62}
.m-veredito.nao{color:var(--tinta-suave)}
.m-motivo{margin-top:10px;font-size:12px;color:#A8535F;line-height:1.5}
.m-acoes{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px dashed #DDCFB4}
.brinde{background:#FFFDF8;color:var(--vermelho);border:1px solid var(--vermelho);border-radius:8px;padding:7px 11px;font:700 11px/1 Inter,sans-serif;letter-spacing:.06em;cursor:pointer}
.brinde i{font-style:normal;font-weight:800;margin-left:4px}
.brinde.ja{background:var(--vermelho);color:#fff;cursor:default}
.brinde:disabled:not(.ja){opacity:.6}
.m-share{background:var(--vermelho);color:#fff;border:0;border-radius:8px;padding:8px 12px;font:700 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.m-aviso,.m-tira,.m-volta,.m-edita{background:none;border:0;padding:0;font:600 11.5px/1 Inter,sans-serif;color:#8A7B62;cursor:pointer;text-decoration:underline dotted}
.m-aviso:disabled{text-decoration:none;cursor:default}
.m-mais{display:block;margin:26px auto 0;background:transparent;border:1px solid var(--vermelho);color:var(--vermelho);border-radius:10px;padding:12px 22px;font:700 12px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.m-estado{font-size:14.5px;color:var(--tinta-suave);line-height:1.7;margin-top:22px}

/* ── o mini-card: a fila no Garimpo, na página de cada garimpo e "minhas garrafas" na adega ── */
.m-mini{display:block;flex:0 0 170px;scroll-snap-align:start;background:var(--papel);color:var(--tinta);border-radius:4px;padding:8px 8px 12px;text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.35);position:relative}
.m-mini .mf{position:relative;aspect-ratio:3/4;border-radius:3px;background:#E3D6BC center/cover no-repeat;overflow:hidden}
.m-mini .mf.m-papel{display:flex;align-items:flex-end;padding:8px}
.m-mini .mf.m-papel span{font-size:9.5px}
.m-mini .mf.fora::after{content:"fora do ar";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(42,23,32,.55);color:#FCF3E3;font:700 10px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.m-mini b{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:14px;line-height:1.2;margin:10px 0 4px;color:var(--tinta);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.m-mini span.q{display:block;font-size:11px;color:var(--tinta-suave);line-height:1.5}
.m-mini a{display:block;text-decoration:none;color:inherit}
.m-mini:hover{transform:translateY(-3px);transition:transform .2s}
.m-minis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}
.m-minis .m-mini{flex:none}

/* ── o card por cima da página ─────────────────────────────────────── */
.m-sobre{position:fixed;inset:0;z-index:997;background:rgba(28,10,20,.9);display:flex;align-items:flex-start;justify-content:center;padding:18px 12px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.m-sobre-caixa{position:relative;width:min(100%,440px);margin:auto}
.m-sobre .m-card{box-shadow:0 22px 52px rgba(0,0,0,.6)}
.m-sobre .m-foto{aspect-ratio:4/3}
.m-sobre .m-foto img{object-fit:contain;background:#E3D6BC}
.m-fecha{position:absolute;top:10px;right:10px;z-index:4;width:34px;height:34px;border-radius:99px;border:0;background:rgba(251,247,238,.94);color:#2A1720;font:700 16px/34px Inter,sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.35)}