/* --- AFIWAI Steampunk Gallery (Front) --- */
.afw-gallery{background: var(--afw-bg); color: var(--afw-text); font-family: var(--afw-font); padding: clamp(12px,2vw,28px);} 
.afw-grid{display:grid; grid-template-columns: repeat(1,1fr); gap: clamp(10px,1.6vw,18px);} 
@media (min-width:520px){.afw-grid{grid-template-columns: repeat(2,1fr);} }
@media (min-width:880px){.afw-grid{grid-template-columns: repeat(3,1fr);} }
@media (min-width:1200px){.afw-grid{grid-template-columns: repeat(4,1fr);} }

/* Cartes steampunk */
.afw-card{position:relative; border:1px solid #2a1a0a; background: linear-gradient(135deg, rgba(36,26,18,.9), rgba(20,13,8,.95)); box-shadow: 0 6px 18px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,215,160,.06); border-radius: 14px; overflow:hidden; transition: transform .2s ease, box-shadow .2s ease;}
.afw-card:hover{transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,215,160,.08);} 
.afw-card:focus{outline:2px dashed var(--afw-accent); outline-offset:2px;}

.afw-media{position:relative; width:100%; aspect-ratio: 1 / 1; overflow:hidden;}
.afw-ratio-landscape .afw-media{aspect-ratio: 16/10;}
.afw-ratio-portrait .afw-media{aspect-ratio: 3/4;}
.afw-media img{width:100%; height:100%; object-fit:cover; display:block; filter: saturate(1.05) contrast(1.05);} 

/* Cadres & ornements cuivre */
.afw-card::before, .afw-card::after{content:""; position:absolute; inset:0; pointer-events:none;}
.afw-card::before{border:1px solid rgba(192,132,61,.35); mix-blend-mode:screen; border-radius: 14px;}
.afw-card::after{background: radial-gradient(600px 200px at 20% -80%, rgba(192,132,61,.18), transparent 60%), radial-gradient(400px 160px at 120% 140%, rgba(192,132,61,.12), transparent 60%);} 

/* Étiquette de prix */
.afw-price{position:absolute; top:14px; right:-8px; background: var(--afw-price-bg, var(--afw-accent)); color: var(--afw-price-text, #160f08); font-weight:700; padding:8px 14px; border-radius: 6px 6px 6px 0; box-shadow: 0 4px 10px rgba(0,0,0,.4); text-shadow: 0 1px 0 rgba(255,255,255,.15);} 
.afw-badge-tag .afw-price{right:14px; border-radius: 6px;}
.afw-badge-tag .afw-price::after{content:""; position:absolute; right:-8px; top:50%; transform:translateY(-50%); width:0;height:0;border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid rgba(0,0,0,.35);} 

/* Légende */
.afw-caption{padding:10px 12px 12px; font-size: clamp(calc(var(--afw-font-size) - 2px), 1.2vw, calc(var(--afw-font-size) + 0px)); letter-spacing:.2px; color: var(--afw-text); background: var(--afw-caption-bg);}
/*.afw-caption::before{content:""; display:block; width:36px; height:2px; background: linear-gradient(90deg, transparent, var(--afw-accent), transparent); margin: 6px 0 8px; opacity:.7;}*/

/* Accessibilité */
.afw-card:focus-within{outline:2px dashed var(--afw-accent); outline-offset:2px;}

/* Lightbox */
.afw-lightbox{position:fixed; inset:0; background:rgba(10,6,4,.85); display:none; align-items:center; justify-content:center; z-index:9999;}
.afw-lightbox.is-open{display:flex;}
.afw-lightbox__inner{position:relative; max-width:min(92vw,1200px); max-height:90vh; background:#0f0b08; border:1px solid #3a2a1a; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.6); overflow:hidden}
.afw-lightbox__img{display:block; width:100%; height:auto; max-height:70vh; object-fit:contain}
.afw-lightbox__caption{padding:10px 14px; color:var(--afw-text); background:linear-gradient(180deg, rgba(24,18,12,.9), rgba(18,12,8,.95)); border-top:1px solid #3a2a1a; font-size: clamp(calc(var(--afw-font-size) - 1px),1.3vw,calc(var(--afw-font-size)+1px));}
.afw-lightbox__price{position:absolute; top:12px; right:12px; background: var(--afw-price-bg, var(--afw-accent)); color: var(--afw-price-text, #160f08); font-weight:700; padding:8px 12px; border-radius:8px;}
.afw-lightbox__close{position:absolute; top:10px; left:10px; border:none; background:#2a1a0a; color:#f0e6d2; padding:6px 10px; border-radius:8px; cursor:pointer}