/* ==========================================================
   Pied de page commun – EDGE Équipement × SNK Power
   Même rendu sur toutes les pages (accueil, catégories, marques,
   produits, pages d’information). Préfixe .sf- pour éviter tout conflit.
   ========================================================== */
.sf{
  --sf-o:#ff6a00;--sf-o2:#e85d00;--sf-w:#fff;--sf-m:#d5d9dd;--sf-line:rgba(255,255,255,.16);
  display:block;clear:both;margin:0;padding:0;text-align:start;
  background:#000;
  border-top:4px solid var(--sf-o);color:var(--sf-w);
  font:400 1rem/1.5 Barlow,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  -webkit-text-size-adjust:100%;content-visibility:auto;contain-intrinsic-size:auto 760px
}
.sf *,.sf *::before,.sf *::after{box-sizing:border-box}
.sf a{color:var(--sf-w);text-decoration:none;transition:color .2s,background-color .2s,transform .2s}
.sf a:hover{color:#ffc29a;text-decoration:underline;text-underline-offset:3px}
.sf a:focus-visible,.sf button:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:4px}
.sf ul{list-style:none;margin:0;padding:0}
.sf li{margin:0;padding:0}
.sf p{margin:0}
.sf svg{display:block;flex:none}
.sf-w{width:min(1240px,94%);margin-inline:auto}
.sf-sprite{position:absolute;width:0;height:0;overflow:hidden}

/* Titres de colonnes */
.sf .sf-h{
  margin:0 0 14px;padding:0 0 10px;position:relative;
  font:800 1.3rem/1.1 "Barlow Condensed","Arial Narrow",Impact,sans-serif;font-style:normal;
  letter-spacing:.04em;text-transform:uppercase;color:var(--sf-o)
}
.sf .sf-h::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:34px;height:3px;border-radius:2px;background:var(--sf-w);opacity:.85}


/* Grille principale */
.sf-main{display:grid;grid-template-columns:minmax(250px,1.15fr) 3.85fr;gap:36px 44px;padding:36px 0 30px}
.sf-cols{display:grid;grid-template-columns:1.15fr .7fr 1.6fr 1.1fr;gap:30px 28px;min-width:0}
.sf-cols>section{min-width:0}

/* Colonne marque */
.sf-logos{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.sf-logos a{display:block;line-height:0}
.sf-logos img{display:block;width:auto;height:54px;max-width:100%;object-fit:contain}
.sf-sep{flex:none;width:1px;height:34px;background:rgba(255,255,255,.55)}
.sf-addr{font-style:normal;display:flex;gap:10px;align-items:flex-start;font-size:.95rem;line-height:1.45;margin-bottom:18px}
.sf-addr svg{width:18px;height:18px;margin-top:2px;color:var(--sf-o)}
.sf-addr strong{display:block;font-weight:700}
.sf-soc{display:flex;flex-wrap:wrap;gap:10px}
.sf-soc a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;background:#ff6a00;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.45)}
.sf-soc a:hover{transform:translateY(-3px);color:#ff6a00;background:#fff;border-color:#ff6a00;text-decoration:none;box-shadow:0 8px 16px -6px rgba(255,106,0,.6)}
.sf-soc svg{width:21px;height:21px}

/* Listes de liens */
.sf-links li a{display:flex;align-items:center;gap:8px;padding:6px 0;min-height:34px;font-size:.97rem;line-height:1.3}
.sf-links:not(.sf-ct) li a::before{content:"";flex:none;width:6px;height:6px;border-top:2px solid var(--sf-o);border-inline-end:2px solid var(--sf-o);transform:rotate(45deg);margin-inline-end:2px}
[dir=rtl] .sf-links:not(.sf-ct) li a::before{transform:rotate(-45deg)}
.sf-ct li a{align-items:flex-start;line-height:1.35}
.sf-ct li a{padding:5px 0}
.sf-ct svg{width:18px;height:18px;margin-top:3px;color:var(--sf-o)}
.sf-ct span{min-width:0;overflow-wrap:break-word;font-weight:600;font-size:.95rem}
.sf-ct a[href^=mailto] span{font-size:.9rem;letter-spacing:-.01em}
.sf-ct small{display:block;font-size:.76rem;font-weight:500;letter-spacing:.03em;color:var(--sf-m);line-height:1.2;margin-bottom:1px}
.sf-ct a[data-soc=wa] svg{color:var(--sf-o)}
.sf-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:11px 20px;border-radius:8px;background:var(--sf-o);color:#fff!important;font-weight:700;text-decoration:none!important;box-shadow:0 4px 0 rgba(0,0,0,.25)}
.sf-cta:hover{background:var(--sf-o2);transform:translateY(-1px)}
.sf-cta svg{width:19px;height:19px}

/* Catégories populaires */
.sf-pop{padding:22px 0 24px;border-top:1px solid var(--sf-line)}
.sf-pop .sf-h{margin-bottom:12px}
.sf-chips{display:flex;flex-wrap:wrap;gap:8px}
.sf-chips a{display:inline-block;padding:7px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.07);font-size:.9rem;line-height:1.2}
.sf-chips a:hover{background:#fff;color:var(--sf-o2);border-color:#fff;text-decoration:none}

/* Barre basse */
.sf-bot{background:#000;border-top:1px solid var(--sf-line)}
.sf-bot .sf-w{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:16px 0}
.sf-copy{font-size:.9rem;color:var(--sf-m);display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}
.sf-copy b{color:#fff;font-weight:700}
.sf-lang{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sf-lang button{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font:600 .85rem/1 Barlow,system-ui,sans-serif;cursor:pointer;min-height:32px}
.sf-lang button:hover{background:rgba(255,255,255,.2)}
.sf-lang button.on{background:#fff;color:var(--sf-o2);border-color:#fff}
.sf-fl{display:block;width:26px;height:18px;border-radius:9px;background-size:cover;background-position:center;box-shadow:0 0 0 1px rgba(0,0,0,.25);flex:none}

/* Tablette */
@media(max-width:1099px){
  .sf-main{grid-template-columns:1fr;gap:28px;padding:30px 0 24px}
  .sf-brand{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 36px;align-items:start}
  .sf-brand .sf-logos{grid-column:1}
  .sf-brand .sf-addr{grid-column:2}
  .sf-brand .sf-logos{grid-row:1}
  .sf-brand .sf-addr{grid-row:1/3;margin-bottom:18px}.sf-brand .sf-soc{grid-column:1;grid-row:2}
  .sf-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Petit tablette / grand mobile */
@media(max-width:759px){
  .sf-brand{display:block}
  .sf-brand .sf-addr{margin-bottom:16px}
}
/* Mobile */
@media(max-width:559px){
  .sf-main{padding:26px 0 8px;gap:0}
  .sf-brand{padding-bottom:22px}
  .sf-logos img{height:46px}
  .sf-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
  .sf-cols>section{padding:20px 0;border-top:1px solid var(--sf-line)}
  .sf-cols>.sf-cat,.sf-cols>#f-sc{grid-column:1/-1}
  .sf-cols>.sf-cat .sf-links{columns:2;column-gap:18px}
  .sf-cols>.sf-cat .sf-links li{break-inside:avoid}
  .sf-cols>nav[aria-labelledby=sf-h-br],.sf-cols>#f-in{grid-column:1/-1}
  .sf .sf-h{margin-bottom:8px}
  .sf-links li a{min-height:40px;padding:8px 0;font-size:.95rem}
  .sf-cta{display:flex;width:100%}
  .sf-chips{gap:7px}
  .sf-chips a{padding:8px 12px;font-size:.88rem}
  .sf-bot .sf-w{flex-direction:column;align-items:flex-start;padding:16px 0 calc(16px + env(safe-area-inset-bottom,0px))}
  .sf-lang{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .sf-lang button{justify-content:flex-start;border-radius:12px;padding:5px 12px 5px 5px;min-height:38px}
}
@media(max-width:359px){.sf-cols>.sf-cat .sf-links{columns:1}.sf-cols{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sf *{transition:none!important}}
@media print{.sf{background:#fff;color:#000;border-top:1px solid #000}.sf a{color:#000}.sf-lang,.sf-soc,.sf-cta{display:none}}
/* Drapeaux (sélecteur de langue) */
.sf-fl-fr{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2040%22%3E%3Crect%20width%3D%2220%22%20height%3D%2240%22%20fill%3D%22%230055A4%22%2F%3E%3Crect%20x%3D%2220%22%20width%3D%2220%22%20height%3D%2240%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20x%3D%2240%22%20width%3D%2220%22%20height%3D%2240%22%20fill%3D%22%23EF4135%22%2F%3E%3C%2Fsvg%3E")}
.sf-fl-en{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2040%22%3E%3Crect%20width%3D%2260%22%20height%3D%2240%22%20fill%3D%22%23012169%22%2F%3E%3Cpath%20d%3D%22M0%200L60%2040M60%200L0%2040%22%20stroke%3D%22%23fff%22%20stroke-width%3D%228%22%2F%3E%3Cpath%20d%3D%22M0%200L60%2040M60%200L0%2040%22%20stroke%3D%22%23C8102E%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M30%200V40M0%2020H60%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2213%22%2F%3E%3Cpath%20d%3D%22M30%200V40M0%2020H60%22%20stroke%3D%22%23C8102E%22%20stroke-width%3D%228%22%2F%3E%3C%2Fsvg%3E")}
.sf-fl-ar{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2040%22%3E%3Crect%20width%3D%2260%22%20height%3D%2240%22%20fill%3D%22%23C1272D%22%2F%3E%3Cpolygon%20points%3D%2230.0%2C11.0%2035.9%2C29.1%2020.5%2C17.9%2039.5%2C17.9%2024.1%2C29.1%22%20fill%3D%22none%22%20stroke%3D%22%23006233%22%20stroke-width%3D%222.2%22%20stroke-linejoin%3D%22miter%22%2F%3E%3C%2Fsvg%3E")}
.sf-fl-zh{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2040%22%3E%3Crect%20width%3D%2260%22%20height%3D%2240%22%20fill%3D%22%23DE2910%22%2F%3E%3Cpolygon%20points%3D%2212.0%2C5.0%2016.1%2C17.7%205.3%2C9.8%2018.7%2C9.8%207.9%2C17.7%22%20fill%3D%22%23FFDE00%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%225%22%20r%3D%221.8%22%20fill%3D%22%23FFDE00%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2210%22%20r%3D%221.8%22%20fill%3D%22%23FFDE00%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2216%22%20r%3D%221.8%22%20fill%3D%22%23FFDE00%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2221%22%20r%3D%221.8%22%20fill%3D%22%23FFDE00%22%2F%3E%3C%2Fsvg%3E")}

/* ==========================================================
   Mobile compact : accordéons + éléments resserrés
   (les liens restent dans le HTML ; le repli est appliqué par footer.js,
   donc sans JavaScript tout reste visible)
   ========================================================== */
@media(max-width:559px){
  /* Marque : plus court */
  .sf-main{padding:18px 0 4px}
  .sf-brand{padding-bottom:14px}
  .sf-logos{margin-bottom:10px}
  .sf-logos img{height:38px}
  .sf-addr{font-size:.88rem;margin-bottom:12px}
  .sf-brand .sf-addr{margin-bottom:12px}
  .sf-soc a{width:38px;height:38px}
  .sf-soc svg{width:18px;height:18px}
  /* Service client compact : 2 colonnes */
  .sf-cols>#f-sc{padding:16px 0}
  .sf-cols>#f-sc .sf-ct{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
  .sf-cols>#f-sc .sf-ct li:nth-child(5),.sf-cols>#f-sc .sf-ct li:nth-child(6){grid-column:1/-1}
  .sf-ct li a{padding:4px 0;min-height:0}
  .sf-cta{margin-top:10px;padding:10px 16px}
  /* Accordéons (classe posée par footer.js) */
  .sf-acc .sf-fold{padding:0;border-top:1px solid var(--sf-line)}
  .sf-acc .sf-fold>.sf-h{display:flex;align-items:center;justify-content:space-between;margin:0;padding:14px 0;cursor:pointer;font-size:1.1rem;-webkit-tap-highlight-color:transparent}
  .sf-acc .sf-fold>.sf-h::after{position:static;width:9px;height:9px;border:0;border-right:2px solid var(--sf-w);border-bottom:2px solid var(--sf-w);border-radius:0;background:none;opacity:.9;transform:rotate(45deg);transition:transform .2s;margin-inline-end:4px}
  .sf-acc .sf-fold.sf-open>.sf-h::after{transform:rotate(-135deg)}
  .sf-acc .sf-fold:not(.sf-open)>:not(.sf-h){display:none}
  .sf-acc .sf-fold.sf-open>.sf-links,.sf-acc .sf-fold.sf-open>.sf-chips{padding-bottom:12px}
  .sf-acc .sf-pop.sf-fold{padding:0}
  .sf-acc .sf-cols{gap:0}
  .sf{contain-intrinsic-size:auto 760px}
  .sf-cols>#f-sc>.sf-h{font-size:1.1rem;padding:0 0 4px;margin-bottom:6px}
  .sf-cols>#f-sc>.sf-h::after{display:none}
  /* Barre basse compacte */
  .sf-bot .sf-w{gap:10px;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px))}
  .sf-lang{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:6px}
  .sf-lang button{padding:3px 9px 3px 3px;min-height:32px;font-size:.78rem;gap:5px;border-radius:999px}
  .sf-fl{width:22px;height:16px}
}