.builder{padding:20px 0 clamp(60px,8vw,120px)}.builder__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.builder__boxcol{top:calc(var(--header-h) + 24px);gap:16px;display:grid;position:sticky}.builder__box .giftbox__lid{transform-style:preserve-3d}.builder__box .giftbox__cell{cursor:pointer;transition:transform .25s var(--ease-bounce), box-shadow .25s;border:0;padding:0}.builder__box .giftbox__cell:hover{transform:scale(1.06)}.builder__box .giftbox__cell:not(.is-filled):hover{box-shadow:inset 0 8px 12px #00000061,0 0 0 3px #ffffffa6}.builder__box .giftbox__cell.is-selected{box-shadow:inset 0 8px 12px #00000061, 0 0 0 4px var(--white);transform:scale(1.06)}.builder__box .giftbox__cell:focus-visible{outline:3px solid var(--white);outline-offset:2px}.builder__box .goumy{pointer-events:none}.builder__sticker{z-index:2;background:var(--cream);color:var(--choco);font-family:var(--font-display);box-shadow:var(--shadow);opacity:0;border-radius:999px;padding:8px 14px;font-size:clamp(.85rem,1.4vw,1rem);font-style:italic;font-weight:500;position:absolute;top:14%;right:6%;transform:scale(0)}.builder__toolbar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tool-btn{border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:.86rem;font-weight:500;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.tool-btn:hover{border-color:var(--choco)}.tool-btn:active{transform:scale(.97)}.tool-btn[aria-pressed=true]{background:var(--choco);color:var(--white)}.builder__menu{--focus-ring:var(--cream);z-index:30;background:var(--choco);min-width:220px;box-shadow:var(--shadow-l);animation:toast-in .3s var(--ease-bounce);border-radius:16px;gap:4px;padding:6px;display:grid;position:absolute}.builder__menu button{color:var(--white);text-align:left;border-radius:10px;padding:10px 14px;font-size:.92rem;font-weight:600}.builder__menu button:hover,.builder__menu button:focus-visible{background:#ffffff1f;outline:none}.builder__panel{gap:26px;display:grid}.builder__title{font-size:clamp(2.6rem,5.4vw,4.6rem)}.builder__title .italic{color:var(--choco-3)}.builder__formats{flex-wrap:wrap;gap:8px;display:flex}.format-chip input{opacity:0;position:absolute}.format-chip span{background:var(--white);cursor:pointer;box-shadow:inset 0 0 0 2px var(--line);border-radius:999px;padding:10px 16px;font-weight:700;display:inline-flex}.format-chip input:checked+span{background:var(--choco);color:var(--white)}.format-chip input:focus-visible+span{outline:3px solid var(--flavor);outline-offset:2px}.step{border:0;gap:14px;min-width:0;padding:0;transition:opacity .4s;display:grid}.step[disabled],.step[aria-disabled=true]{opacity:.45}.step[aria-disabled=true] .qtybox{pointer-events:none}.step__legend{font-family:var(--font-display);font-variation-settings:"SOFT" 40;letter-spacing:-.01em;align-items:center;gap:14px;margin-bottom:4px;padding:0;font-size:1.45rem;font-weight:600;display:flex}.step__num{border:1px solid var(--choco);width:30px;height:30px;font-family:var(--font-body);border-radius:50%;place-items:center;font-size:.82rem;font-weight:500;display:grid}.step__hint{color:var(--muted);font-size:.88rem}.choice-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.choice-grid--3{grid-template-columns:repeat(3,1fr)}.choice{cursor:pointer;display:block;position:relative}.choice input{opacity:0;pointer-events:none;position:absolute}.choice__card{background:var(--white);text-align:center;height:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;justify-items:center;gap:6px;padding:20px 12px 18px;transition:box-shadow .3s,background-color .3s;display:grid}.choice:hover .choice__card{box-shadow:inset 0 0 0 1px var(--choco-3)}.choice input:checked+.choice__card{background:var(--cream);box-shadow:inset 0 0 0 1.5px var(--choco)}.choice input:focus-visible+.choice__card{outline:3px solid var(--flavor);outline-offset:3px}.choice input:disabled+.choice__card{cursor:not-allowed}.choice__goumy{width:64px;transition:transform .5s var(--ease-bounce);margin-bottom:4px}.choice__goumy--plain:after{display:none}.choice input:checked+.choice__card .choice__goumy{transform:scale(1.08)}.choice__name{font-size:1rem;font-weight:600}.choice__desc{color:var(--muted);font-size:.8rem;line-height:1.35}.choice input:checked+.choice__card:after{content:"✓";background:var(--choco);width:20px;height:20px;color:var(--cream);border-radius:50%;place-items:center;font-size:.7rem;display:grid;position:absolute;top:10px;right:10px}.qtybox{background:var(--white);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:22px;padding:22px;display:grid}.qtybox__preview{width:clamp(84px,10vw,110px)}.qtybox__body{gap:12px;display:grid}.qtybox__name{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.qtybox__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qtybox__quick{flex-wrap:wrap;gap:6px;display:flex}.qtybox__quick .tool-btn{background:var(--cream);height:38px;box-shadow:none;padding:0 12px}.qtybox__quick .tool-btn[aria-pressed=true]{background:var(--choco);color:var(--white);border-color:var(--choco)}.builder__summary{background:var(--white);border:1px solid var(--line);border-radius:18px;gap:14px;padding:22px;display:grid}.builder__progress{align-items:center;gap:14px;display:flex}.ring{width:56px;height:56px;transform:rotate(-90deg)}.ring__bg{fill:none;stroke:#2e1b101a;stroke-width:4px}.ring__fg{fill:none;stroke:var(--flavor);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease)}.is-complete .ring__fg{stroke:var(--ok)}.combo-list{gap:8px;padding:0;list-style:none;display:grid}.combo-list:empty:before{content:"Votre boîte est vide pour l’instant.";color:var(--muted);font-size:.92rem}.combo{border-top:1px solid var(--line);animation:line-in .35s var(--ease);grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.combo .goumy{width:30px}.combo__name{font-size:.92rem;line-height:1.3}.builder__cta{--focus-ring:var(--cream);background:var(--choco);color:var(--cream);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.builder__cta .muted{color:color-mix(in oklab, var(--cream) 65%, transparent)}.builder__price{font-family:var(--font-display);font-size:1.9rem;font-weight:600;line-height:1}.builder__cta .btn{--btn-bg:var(--coral);--btn-fg:var(--choco)}.btn.is-ready{animation:1.6s ease-in-out infinite ready-pulse}@keyframes ready-pulse{50%{box-shadow:0 0 0 8px color-mix(in oklab, var(--btn-bg) 22%, transparent)}}.builder__allergens summary{cursor:pointer;font-weight:700}.builder__allergens p{margin-top:8px}.builder__bar{display:none}@media (width<=960px){.builder__grid{grid-template-columns:1fr}.builder__boxcol{position:relative;top:0}.builder__box .giftbox__lid{aspect-ratio:16/5}.builder__panel{order:-1}.builder__panel>.lead,.builder__panel>nav{display:none}.builder__grid>.builder__panel{display:contents}.builder__title{order:-3}.builder__formats{order:-2}.builder__boxcol{order:-1}.step,.builder__summary,.builder__cta,.builder__allergens{order:1}.builder__cta{display:none}.builder__grid{gap:22px}.builder__bar{--focus-ring:var(--cream);z-index:90;left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));background:var(--choco);color:var(--white);box-shadow:var(--shadow-l);border-radius:999px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 10px 10px 16px;display:grid;position:fixed}.builder__bar .btn{--btn-bg:var(--coral);--btn-fg:var(--choco);min-height:46px;box-shadow:none;padding:0 16px}.builder__bar-dots{grid-template-columns:repeat(12,1fr);gap:3px;max-width:160px;display:grid}.builder__bar-dots .goumy,.builder__bar-dots .dot-empty{aspect-ratio:1;width:100%;box-shadow:none;border-radius:50%}.builder__bar-dots .goumy:after{display:none}.builder__bar-dots .dot-empty{background:#ffffff2e}.builder__bar-text{font-variant-numeric:tabular-nums;font-weight:700}.page-builder .site-footer{padding-bottom:90px}html:has(.consent.is-open) .builder__bar{visibility:hidden}.page-builder>.toasts{bottom:calc(84px + env(safe-area-inset-bottom))}}@media (width<=760px){.builder{padding-top:8px}.builder__title{font-size:2.5rem;line-height:1.04}.builder__box{width:min(100%,310px);margin-inline:auto}.builder__box .giftbox__lid{aspect-ratio:16/4.2}.builder__box .giftbox__tray{gap:8px;padding:12px}.builder__toolbar{gap:6px}.tool-btn{height:44px;padding:0 16px}.step{gap:10px}.step__legend{gap:10px;font-size:1.2rem}.step__num{width:26px;height:26px;font-size:.76rem}.qtybox{gap:14px;padding:16px}.qtybox__quick .tool-btn{justify-content:center;min-width:44px;height:44px}.qty--lg input{height:48px}.builder__summary{padding:16px}.builder__allergens summary{align-items:center;min-height:44px;display:flex}}@media (width<=520px){.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.choice-grid--3{grid-template-columns:repeat(3,1fr);gap:8px}.choice-grid .choice__desc{display:none}.choice__card{border-radius:14px;gap:4px;padding:12px 4px 10px}.choice__goumy{width:46px;margin-bottom:2px}.choice__name{font-size:.86rem}.choice input:checked+.choice__card:after{width:18px;height:18px;top:6px;right:6px}.qtybox{grid-template-columns:56px 1fr;align-items:start}.qtybox__preview{width:56px}.qtybox__row{gap:8px}}@media (width>=961px){.builder__box{max-width:min(100%, calc((100svh - var(--header-h) - 170px) / 1.22))}.builder__box .giftbox__lid{aspect-ratio:16/6}}
