/* Sélection des cookies : composants des fiches individuelles, sur les deux offres uniquement. */
body.cookie-bundle-page #main .sweet-purchase-format{font-size:var(--text-detail);line-height:1.65}
.cookie-bundle-page .bundle-selector{min-width:0;border:0;margin:0 0 24px;padding:0}
.cookie-bundle-page .bundle-selector legend{padding:0;font:700 16px/1.5 var(--font-accent);color:var(--brown)}
body.cookie-bundle-page #main .bundle-selection-status{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;font-size:var(--text-detail);line-height:1.65;margin:10px 0 12px}
.cookie-bundle-page .bundle-options{border-top:1px solid var(--line)}
.cookie-bundle-page .bundle-option{grid-template-columns:56px minmax(0,1fr) 96px;gap:12px;margin:0;padding:12px 0}
.cookie-bundle-page .bundle-option img{width:56px;height:56px;grid-row:auto;border:0;object-fit:contain}
.cookie-bundle-page .bundle-option h3{font:700 16px/1.5 var(--font-accent);margin:0 0 3px}
.cookie-bundle-page .bundle-option-copy{min-width:0}
body.cookie-bundle-page #main .bundle-option p{font-size:var(--text-detail);line-height:1.5;margin:0;max-width:none}
.cookie-bundle-page .bundle-option h3 a:hover{color:var(--copper-hover)}
.cookie-bundle-page .bundle-option h3 a:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
.cookie-bundle-page .bundle-option .sweet-quantity{width:96px;flex-basis:96px;height:44px}
.cookie-bundle-page .bundle-option .sweet-quantity button{flex-basis:32px}
.cookie-bundle-page .bundle-option output{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;font:400 16px/1 var(--font-accent)}
.cookie-bundle-page .sweet-purchase-form .button:disabled{opacity:.5;cursor:default}
.cookie-bundle-page .sweet-purchase-form .button:disabled:hover{background:#fc7c1912;color:var(--brown)}
@media(max-width:760px){
 .cookie-bundle-page .bundle-option{grid-template-columns:48px minmax(0,1fr) 96px;gap:10px}
 .cookie-bundle-page .bundle-option img{width:48px;height:48px;grid-row:auto}
 .cookie-bundle-page .bundle-option .sweet-quantity{grid-column:auto}
}

/* Assortiment : photo légèrement agrandie et alignée avec le titre. */
.cookie-bundle-page .assortment-detail{align-items:start}
@media(min-width:761px){
 .cookie-bundle-page .assortment-detail .offer-detail-visual{max-width:none}
}
@media(max-width:760px){
 .cookie-bundle-page .assortment-detail .offer-detail-visual{max-width:380px}
}

/* Assortiment : le choix des cookies accompagne la photo. */
.cookie-bundle-page .assortment-detail .bundle-selector{margin:28px 0 0}
@media(max-width:760px){
 .cookie-bundle-page .assortment-detail .bundle-selector{margin-top:24px}
}

/* Assortiment : quatre choix compacts dans un bloc centré. */
.cookie-bundle-page .assortment-detail{row-gap:8px}
.cookie-bundle-page .assortment-detail>.bundle-selector{grid-column:1/-1;width:100%;max-width:1040px;margin:0 auto}
.cookie-bundle-page .assortment-detail>.bundle-selector legend{width:100%;text-align:left}
body.cookie-bundle-page #main .assortment-detail .bundle-selection-status{justify-content:flex-start;gap:8px 24px}
@media(min-width:761px){
 .cookie-bundle-page .assortment-detail .bundle-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}
 .cookie-bundle-page .assortment-detail .bundle-option{grid-template-columns:88px minmax(0,1fr);grid-template-rows:1fr auto;align-items:start;gap:10px 12px}
 .cookie-bundle-page .assortment-detail .bundle-option img{width:88px;height:88px}
 .cookie-bundle-page .assortment-detail .bundle-option .sweet-quantity{grid-column:2;justify-self:start}
}
@media(max-width:760px){
 .cookie-bundle-page .assortment-detail>.bundle-selector{max-width:440px}
}

/* Choix de l’Assortiment : photos plus lisibles sur petit écran. */
@media(max-width:760px){
 .cookie-bundle-page .assortment-detail .bundle-option{grid-template-columns:64px minmax(0,1fr) 96px}
 .cookie-bundle-page .assortment-detail .bundle-option img{width:64px;height:64px}
}

/* Assortiment : choisir ses cookies avant le prix et l’ajout au panier. */
.cookie-bundle-page .assortment-detail .sweet-purchase>.bundle-selector{margin:0 0 24px;width:100%;max-width:none}
.cookie-bundle-page .assortment-detail .sweet-purchase .bundle-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.cookie-bundle-page .assortment-detail .sweet-purchase .bundle-option{grid-template-columns:64px minmax(0,1fr);grid-template-rows:1fr auto;align-items:start;gap:8px 10px}
.cookie-bundle-page .assortment-detail .sweet-purchase .bundle-option img{width:64px;height:64px}
.cookie-bundle-page .assortment-detail .sweet-purchase .bundle-option .sweet-quantity{grid-column:1/-1;justify-self:center}

/* Deux colonnes compactes ; une ligne complète par recette sur les petits téléphones. */
@media(min-width:761px) and (max-width:1100px){
 .cookie-bundle-page .assortment-detail .sweet-purchase .bundle-option{grid-template-columns:48px minmax(0,1fr)}
 .cookie-bundle-page .assortment-detail .sweet-purchase .bundle-option img{width:48px;height:48px}
}
@media(max-width:480px){
 .cookie-bundle-page .assortment-detail .sweet-purchase .bundle-options{grid-template-columns:1fr;gap:0}
 .cookie-bundle-page .assortment-detail .sweet-purchase .bundle-option{grid-template-columns:64px minmax(0,1fr) 96px;grid-template-rows:auto;align-items:center;gap:10px}
 .cookie-bundle-page .assortment-detail .sweet-purchase .bundle-option .sweet-quantity{grid-column:auto;justify-self:end}
}

/* Photo principale de l’Assortiment : marge intérieure légèrement réduite. */
.cookie-bundle-page .assortment-detail .offer-detail-visual .offer-product-photo{padding:8px}

/* Assortiment : sous-titre et présentation sous la photo, choix plus compacts. */
.cookie-bundle-page .assortment-detail .assortment-photo-copy{margin-top:20px}
body.cookie-bundle-page #main .assortment-photo-subtitle{font:400 17px/1.5 var(--font-accent)}
body.cookie-bundle-page #main .assortment-photo-copy p+p{margin-top:10px;font-size:16px;line-height:1.75}
.cookie-bundle-page .assortment-detail .offer-detail-copy>.sweet-purchase{margin-top:24px}
.cookie-bundle-page .assortment-detail .sweet-purchase>.bundle-selector{margin-bottom:18px}
body.cookie-bundle-page #main .assortment-detail .bundle-selection-status{margin:6px 0 8px}
.cookie-bundle-page .assortment-detail .sweet-purchase .bundle-option{padding-block:8px;row-gap:6px}
.cookie-bundle-page .assortment-detail .sweet-purchase .bundle-option .sweet-quantity{height:38px}
@media(max-width:760px){
 .cookie-bundle-page .assortment-detail .assortment-photo-copy{margin-top:16px}
 body.cookie-bundle-page #main .assortment-photo-subtitle{font-size:16px}
}
