/* SlabForge — PATCH P : Page produit BD */
:root{ --sf-gap:16px; --sf-max:1200px; --sf-line:3px; --sf-accent:#ffd56b; }
.sf-container{ width:min(var(--sf-max), 100%); margin:0 auto; padding:0 12px; }
.grid{ display:grid; gap:var(--sf-gap) }
.cols-2{ grid-template-columns: 1.2fr .8fr }
@media (max-width:980px){ .cols-2{ grid-template-columns: 1fr } }

.sf-card{ background:#fff; border:var(--sf-line) solid #000; border-radius:14px; box-shadow: 4px 4px 0 #000; overflow:hidden }
.sf-panel{ padding:12px }

/* Gallery */
.sf-gallery{ display:grid; grid-template-columns: 90px 1fr; gap:12px; align-items:start; }
.sf-thumbs{ display:flex; flex-direction:column; gap:8px; }
.sf-thumbs img{ width:100%; aspect-ratio:1/1; object-fit:cover; border:2px solid #000; border-radius:10px; cursor:pointer; }
.sf-main{ position:relative; border:2px solid #000; border-radius:12px; overflow:hidden }
.sf-main img{ width:100%; display:block }
.sf-zoom{ position:absolute; right:8px; bottom:8px; background:#000; color:#fff; padding:.35rem .6rem; border-radius:10px; font-weight:900 }
@media (max-width:640px){ .sf-gallery{ grid-template-columns: 1fr } .sf-thumbs{ flex-direction:row } }

/* Meta */
.sf-title{ font: 900 clamp(18px,3.4vw,28px)/1.1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.sf-price{ font: 900 24px/1 system-ui; background:var(--sf-accent); display:inline-block; padding:.25rem .55rem; border:2px solid #000; border-radius:10px; }
.sf-badges{ display:flex; gap:.5rem; flex-wrap:wrap; margin:.35rem 0 }
.sf-badge{ display:inline-block; padding:.25rem .6rem; border:2px solid #000; border-radius:999px; background:#fff; font-weight:900; }

.sf-cta{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.6rem }
.sf-btn{ border:2px solid #000; border-radius:12px; padding:.6rem .9rem; font-weight:900; background:#fff; cursor:pointer }
.sf-btn.primary{ background:var(--sf-accent) }
.sf-note{ opacity:.8; font-size:.95rem }

/* Tabs */
.sf-tabs{ display:flex; gap:.5rem; flex-wrap:wrap }
.sf-tab{ padding:.45rem .8rem; border:2px solid #000; border-radius:12px; background:#fff; font-weight:900; cursor:pointer }
.sf-tab[aria-selected="true"]{ background:#ffe7ab }
.sf-tabpanel{ display:none; margin-top:10px }
.sf-tabpanel[aria-hidden="false"]{ display:block }

/* Similar auctions/products */
.sf-row-3{ display:grid; grid-template-columns: repeat(3,1fr); gap:var(--sf-gap) }
@media (max-width:980px){ .sf-row-3{ grid-template-columns: repeat(2,1fr) } }
@media (max-width:640px){ .sf-row-3{ grid-template-columns: 1fr } }
.product .meta{ padding:.55rem .7rem }
.product .title{ font-weight:900 }
.product .actions{ display:flex; justify-content:space-between; align-items:center }

/* Sticky aside on desktop */
@media (min-width:981px){
  .sf-sticky{ position: sticky; top: 12px }
}

/* Safe margins for text */
.sf-safe{ padding: 10mm }