/* CSS catalogue partagé entre vitrine-brasero et vitrine-pellet-bois */
/* Variables alias pour compat (si vitrine définit var courte, on map vers la longue) */
:root{--font-display:var(--font-d);--font-body:var(--font-b);--radius:var(--r);--radius-lg:var(--r-lg);}
/* ── PRODUCTS ── */
.products{padding:110px 2rem;background:var(--green-dark);border-top:1px solid rgba(212,120,26,.12)}
.products-inner{max-width:var(--max-w);margin:0 auto}
.prod-hd{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;gap:1.5rem;flex-wrap:wrap}

/* tabs */
.mat-tabs{display:flex;border:1px solid rgba(212,120,26,.25);border-radius:var(--r);padding:3px;gap:2px;background:rgba(212,120,26,.05);flex-shrink:0}
.mat-tab{padding:.45rem 1.4rem;border-radius:var(--r);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cream-muted);transition:all var(--t-mid)}
.mat-tab.active{background:var(--amber);color:var(--green-deep)}
.mat-tab:hover:not(.active){color:var(--cream);background:rgba(212,120,26,.1)}

/* panel */
.prod-panel{display:none}
.prod-panel.active{display:block}
.prod-cinema{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(212,120,26,.18);background:radial-gradient(ellipse at 5% 95%,rgba(201,125,26,.28) 0%,transparent 50%),radial-gradient(ellipse at 95% 5%,rgba(140,70,10,.22) 0%,transparent 45%),linear-gradient(145deg,#150e04 0%,#251808 100%)}
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;padding:1.5rem 2rem 2rem}

/* ── CARD ── */
.pcard{background:rgba(10,18,9,.85);display:flex;flex-direction:column;position:relative;cursor:default;transition:border-color .25s,box-shadow .22s,transform .15s ease-out;border:1px solid rgba(212,120,26,.12);border-radius:var(--r-lg);overflow:hidden}
.pcard:hover{border-color:rgba(212,120,26,.45);box-shadow:0 18px 48px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05);transform:translateY(-3px)}

/* image zone */
.pcard-img-zone{position:relative;overflow:hidden;background:rgba(14,26,12,.7);height:220px;flex-shrink:0}
.pcard-img-zone img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}
.pcard:hover .pcard-img-zone img{transform:scale(1.04)}

/* gallery dots */
.pcard-dots{position:absolute;bottom:.6rem;left:50%;transform:translateX(-50%);display:flex;gap:.35rem;z-index:2}
.pcard-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.3);border:none;padding:0;cursor:pointer;transition:background var(--t),transform var(--t);flex-shrink:0}
.pcard-dot.active{background:var(--amber);transform:scale(1.25)}
.pcard-dot:hover:not(.active){background:rgba(255,255,255,.6)}

/* badges */
.pcard-badges{position:absolute;top:.65rem;left:.65rem;display:flex;gap:.3rem;flex-wrap:wrap;z-index:2}
.badge{font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:4px;line-height:1.5}
.badge-sale{background:rgba(212,120,26,.88);color:var(--green-deep)}
.badge-rent{background:rgba(48,209,88,.82);color:var(--green-deep)}

/* vars count */
.pcard-vars{position:absolute;top:.65rem;right:.65rem;z-index:2;font-size:.6rem;font-weight:600;color:var(--cream-muted);background:rgba(0,0,0,.65);backdrop-filter:blur(8px);padding:2px 7px;border-radius:5px;letter-spacing:.04em}

/* body */
.pcard-body{padding:1.2rem 1.3rem 1.45rem;flex:1;display:flex;flex-direction:column;gap:.65rem}
.pcard-name{font-family:var(--font-d);font-size:1.15rem;font-weight:600;color:var(--cream);line-height:1.2}
.pcard-sub{font-size:.7rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-muted)}

/* swatches */
.pcard-swatches{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.swatch{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--t),box-shadow var(--t),border-color var(--t);flex-shrink:0}
.swatch.active{border-color:rgba(240,233,216,.85);transform:scale(1.15)}
.swatch:hover:not(.active){transform:scale(1.1);border-color:rgba(240,233,216,.4)}
.swatch-label{font-size:.68rem;color:var(--cream-muted);margin-left:.2rem}

/* pills */
.pcard-pills{display:flex;flex-wrap:wrap;gap:.3rem}
.pill{font-size:.62rem;font-weight:500;color:var(--cream-muted);background:rgba(42,80,34,.3);border:1px solid rgba(42,80,34,.5);padding:2px 8px;border-radius:4px;cursor:default;letter-spacing:.03em}
.pill-opt{color:rgba(212,120,26,.7);border-color:rgba(212,120,26,.2);background:rgba(212,120,26,.06)}

/* price */
.pcard-price-row{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}
.pcard-from{font-size:.65rem;color:var(--cream-muted)}
.pcard-price-val{font-family:var(--font-d);font-size:1.6rem;font-weight:600;color:var(--amber-light);line-height:1}
.pcard-price-range{font-size:.68rem;color:var(--cream-muted)}
.pcard-rent-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;background:rgba(42,80,34,.2);border:1px solid rgba(42,80,34,.4);border-radius:var(--r);margin-top:.1rem}
.pcard-rent-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7ecb70}
.pcard-rent-val{font-family:var(--font-d);font-size:1.1rem;font-weight:600;color:#a8e6a0;margin-left:auto}
.pcard-rent-unit{font-size:.6rem;color:rgba(168,230,160,.5);font-family:var(--font-b)}

/* actions */
.pcard-actions{display:flex;gap:.4rem;margin-top:auto}
.pcard-btn{flex:1;padding:.58rem .5rem;border-radius:var(--r);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:center;transition:all .22s;cursor:pointer}
.pcard-btn-buy{background:rgba(212,120,26,.1);color:var(--amber-light);border:1px solid rgba(212,120,26,.22)}
.pcard-btn-buy:hover{background:var(--amber);color:var(--green-deep)}
.pcard-btn-rent{background:rgba(42,80,34,.2);color:#7ecb70;border:1px solid rgba(42,80,34,.4)}
.pcard-btn-rent:hover{background:rgba(42,80,34,.5);color:#a8e6a0}