/* Six Fumaison — boutique : comptoirs, moules de Zélande, fournisseur Epic */

.boutique{padding-top:72px;padding-bottom:72px}
.boutique-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s6);flex-wrap:wrap;margin-bottom:48px}
.boutique-title{display:flex;flex-direction:column;gap:var(--s4);max-width:640px}
.comptoir-tabs{display:flex;gap:var(--s2)}
.tab{font-size:16px;padding:10px 18px;border-radius:999px;cursor:pointer;transition:all .4s;border:1px solid var(--navy);background:transparent;color:var(--navy)}
.tab.is-on{background:var(--navy);color:#fff}
.comptoirs{display:flex;gap:6px;height:clamp(420px,52vw,560px)}
.comptoir{position:relative;overflow:hidden;border-radius:var(--r);cursor:pointer;min-width:0;background:var(--navy);flex:1 1 0;transition:flex-grow .9s cubic-bezier(.65,0,.25,1)}
.comptoir.is-on{flex-grow:2.4}
.comptoir img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 6s ease-out,opacity .9s,filter .9s;transform:scale(1);opacity:.55;filter:grayscale(.6)}
.comptoir.is-on img{transform:scale(1.08);opacity:1;filter:none}
.comptoir-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,48,61,0) 35%,rgba(21,48,61,.88) 100%)}
.comptoir-num{position:absolute;left:var(--s6);top:var(--s6);font-size:clamp(64px,8vw,120px);line-height:.85;color:#fff;opacity:.92}
.comptoir-ico{position:absolute;right:var(--s6);top:var(--s6);width:56px;height:56px;border-radius:50%;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:28px}
.comptoir-ico i{animation:sf-bob 3.6s ease-in-out infinite}
.comptoir-vert{position:absolute;left:var(--s6);bottom:var(--s6);font-size:28px;color:#fff;white-space:nowrap;transform-origin:left bottom;transform:rotate(-90deg) translate(0,100%);transition:opacity .5s;opacity:1}
.comptoir.is-on .comptoir-vert{opacity:0}
.comptoir-text{position:absolute;left:0;right:0;bottom:0;padding:var(--s6) var(--s6) var(--s8);display:flex;flex-direction:column;gap:var(--s3);color:#fff;max-width:560px;opacity:0;transform:translateY(24px);transition:opacity .6s .25s,transform .8s .25s cubic-bezier(.2,.7,.2,1)}
.comptoir.is-on .comptoir-text{opacity:1;transform:none}
.comptoir-k{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--coral)}
.comptoir-text h2{font-weight:400;font-size:clamp(30px,3vw,42px);line-height:1.1;margin:0;color:#fff}
.comptoir-text p{font-size:18px;line-height:1.6;margin:0;color:#f3f2f2;text-wrap:pretty}
.comptoir-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;overflow:hidden}
.comptoir-bar span{display:none;height:100%;background:var(--coral);transform-origin:left;animation:sf-shopbar 6s linear both}
.comptoir.is-on .comptoir-bar span{display:block}
.comptoirs.is-held .comptoir-bar span{animation-play-state:paused}
@media (max-width:759px){
  .comptoirs{flex-direction:column;height:720px}
  .comptoir-vert{transform:none;left:var(--s4);bottom:var(--s4);font-size:22px}
  .comptoir-num{font-size:56px;left:var(--s4);top:var(--s4)}
  .comptoir-ico{right:var(--s4);top:var(--s4);width:44px;height:44px;font-size:22px}
  .comptoir-text{padding:var(--s4) var(--s4) var(--s6)}
  .comptoir-text p{font-size:16px}
}

/* Bannière de marques : logos monochromes qui défilent en ondulant (sans lien) */
.marques{position:relative;background:var(--navy);color:#fff;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:3px solid var(--coral);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='20' viewBox='0 0 60 20'%3E%3Cpath d='M0 10 Q15 0 30 10 T60 10' fill='none' stroke='%23fff' stroke-opacity='.045' stroke-width='1'/%3E%3C/svg%3E")}
.marques-in{max-width:1480px;margin:0 auto;display:flex;align-items:center;gap:var(--s6);padding:14px var(--s6)}
.marques-label{flex:none;display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.35;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);padding-right:var(--s6);border-right:1px solid rgba(255,255,255,.2)}
.marques-label i{font-size:26px}
.marques-vp{flex:1;min-width:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
.marques-track{flex:none;display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none;animation:sf-marques 55s linear infinite}
.marques-vp:hover .marques-track{animation-play-state:paused}
.marques-track li{flex:none;display:flex;align-items:center;padding:10px 0;animation:sf-vague 4.6s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.7s)}
.marques-track li::after{content:"";width:7px;height:7px;margin:0 clamp(28px,4vw,56px);border:1px solid var(--coral);transform:rotate(45deg);flex:none;opacity:.8}
.marques-track img{display:block;max-width:none;opacity:.82;transition:opacity .3s;user-select:none;-webkit-user-drag:none}
.marques-track li:hover img{opacity:1}
@keyframes sf-marques{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes sf-vague{from{transform:translateY(-7px)}to{transform:translateY(7px)}}
@media (max-width:760px){
  .marques-in{flex-direction:column;align-items:flex-start;gap:var(--s2);padding:18px 0 8px}
  .marques-label{border-right:0;padding:0 var(--s6)}
  .marques-vp{width:100%;flex:none}
}
@media (prefers-reduced-motion:reduce){
  .marques-vp{-webkit-mask-image:none;mask-image:none}
  .marques-track{flex-wrap:wrap;justify-content:center;row-gap:8px}
  .marques-track:nth-of-type(2),.marques-track li.dup{display:none}
}

/* Moules de Zélande */
.band-moules{background-color:var(--cream);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%22120%22%20viewBox%3D%220%200%20160%20120%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2315303d%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.045%22%3E%3Cpath%20d%3D%22M14%2034c10-12%2030-12%2040%200-10%2012-30%2012-40%200z%22%2F%3E%3Cpath%20d%3D%22M54%2034l10-8v16z%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2232%22%20r%3D%221.4%22%20fill%3D%22%2315303d%22%2F%3E%3Cpath%20d%3D%22M96%2092c10-12%2030-12%2040%200-10%2012-30%2012-40%200z%22%2F%3E%3Cpath%20d%3D%22M136%2092l10-8v16z%22%2F%3E%3Ccircle%20cx%3D%22106%22%20cy%3D%2290%22%20r%3D%221.4%22%20fill%3D%22%2315303d%22%2F%3E%3Cpath%20d%3D%22M100%2022c4-4%208-4%2012%200M106%2016c4-4%208-4%2012%200%22%2F%3E%3Cpath%20d%3D%22M20%2090c4-4%208-4%2012%200M26%2084c4-4%208-4%2012%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:160px 120px}
.moules{padding-top:96px;padding-bottom:96px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:72px;align-items:center}
.moules-copy{display:flex;flex-direction:column;gap:var(--s6)}
.moules-note{margin:0;font-size:17px;line-height:1.6;text-wrap:pretty}
.moules-points{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s3) var(--s6)}
.moules-points li{display:flex;align-items:center;gap:var(--s2);font-size:18px}
.moules-points li span{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}
.moules-photos{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);align-items:start}
.moules-photos figure{margin:0;overflow:hidden;border-radius:var(--r);aspect-ratio:4/5;background:var(--navy)}
.moules-photos figure:nth-child(2){margin-top:var(--s8)}
.moules-photos img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:759px){.moules{padding-top:64px;padding-bottom:64px;gap:48px}}

/* Fournisseur Epic */
.epic{background:var(--navy);color:#f3f2f2}
.epic-in{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:72px;align-items:center}
.epic-copy{display:flex;flex-direction:column;gap:var(--s6)}
.epic-logo{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}
.epic-name{font-size:56px;letter-spacing:.08em;line-height:1}
.epic-sub{font-size:15px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.epic h2{font-weight:400;font-size:clamp(30px,3.2vw,44px);line-height:1.15;margin:0;text-wrap:balance;color:#fff}
.epic-copy p{font-size:19px;line-height:1.65;margin:0;max-width:32em;text-wrap:pretty}
.epic-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6);margin-top:var(--s2)}
.epic-stats div{display:flex;flex-direction:column;gap:var(--s1);font-size:15px}
.epic-stats span{font-size:48px;line-height:1;color:var(--coral)}
.epic-certifs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);align-items:center;margin-top:var(--s2)}
.epic-certifs span{background:#fff;border-radius:var(--r);padding:var(--s2);height:64px;display:flex;align-items:center;justify-content:center;min-width:0}
.epic-certifs img{max-height:44px;max-width:100%;width:auto;display:block}
.epic-photos{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.epic-photos figure{margin:0;overflow:hidden;border-radius:var(--r);aspect-ratio:1/1}
.epic-photos figure.tall{aspect-ratio:3/4;grid-row:span 2}
.epic-photos img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:759px){.epic-in{padding-top:64px;padding-bottom:64px;gap:48px}.epic-stats span{font-size:36px}.epic-name{font-size:44px}}