.banner-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:.75rem;display:grid}@media (min-width:720px){.banner-filter{grid-template-columns:.7fr repeat(3,minmax(0,1fr));gap:.75rem;padding:.9rem}}.banner-pick{--banner:var(--color-cf-blue);background:var(--color-ground);cursor:pointer;transition:background-color .2s ease, box-shadow .22s ease, transform .22s var(--ease-spring);border-radius:1.1rem;justify-content:center;align-items:center;padding:.8rem;display:flex;position:relative;box-shadow:inset 0 0 0 2px #0000}.banner-pick[data-banner=carrefour_market]{--banner:var(--color-cf-red)}.banner-pick[data-banner=carrefour_express]{--banner:#00843d}@media (hover:hover){.banner-pick:hover{background:#e9eefa}}.banner-pick:active{transform:scale(.98)}.banner-pick[aria-checked=true]{background:var(--color-paper);box-shadow:inset 0 0 0 2px var(--banner), 0 10px 28px -16px color-mix(in srgb, var(--banner) 70%, transparent)}.banner-pick:focus-visible{outline:3px solid var(--banner);outline-offset:3px}.banner-plate{width:100%;min-height:5.5rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-line) 70%, transparent);background:#fff;border-radius:.85rem;justify-content:center;align-items:center;padding:.35rem .5rem;display:flex}.banner-logo{object-fit:contain;width:100%;max-width:11rem;height:4.6rem}.banner-lockup{flex-direction:column;justify-content:center;align-items:center;gap:.1rem;width:100%;min-height:4.6rem;display:flex}.banner-lockup-art{background-color:var(--banner);width:100%;max-width:8.4rem;height:3.3rem;-webkit-mask:url(/brand/carrefour-logo.svg) 50%/contain no-repeat;mask:url(/brand/carrefour-logo.svg) 50%/contain no-repeat}.banner-lockup-word{letter-spacing:-.015em;color:var(--banner);font-size:1.15rem;font-style:italic;font-weight:800;line-height:1}.banner-all{letter-spacing:-.01em;text-align:center;min-height:4.6rem;color:var(--color-ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-size:1.05rem;font-weight:800;line-height:1.1;display:flex}.banner-pick[aria-checked=true] .banner-all{color:var(--banner)}.banner-count{top:.5rem;z-index:1;background:var(--color-paper);min-width:1.6rem;box-shadow:inset 0 0 0 2px var(--color-line);font-variant-numeric:tabular-nums;text-align:center;color:var(--color-ink-soft);border-radius:999px;padding:.1rem .4rem;font-size:.8rem;font-weight:800;position:absolute;inset-inline-end:.55rem}.banner-pick[aria-checked=true] .banner-count{background:var(--banner);box-shadow:none;color:#fff}.banner-check{top:.5rem;z-index:1;background:var(--banner);color:#fff;opacity:0;width:1.2rem;height:1.2rem;transition:opacity .16s ease, transform .2s var(--ease-spring);border-radius:999px;padding:.14rem;position:absolute;inset-inline-start:.55rem;transform:scale(.6)}.banner-pick[aria-checked=true] .banner-check{opacity:1;transform:none}@media (max-width:560px){.banner-pick{padding:.6rem}.banner-plate{min-height:3.9rem;padding:.4rem .5rem}.banner-logo{height:2.5rem}.banner-lockup{gap:0;min-height:2.5rem}.banner-lockup-art{max-width:6.2rem;height:1.9rem}.banner-lockup-word{font-size:.9rem}.banner-all{min-height:2.5rem;font-size:.95rem}}.banner-shelf.is-rail{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;gap:.75rem;padding:.25rem;display:flex;overflow-x:auto}.banner-shelf.is-rail::-webkit-scrollbar{display:none}.banner-shelf.is-rail>.cover{scroll-snap-align:start;flex:0 0 clamp(9.5rem,18vw,13rem)}.banner-shelf{animation:banner-shelf-in .26s var(--ease-out) both}@keyframes banner-shelf-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.banner-shelf{animation:none}.banner-pick,.banner-check{transition:none}}