/* AOG Shop Filters — charte de la home : Function Pro, noir #111, or #b2a36f, trait noir 4 px. */
.aogsf{--g:#b2a36f;--ink:#111;--mut:#6b6b6b;--line:#e4e1d8;--soft:#f3f1ea;--aogsf-top:0px;font-family:inherit;color:var(--ink);margin:0 auto 80px;max-width:1600px}
.aogsf *,.aogsf *:before,.aogsf *:after{box-sizing:border-box}
.aogsf [hidden]{display:none!important}
.aogsf button{font-family:inherit}

/* En-tête */
.aogsf-hero{position:relative;height:440px;background-color:#222;background-size:cover;background-repeat:no-repeat;display:flex;align-items:flex-end;padding:40px}
.aogsf-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.55))}
.aogsf-hero>div{position:relative;z-index:1;color:#fff}
.aogsf-hero small{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#d9cc9c}
.aogsf-hero h1{color:#fff!important;font-size:72px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;margin:6px 0 4px;line-height:1}
.aogsf-hero p{margin:0;font-size:18px;color:#fff;opacity:.92}
.aogsf-rule{height:4px;background:var(--ink);margin:28px 0 0}
.aogsf-hero+.aogsf-rule{margin-top:28px}

/* Barre de filtres */
.aogsf-bar{position:sticky;top:var(--aogsf-top);z-index:40;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:14px 0}
.aogsf-ctrls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;flex:1 1 auto;min-width:0}
.aogsf-shh,.aogsf-sheetfoot,.aogsf-mbtn,.aogsf-shd{display:none}
.aogsf-grp{display:flex;align-items:center;gap:6px;position:relative}
.aogsf-lbl{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-right:4px;white-space:nowrap}
.aogsf-sw{width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0;transition:box-shadow .15s}
.aogsf-sw[aria-pressed="true"]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ink)}
.aogsf-pill{font-size:14px;min-width:40px;height:34px;padding:0 12px;border:1px solid #cfcabb;background:#fff;cursor:pointer;border-radius:2px;color:var(--ink);white-space:nowrap;line-height:1}
.aogsf-pill:hover{border-color:var(--ink)}
.aogsf-pill[aria-pressed="true"],.aogsf-ddb.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.aogsf-ddb{min-width:132px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.aogsf-ddb i{font-style:normal;font-size:11px}
.aogsf-ddp{position:absolute;top:42px;left:0;z-index:50;background:#fff;border:1px solid var(--ink);min-width:240px;padding:8px 0;box-shadow:0 10px 30px rgba(0,0,0,.12);max-height:60vh;overflow:auto}
.aogsf-ddp label{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:14px;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:400}
.aogsf-ddp label:hover{background:var(--soft)}
.aogsf-ddp input{accent-color:var(--ink);width:16px;height:16px;margin:0}
.aogsf-ddp em{font-style:normal;color:var(--mut);margin-left:auto;letter-spacing:0}
.aogsf-sort{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}
.aogsf-sort select{font:inherit;font-size:14px;height:34px;border:1px solid #cfcabb;padding:0 8px;background:#fff;color:var(--ink);border-radius:2px}

/* Compteur et filtres actifs */
.aogsf-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 0 20px;font-size:14px;color:var(--mut)}
.aogsf-chips{display:contents}
.aogsf-chip{font-size:13px;background:var(--soft);border:0;padding:6px 10px;cursor:pointer;color:var(--ink)}
.aogsf-clr{font-size:13px;background:none;border:0;text-decoration:underline;cursor:pointer;color:var(--ink);padding:0}

/* Grille */
.aogsf-grid{display:grid;grid-template-columns:repeat(var(--aogsf-cols,4),minmax(0,1fr));gap:36px 24px}
.aogsf-card a{color:inherit;text-decoration:none;display:block}
.aogsf-ph{position:relative;aspect-ratio:var(--aogsf-ratio,4/5);background:var(--soft);overflow:hidden}
.aogsf-ph .aogsf-img,.aogsf-lb .aogsf-img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;transition:opacity .35s;max-width:none}
.aogsf-ph .aogsf-img2{opacity:0;background:var(--soft)}
.aogsf-card:hover .aogsf-img2{opacity:1}
.aogsf-card.is-oos .aogsf-img{filter:grayscale(.7) brightness(1.1) contrast(.75)}
.aogsf-badge{position:absolute;top:12px;left:12px;z-index:2;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:#fff;color:var(--ink);padding:5px 8px;line-height:1.2}
.aogsf-badge.is-dark{background:var(--ink);color:#fff}
.aogsf-badge.is-gold{top:auto;bottom:12px;background:var(--g);color:var(--ink)}
.aogsf-ov{position:absolute;left:0;right:0;bottom:0;z-index:3;background:rgba(255,255,255,.94);padding:12px 14px;transform:translateY(101%);transition:transform .25s}
.aogsf-card:hover .aogsf-ov{transform:none}
.aogsf-ov small{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:7px}
.aogsf-sz{display:flex;gap:4px;flex-wrap:wrap}
.aogsf-sz span{font-size:12px;padding:3px 8px;border:1px solid #cfcabb;color:var(--ink);background:#fff}
.aogsf-sz span.x{color:#b5b1a6;text-decoration:line-through;border-color:var(--line)}
.aogsf-sz span.h{background:var(--ink);color:#fff;border-color:var(--ink)}
.aogsf-nt{display:block;margin-top:8px;font-size:12px;color:var(--ink);text-decoration:underline}
.aogsf-nm{margin:14px 0 4px;font-size:15px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:1.3}
.aogsf-ln{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--mut)}
.aogsf-dot{flex:none;width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}
.aogsf-pr{margin-left:auto;color:var(--ink);white-space:nowrap}
.aogsf-pr del{color:#9a9a9a;margin-right:4px;opacity:1}
.aogsf-pr ins{text-decoration:none;background:none}
.aogsf-pr .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.aogsf-card.is-oos .aogsf-pr{color:var(--mut)}

/* Photos entières (packshots, ex. gants) : fond blanc, pas de recadrage */
.aogsf.is-contain .aogsf-ph{background:#f4f1ea}
.aogsf.is-contain .aogsf-ph .aogsf-img:not(.aogsf-img2){object-fit:contain;padding:4%;mix-blend-mode:multiply} /* le blanc du packshot se fond dans le beige clair */

/* Tuiles éditoriales */
.aogsf-lb{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:var(--aogsf-ratio,4/5);background:#111;overflow:hidden;text-decoration:none!important;color:#fff}
.aogsf-lb:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:1;transition:background .3s}
.aogsf-lb:hover:before{background:rgba(0,0,0,.38)}
.aogsf-lbt{position:relative;z-index:2;display:flex;flex-direction:column;padding:28px}
.aogsf-lbt small{color:var(--g);font-size:12px;letter-spacing:.28em;text-transform:uppercase}
.aogsf-lbt b{font-weight:500;font-size:28px;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-top:6px;line-height:1.1}
.aogsf-lbt i{font-style:normal;color:#fff;margin-top:12px;font-size:15px;border-bottom:1px solid var(--g);align-self:flex-start}

.aogsf-empty{grid-column:1/-1;padding:60px 0;text-align:center;color:var(--mut)}
.aogsf-seo{margin-top:70px;border-top:1px solid var(--line);padding-top:20px;font-size:15px;line-height:1.7;color:#444}
.aogsf-seo summary{cursor:pointer;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}

@media (max-width:1100px){.aogsf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Mobile : bouton « Filtrer » + panneau qui monte du bas */
@media (max-width:767px){
	.aogsf-hero{height:300px;padding:22px}
	.aogsf-hero h1{font-size:44px}
	.aogsf-hero p{font-size:15px}
	.aogsf-rule{margin-top:0}
	.aogsf-bar{gap:10px;padding:10px 0}
	.aogsf-mbtn{display:flex;align-items:center;justify-content:center;flex:1;height:44px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:#fff;border:0;cursor:pointer}
	.aogsf-sort{margin:0;flex:1}
	.aogsf-sort .aogsf-lbl{display:none}
	.aogsf-sort select{width:100%;height:44px}
	.aogsf-ctrls{display:none}
	.aogsf.is-open .aogsf-shd{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99998}
	.aogsf.is-open .aogsf-bar{z-index:99999} /* le panneau (dans la barre) passe au-dessus du voile sombre */
	.aogsf.is-open .aogsf-ctrls{display:block;position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#fff;padding:18px 16px 16px;max-height:82vh;overflow:auto;border-top:4px solid var(--ink)}
	.aogsf-shh{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;letter-spacing:.14em;text-transform:uppercase}
	.aogsf-close{background:none;border:0;font-size:20px;cursor:pointer;color:var(--ink);padding:4px 8px}
	.aogsf-ctrls .aogsf-grp{flex-wrap:wrap;margin-bottom:22px;gap:8px}
	.aogsf-ctrls .aogsf-lbl{width:100%;margin-bottom:2px}
	.aogsf-ctrls .aogsf-sw{width:40px;height:40px}
	.aogsf-ctrls .aogsf-pill{height:44px;min-width:52px}
	.aogsf-ddb{display:none!important}
	.aogsf-ddp,.aogsf-ddp[hidden]{display:flex!important;flex-wrap:wrap;gap:8px;position:static;border:0;box-shadow:none;padding:0;min-width:0;max-height:none}
	.aogsf-ddp label{padding:0 14px;height:44px;border:1px solid #cfcabb;font-size:13px}
	.aogsf-ddp label:has(input:checked){background:var(--ink);color:#fff;border-color:var(--ink)}
	.aogsf-ddp input,.aogsf-ddp em{display:none}
	.aogsf-sheetfoot{display:flex;align-items:center;gap:16px;position:sticky;bottom:-16px;background:#fff;padding:12px 0 0}
	.aogsf-see{flex:1;height:50px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:#fff;border:0;cursor:pointer}
	.aogsf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
	.aogsf-ov{display:none}
	.aogsf-nm{font-size:13px;margin-top:10px}
	.aogsf-ln{font-size:13px;flex-wrap:wrap;gap:4px 6px}
	.aogsf-pr{margin-left:0;width:100%}
	.aogsf-badge{top:8px;left:8px;font-size:10px;padding:4px 6px}
	.aogsf-badge.is-gold{bottom:8px}
	.aogsf-lbt{padding:16px}
	.aogsf-lbt b{font-size:20px}
}
body.aogsf-lock{overflow:hidden}

/* v0.2.7 — les styles de bouton du thème (Kalium) au survol / focus / appui rendaient le texte blanc sur blanc,
   surtout sur mobile où l'état « survol » reste après un tap. On fixe nos couleurs pour tous les états. */
.aogsf .aogsf-pill,.aogsf .aogsf-pill:hover,.aogsf .aogsf-pill:focus,.aogsf .aogsf-pill:active,
.aogsf .aogsf-chip,.aogsf .aogsf-chip:hover,.aogsf .aogsf-chip:focus,.aogsf .aogsf-chip:active{background:#fff;color:var(--ink);box-shadow:none;text-shadow:none;--k-button-color:var(--ink);--k-button-bg:#fff;--k-button-hover-color:var(--ink);--k-button-hover-bg:#fff;--k-button-active-color:var(--ink);--k-button-active-bg:#fff}
.aogsf .aogsf-chip,.aogsf .aogsf-chip:hover,.aogsf .aogsf-chip:focus,.aogsf .aogsf-chip:active{background:var(--soft)}
.aogsf .aogsf-pill[aria-pressed="true"],.aogsf .aogsf-pill[aria-pressed="true"]:hover,.aogsf .aogsf-pill[aria-pressed="true"]:focus,.aogsf .aogsf-pill[aria-pressed="true"]:active,
.aogsf .aogsf-ddb.is-on,.aogsf .aogsf-ddb.is-on:hover,.aogsf .aogsf-ddb.is-on:focus,.aogsf .aogsf-ddb.is-on:active{background:var(--ink);color:#fff;border-color:var(--ink)}
.aogsf .aogsf-mbtn,.aogsf .aogsf-mbtn:hover,.aogsf .aogsf-mbtn:focus,.aogsf .aogsf-mbtn:active,
.aogsf .aogsf-see,.aogsf .aogsf-see:hover,.aogsf .aogsf-see:focus,.aogsf .aogsf-see:active{background:var(--ink);color:#fff;box-shadow:none}
.aogsf .aogsf-clr,.aogsf .aogsf-clr:hover,.aogsf .aogsf-clr:focus,.aogsf .aogsf-clr:active,
.aogsf .aogsf-close,.aogsf .aogsf-close:hover,.aogsf .aogsf-close:focus,.aogsf .aogsf-close:active{background:none;color:var(--ink);box-shadow:none}
.aogsf .aogsf-sw:hover,.aogsf .aogsf-sw:focus,.aogsf .aogsf-sw:active{box-shadow:none}
.aogsf .aogsf-sw[aria-pressed="true"],.aogsf .aogsf-sw[aria-pressed="true"]:hover,.aogsf .aogsf-sw[aria-pressed="true"]:focus{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ink)}
.aogsf button{-webkit-tap-highlight-color:transparent}
.aogsf button:focus-visible{outline:2px solid var(--g);outline-offset:2px}
@media (hover:none){.aogsf .aogsf-pill:hover{border-color:#cfcabb}.aogsf .aogsf-pill[aria-pressed="true"]:hover{border-color:var(--ink)}}

/* v0.2.8 — produit épuisé : voile gris sur tout le cadre photo (y compris le fond autour des packshots) */
.aogsf .aogsf-card.is-oos .aogsf-img{filter:grayscale(1)}
.aogsf .aogsf-card.is-oos .aogsf-ph:after{content:"";position:absolute;inset:0;background:rgba(235,234,230,.55);z-index:1;pointer-events:none}

/* v0.3.3 — vraie photo (pas un packshot) : elle remplit toute la carte, même sur les pages en « contain » */
.aogsf.is-contain .aogsf-card.is-photo .aogsf-ph .aogsf-img:not(.aogsf-img2){object-fit:cover;padding:0;mix-blend-mode:normal}