.selection-banner-section { padding-top:5px; padding-bottom:65px; scroll-margin-top:110px; }
.selection-banner { display:grid; grid-template-columns:.95fr 1.05fr; min-height:330px; overflow:hidden; border-radius:12px; background:#244b35; border:1px solid #244b35; }
.selection-banner-copy { position:relative; padding:36px 38px; color:#fff; overflow:hidden; }
.selection-eyebrow { margin:0 0 19px; color:#cbdea9; font-size:10px; line-height:1.5; letter-spacing:1.6px; font-weight:700; }
.selection-banner h2 { color:#fff; font-size:42px; line-height:1.13; letter-spacing:-1.4px; margin:0 0 17px; font-weight:550; }
.selection-banner h2 em { font-style:normal; color:#ccdfa6; }
.selection-description { color:#d1ddc8; font-size:14px; line-height:1.7; margin:0 0 22px; }
.selection-banner-link { display:inline-flex; align-items:center; justify-content:space-between; background:#f2f6e9; color:#244b35; border:1px solid #f2f6e9; min-height:46px; font-size:13px; gap:26px; padding:12px 17px; }
.selection-banner-link:hover { background:#dce9c4; border-color:#dce9c4; }
.selection-banner-link svg { width:18px; height:18px; }
/* Panneau animé : les produits défilent sur une roue, un seul est mis en avant à la fois (selection-orbit.js). */
.sel-panel { position:relative; isolation:isolate; display:grid; place-items:center; min-width:0; overflow:hidden; background:#eef2e5; }
.sel-decor { position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; }
.selection-banner-edition { position:absolute; top:21px; right:25px; z-index:1; font-size:9px; line-height:1.5; letter-spacing:1.2px; color:#6b7d5a; }
.sel-item { position:relative; z-index:2; display:block; width:200px; height:230px; max-width:80%; border:0; padding:0; background:none; cursor:pointer; mix-blend-mode:multiply; transform-origin:50% 100%; }
.sel-item img { display:block; width:100%; height:100%; object-fit:contain; object-position:50% 100%; pointer-events:none; }
.sel-panel:not(.is-live) .sel-item+.sel-item { display:none; }
.sel-panel.is-live { display:block; }
.sel-panel.is-live .sel-item { position:absolute; left:0; top:0; max-width:none; }
.sel-caption { position:absolute; left:6px; right:6px; bottom:17px; z-index:101; text-align:center; pointer-events:none; transition:opacity .2s ease,transform .2s ease; }
.sel-caption strong { display:block; font-size:13px; line-height:1.35; font-weight:700; color:#315139; }
.sel-caption small { display:block; font-size:11px; line-height:1.35; color:#738265; }
.sel-caption.is-swap { opacity:0; transform:translateY(5px); }
.sel-panel:not(.is-live) .sel-caption { display:none; }
.selection-banner :focus-visible { outline:2px solid #a8c67b; outline-offset:4px; }
@media(max-width:1100px) { .selection-banner-copy { padding:30px; }.selection-banner h2 { font-size:35px; } }
@media(max-width:800px) { .selection-banner-section { padding-bottom:48px; scroll-margin-top:84px; }.selection-banner { grid-template-columns:1.1fr .9fr; min-height:310px; }.selection-banner-copy { padding:27px; }.selection-banner h2 { font-size:32px; }.selection-banner-edition { display:none; }.selection-description { font-size:13px; } }
@media(max-width:520px) { .selection-banner-section { padding-bottom:38px; }.selection-banner { grid-template-columns:1.2fr .8fr; min-height:295px; border-radius:9px; }.selection-banner-copy { padding:23px 13px 23px 20px; }.selection-eyebrow { font-size:8px; letter-spacing:1px; margin-bottom:14px; }.selection-banner h2 { font-size:27px; line-height:1.16; letter-spacing:-.8px; margin-bottom:13px; }.selection-description { font-size:12px; line-height:1.6; margin-bottom:18px; }.selection-banner-link { min-height:43px; padding:10px 12px; font-size:12px; gap:13px; }.selection-banner-link svg { width:15px; height:15px; }.sel-caption strong { font-size:12px; }.sel-caption small { font-size:10px; } }
@media(max-width:360px) { .selection-banner-copy { padding-left:16px; padding-right:10px; }.selection-banner h2 { font-size:24px; }.selection-description { font-size:11px; }.selection-banner-link { font-size:11px; padding:10px; gap:8px; }.selection-eyebrow { font-size:7px; } }
@media(prefers-reduced-motion:reduce) { .sel-caption { transition:none; } }