.bande{--bande-encre:var(--color-on-brand);--bande-etiquette:var(--bande-fond);--bande-btn:var(--bande-fond);--bande-gap:clamp(8px, 1vw, 14px)}.bande[data-encre=sombre]{--bande-encre:var(--color-ink);--bande-etiquette:var(--color-ink);--bande-btn:var(--color-on-brand)}.bande-grille{gap:var(--bande-gap);grid-template-columns:minmax(0,1fr);grid-template-areas:"une""texte";display:grid}.bande[data-duo] .bande-grille{grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"une deux""texte texte"}.bande-photo{border-radius:var(--radius-lg);background:var(--bande-photo-fond,var(--bande-fond));min-height:clamp(240px,62vw,380px);position:relative;overflow:hidden}.bande-photo--une{grid-area:une}.bande-photo--deux{grid-area:deux}.bande-photo img{object-fit:cover;object-position:var(--bande-cadrage,50% 50%);width:100%;height:100%;position:absolute;inset:0}.bande-texte{border-radius:var(--radius-lg);background:var(--bande-fond);min-width:0;color:var(--bande-encre);flex-direction:column;grid-area:texte;justify-content:center;align-items:flex-start;padding:clamp(24px,3vw,44px);display:flex;container-type:inline-size}.bande-etiquette{border-radius:var(--radius-sm);background:var(--color-on-brand);color:var(--bande-etiquette);font-family:var(--font-display);text-transform:uppercase;margin:0 0 clamp(14px,1.6vw,20px);padding:.5em .85em .42em;font-size:clamp(.875rem,.7rem + .5vw,1.125rem);line-height:1}.bande-titre{max-width:100%;font-family:var(--font-display);font-weight:400;font-size:min(3rem, calc(67.68cqi / (var(--bande-car,8) * .8)));letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;margin:0;line-height:1.05}.bande[data-produits] .bande-titre{max-width:14ch;font-size:min(2rem, calc(67.68cqi / (var(--bande-car,8) * .8)))}.bande-dit{max-width:30ch;margin:clamp(14px,1.6vw,22px) 0 0;font-size:clamp(.914rem,1.29vw,1.182rem);font-weight:600;line-height:1.35}.bande-detail{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;margin:12px 0 0;font-size:.8125rem;font-weight:700;line-height:1.2}.bande-detail a{color:inherit;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.bande-produits{border-top:2px solid var(--bande-encre);width:100%;max-width:36rem;margin:clamp(22px,3vw,36px) 0 0;padding:0;list-style:none}.bande-produits li{border-bottom:1px solid color-mix(in srgb, var(--bande-encre) 30%, transparent)}.bande-produit{color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 20px;padding:14px 0;text-decoration:none;display:grid}.bande-produit-txt{gap:4px;min-width:0;display:grid}.bande-produit-txt b{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(.968rem,.817rem + .516vw,1.29rem);font-weight:400;line-height:1.05}.bande-produit-txt span{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;line-height:1.35;overflow:hidden}.bande-produit:hover b{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.bande-produit:focus-visible{outline:3px solid var(--bande-encre);outline-offset:2px}.bande-produit-prix{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.bande-prix-nu,.bande-prix-pastille{font-family:var(--font-display);font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;font-size:1.25rem;line-height:1;display:inline-flex}.bande-prix-pastille{border-radius:var(--radius-pill);background:var(--bande-encre);color:var(--bande-btn);padding:.5em .85em .42em}.bande-produit-prix small{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;font-size:.625rem;font-weight:700}.bande-actions{flex-wrap:wrap;gap:10px;margin-top:clamp(22px,2.6vw,34px);display:flex}.bande-btn{border-radius:var(--radius-pill);background:var(--bande-encre);min-height:52px;color:var(--bande-btn);font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-glisse), color var(--dur-fast) var(--ease-glisse), box-shadow var(--dur-fast) var(--ease-glisse);border:0;justify-content:center;align-items:center;padding:0 1.5em;font-size:1rem;line-height:1;text-decoration:none;display:inline-flex}.bande-btn:hover,.bande-btn--contour{box-shadow:inset 0 0 0 2px var(--bande-encre);color:var(--bande-encre);background:0 0}.bande-btn--contour:hover{background:var(--bande-encre);color:var(--bande-btn)}.bande-btn:focus-visible{outline:3px solid var(--bande-encre);outline-offset:3px}@media (min-width:860px){.bande-grille{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"une texte";min-height:clamp(460px,44vw,620px)}.bande[data-cote=droite] .bande-grille{grid-template-areas:"texte une"}.bande[data-duo] .bande-grille{grid-template:"une texte"minmax(0,1fr)"deux texte"minmax(0,1fr)/minmax(0,1fr) minmax(0,1fr)}.bande[data-duo][data-cote=droite] .bande-grille{grid-template-areas:"texte une""texte deux"}.bande-photo{min-height:0}}@media (min-width:1100px){.bande[data-duo] .bande-grille{grid-template:"une texte deux"minmax(0,1fr)/minmax(0,1.2fr) minmax(0,1fr) minmax(0,.72fr);min-height:clamp(520px,40vw,640px)}.bande[data-duo][data-cote=droite] .bande-grille{grid-template-columns:minmax(0,.72fr) minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"deux texte une"}}@container (max-width:26rem){.bande-produit{grid-template-columns:minmax(0,1fr)}.bande-actions{width:100%}.bande-btn{flex:auto}}@media (prefers-reduced-motion:reduce){.bande-btn{transition:none}}