.boxes-hero{padding:72px max(6vw,22px) 55px;background:radial-gradient(circle at 88% 20%,#f7c7d988,transparent 35%),linear-gradient(120deg,#fffaf7,#faedf1);display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:32px}
.boxes-hero h1,.boxes-intro h2,.boxes-how h2,.boxes-last-cta h2{font:600 clamp(44px,5.5vw,78px)/1.02 'Playfair Display',Georgia,serif;letter-spacing:-.035em;margin:16px 0 23px}.boxes-hero h1 em{color:var(--rose)}.boxes-hero p{max-width:760px;color:#69565f;font-size:18px;line-height:1.7;margin-bottom:36px}.boxes-hero-highlights{display:flex;flex-wrap:wrap;align-content:end;gap:12px;justify-content:end}.boxes-hero-highlights span{border:1px solid #e8cbd6;background:#ffffffaa;border-radius:99px;padding:11px 17px;font-size:13px;font-weight:700}
.boxes-config-section{padding:88px 5vw 105px;scroll-margin-top:95px}.boxes-intro{max-width:1000px;margin:0 auto 48px;text-align:center}.boxes-intro h2{font-size:clamp(36px,4vw,56px);margin:12px 0}.boxes-intro p{color:#77616b;line-height:1.6}.boxes-config-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:minmax(350px,.92fr) minmax(460px,1.08fr);gap:30px;align-items:start}.boxes-preview-panel{position:sticky;top:95px;border-radius:30px;background:linear-gradient(145deg,#f6e8e9,#fdf8f5 61%,#e8d7d7);border:1px solid #e8d9dc;box-shadow:0 20px 65px #30122213;padding:27px;min-height:640px}.boxes-preview-head{display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.13em;font-weight:800;color:#735562}.boxes-object{display:block;width:100%;max-width:510px;max-height:450px;margin:10px auto 0;filter:drop-shadow(8px 18px 16px #71505a22)}.boxes-illustration-note{text-align:center;font-size:12px;color:#806977}.boxes-preview-summary{border-top:1px solid #ddc9d0;padding-top:24px;display:grid;gap:8px}.boxes-preview-summary span{font-size:12px;text-transform:uppercase;color:#836972;font-weight:800;letter-spacing:.12em}.boxes-preview-summary strong{font-size:18px;line-height:1.5}
.boxes-form{border:1px solid var(--line);border-radius:30px;background:#fff;padding:34px;box-shadow:0 14px 50px #4e15240a}.boxes-form fieldset{border:0;margin:0;padding:0 0 32px;border-bottom:1px solid var(--line);margin-bottom:30px;min-width:0}.boxes-form fieldset:last-of-type{border-bottom:0;margin-bottom:0}.boxes-form legend{font-weight:800;font-size:21px;padding:0;margin-bottom:23px}.form-step{display:inline-grid;place-items:center;vertical-align:middle;width:35px;height:35px;border-radius:50%;background:#f9e3eb;color:#a92d5e;font-size:14px;margin-right:9px}.size-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.size-choice{position:relative;cursor:pointer}.size-choice input{position:absolute;opacity:0;inset:0}.size-choice-inner{min-height:165px;padding:19px 13px;border:2px solid var(--line);border-radius:18px;display:flex;flex-direction:column;gap:8px;transition:.2s;background:#fff}.size-choice strong{font:600 24px 'Playfair Display',Georgia,serif}.size-choice small{font-weight:800;font-size:12px;color:#aa3a67}.size-choice-inner>span{font-size:12px;line-height:1.45;color:#776771}.size-choice input:checked+.size-choice-inner{border-color:#c72d68;background:#fff1f5;box-shadow:0 0 0 2px #c72d6820}.size-choice input:focus-visible+.size-choice-inner,.swatches input:focus-visible+.swatch-dot{outline:3px solid #6a86eb;outline-offset:3px}.form-note{color:#856f79;font-size:13px;line-height:1.6;margin:16px 0 0}.colors-two{display:grid;grid-template-columns:1fr 1fr;gap:26px}.field-label{font-size:14px;font-weight:800;display:block;margin:0 0 16px}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatches label{cursor:pointer;min-width:58px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.swatches input{position:absolute;opacity:0;top:0;width:42px;height:42px}.swatch-dot{background:var(--swatch);border:2px solid #cabec3;width:42px;height:42px;border-radius:50%;display:block;box-shadow:inset 0 0 0 2px #fff6}.swatches input:checked+.swatch-dot{outline:3px solid #c83470;outline-offset:3px}.swatches small{color:#71616b;font-size:11px}.boxes-inline-fields{display:grid;grid-template-columns:1.5fr .5fr;gap:14px;margin-top:24px}.boxes-select-label{font-size:14px;font-weight:800}.boxes-select-label select,.boxes-select-label input{display:block;margin-top:8px;width:100%;padding:13px 14px;border:1px solid #d8cbd1;border-radius:11px;font:inherit;background:#fff;color:#34222b}.boxes-order{border-radius:20px;background:#271a22;color:#fff;padding:24px;display:flex;gap:20px;align-items:center;justify-content:space-between}.boxes-order div{display:grid;gap:7px}.boxes-order span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#e3bcca}.boxes-order strong{font:600 28px 'Playfair Display',Georgia,serif}.boxes-order small{color:#d2c2c8;line-height:1.5;max-width:270px}.boxes-order .btn{background:#eb5b91;border:0;cursor:pointer;white-space:nowrap;font-weight:800}.boxes-success{border:1px solid #8ac5a3;background:#e7f8ee;color:#245239;padding:16px;border-radius:13px;margin-top:14px}.boxes-success[hidden]{display:none}.boxes-success a{text-decoration:underline;font-weight:800}
.boxes-how{background:#231820;color:#fff;padding:85px max(6vw,22px)}.boxes-how-heading{max-width:870px;margin:0 auto 46px;text-align:center}.boxes-how h2{font-size:clamp(34px,4vw,56px)}.boxes-how-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.boxes-how article{border:1px solid #ffffff24;border-radius:25px;padding:36px;background:#ffffff0a}.boxes-how article span{font-size:12px;color:#f49cbe;letter-spacing:.13em;font-weight:800}.boxes-how article h3{font:600 29px 'Playfair Display',Georgia,serif;margin:22px 0 15px}.boxes-how article p{color:#e2cfd8;line-height:1.7}.boxes-last-cta{text-align:center;padding:85px 20px;background:#ffeff5}.boxes-last-cta h2{font-size:clamp(34px,4vw,52px);max-width:850px;margin:0 auto 30px}.boxes-footer{background:#1c1118;color:#d9bac7;padding:28px 6vw;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:13px}
.box-home-promo{padding:60px max(6vw,20px);display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:#f7eaf0}.box-home-art{min-height:300px;border-radius:30px;background:radial-gradient(circle at center,#fffefc 0%,#eedce4 70%);display:grid;place-items:center;overflow:hidden}.box-home-art .box-promo-shape{width:225px;height:200px;border-radius:35px;background:linear-gradient(100deg,#fff,#eddee3);border:2px solid #d2c6cb;box-shadow:0 18px 45px #74445738;transform:rotate(-8deg);position:relative}.box-promo-shape:before{content:'';position:absolute;left:-12px;right:-12px;top:-14px;height:65px;border:2px solid #d6c6cd;background:#fff;border-radius:31px}.box-promo-shape:after{content:'♧';position:absolute;top:-32px;left:calc(50% - 41px);width:82px;height:82px;border-radius:50%;background:#21171c;color:#fff;display:grid;place-items:center;font-size:48px;font-family:Georgia}.box-home-copy h2{font:600 clamp(37px,4vw,58px)/1.05 'Playfair Display',Georgia,serif;margin:12px 0}.box-home-copy p{max-width:510px;color:#6b5961;font-size:17px;line-height:1.7;margin-bottom:28px}.box-boutique-promo{margin:35px 6vw 0;background:#f5e9ee;border:1px solid #e6d0d9;border-radius:25px;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px}.box-boutique-promo h2{font:600 31px 'Playfair Display',Georgia,serif;margin:7px 0}.box-boutique-promo p{margin:0;color:#6d5963}
html[data-theme=dark] .boxes-hero,html[data-theme=dark] .box-home-promo,html[data-theme=dark] .boxes-last-cta{background:#25171f;color:#f5eaf0}html[data-theme=dark] .boxes-hero p,html[data-theme=dark] .box-home-copy p,html[data-theme=dark] .boxes-intro p{color:#cab7c0}html[data-theme=dark] .boxes-preview-panel{background:linear-gradient(135deg,#e4cbd3,#cbbac0);color:#22131a}html[data-theme=dark] .boxes-form,html[data-theme=dark] .size-choice-inner{background:#22191e;color:#f8edf2}html[data-theme=dark] .size-choice input:checked+.size-choice-inner{background:#462936}html[data-theme=dark] .boxes-form .form-note,html[data-theme=dark] .size-choice-inner>span,html[data-theme=dark] .swatches small{color:#c6b4bd}html[data-theme=dark] .box-boutique-promo{background:#2b1c25;color:#f7eff2}
@media(max-width:1050px){.boxes-config-grid{grid-template-columns:1fr}.boxes-preview-panel{position:relative;top:auto;min-height:unset}.boxes-object{max-height:370px}.boxes-hero{grid-template-columns:1fr}.boxes-hero-highlights{justify-content:start}}
@media(max-width:700px){.boxes-config-section{padding:54px 15px}.boxes-form{padding:20px}.size-choices{grid-template-columns:1fr}.size-choice-inner{min-height:unset}.colors-two{grid-template-columns:1fr}.boxes-order{flex-direction:column;align-items:stretch}.boxes-order .btn{text-align:center}.boxes-how-grid{grid-template-columns:1fr}.boxes-hero{padding:55px 22px}.box-home-promo{grid-template-columns:1fr}.box-boutique-promo{flex-direction:column;align-items:stretch}.boxes-inline-fields{grid-template-columns:1fr 120px}}
.cartbox-icon{height:100px;width:90px;border-radius:15px;background:linear-gradient(135deg,#fff,#eadbe1);border:2px solid #e4d6dc;display:grid;place-items:center;font-size:42px;color:#411e2d}.cartbox-detail{display:block;color:#816a74;line-height:1.5;margin:5px 0 9px}.cartbox-quote{font-size:14px;white-space:nowrap;color:#a92e61}.cartrow button{cursor:pointer;border:0;background:transparent;font-size:23px}.cartrow{grid-template-columns:90px minmax(0,1fr) auto 35px}@media(max-width:580px){.cartrow{grid-template-columns:65px minmax(0,1fr) 30px;gap:10px}.cartrow img,.cartbox-icon{height:74px;width:65px}.cartrow strong{grid-column:2;grid-row:2}.cartrow button{grid-column:3;grid-row:1}}
.size-choice .size-price{margin-top:auto;color:#8d214d;font-size:17px;font-weight:800}html[data-theme=dark] .size-choice .size-price{color:#ff95ba}
.box-model-wrap{height:420px;position:relative;margin:8px auto;max-width:560px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 48% 40%,#ffffffcc 0%,#f2e7eb77 62%,transparent 100%)}#box-model-viewer{display:block;width:100%;height:100%;background:transparent;outline:0}.box-model-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.box-model-wrap.model-ready .box-model-fallback{display:none}.box-view-buttons{display:flex;justify-content:center;gap:8px;margin:2px 0 15px}.box-view-buttons button{border:1px solid #ceb7c0;background:#fff;color:#33202b;border-radius:100px;padding:10px 17px;font-weight:800;font-size:13px;cursor:pointer}.box-view-buttons button.active{background:#2f1d29;color:#fff;border-color:#2f1d29}.box-view-buttons button:focus-visible{outline:3px solid #6a86eb;outline-offset:3px}.boxes-preview-panel{min-height:unset}.boxes-illustration-note{line-height:1.5}.field-label small{font-weight:500;color:#9d667c}.swatches{row-gap:14px}.swatches label{min-width:54px}.swatch-dot{height:39px;width:39px}.swatches input{width:39px;height:39px}.automatic-picto{border:1px solid #e6d5dc;border-radius:17px;background:#fff7f9;padding:16px;display:grid;grid-template-columns:37px 1fr;align-items:center;gap:4px 12px}.automatic-picto .auto-picto-dot{width:37px;height:37px;border-radius:50%;background:#fff;border:1px solid #d3bfc7;grid-row:1/3}.automatic-picto strong{font-size:16px}.automatic-picto small{font-size:12px;line-height:1.55;color:#846b76}.boxes-gallery{padding:80px max(6vw,22px);background:#fff}.boxes-gallery-head{max-width:900px;margin:0 auto 32px;text-align:center}.boxes-gallery h2{font:600 clamp(36px,4vw,55px)/1.07 'Playfair Display',Georgia,serif;margin:12px 0}.boxes-gallery-head p{font-size:15px;line-height:1.7;color:#75606b}.boxes-gallery-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.boxes-gallery-grid a{display:block;background:#fff9fb;border:1px solid #efdae2;border-radius:23px;overflow:hidden;transition:transform .2s}.boxes-gallery-grid a:hover{transform:translateY(-4px)}.boxes-gallery-grid img{width:100%;display:block;aspect-ratio:1.12;object-fit:cover;object-position:top}.boxes-gallery-grid span{display:block;padding:18px 20px;font-weight:800;font-size:15px}.box-home-art{background:url('/assets/boites/collection-coloris.jpg') center/cover}.box-home-art .box-promo-shape{display:none}html[data-theme=dark] .automatic-picto{background:#2c1c24;color:#fff}html[data-theme=dark] .boxes-gallery{background:#1d1419;color:#f4e8ed}html[data-theme=dark] .boxes-gallery-head p{color:#d2bfc8}html[data-theme=dark] .boxes-gallery-grid a{background:#2c1d24;border-color:#4c333f}
.box-model-canvas{position:absolute;inset:0;width:100%;height:100%;display:none;z-index:2;touch-action:pan-y;cursor:grab}.box-model-canvas:active{cursor:grabbing}.box-model-wrap.canvas-ready:not(.model-ready) .box-model-canvas{display:block}.box-model-wrap.canvas-ready:not(.model-ready) .box-model-fallback{display:none}
@media(max-width:700px){.box-model-wrap{height:310px}.boxes-gallery{padding:54px 20px}.boxes-gallery-grid{grid-template-columns:1fr}.boxes-gallery-grid img{aspect-ratio:1.6}.box-view-buttons button{padding:10px 14px}.swatches label{min-width:50px}}
.boxes-wizard{scroll-margin-top:95px;min-height:440px}.wizard-progress{margin-bottom:27px}.wizard-progress-copy{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:12px;font-weight:800;letter-spacing:.05em;color:#8c4e6b}.wizard-progress-copy #wizard-stage{color:#886d79;font-weight:600}.wizard-progress-track{margin-top:11px;background:#f3dfe7;height:7px;border-radius:20px;overflow:hidden}.wizard-progress-track span{display:block;width:20%;height:100%;background:#bf356d;border-radius:20px;transition:width .25s}.boxes-wizard .wizard-step{border:0;padding:0;margin:0;min-height:210px}.boxes-wizard .wizard-step[hidden],.boxes-wizard .wizard-nav [hidden],.boxes-wizard .boxes-order[hidden]{display:none}.boxes-wizard .wizard-step legend{font:600 clamp(24px,2.5vw,32px)/1.25 'Playfair Display',Georgia,serif;margin-bottom:26px}.wizard-field{display:grid;gap:11px;font-weight:800;font-size:14px}.wizard-field select,.wizard-field input{padding:16px 18px;border:1px solid #d5bec8;border-radius:14px;background:#fff;color:#32202b;font:600 16px/1.4 system-ui,sans-serif;min-width:0;width:100%;max-width:100%;cursor:pointer}.wizard-field select:focus-visible,.wizard-field input:focus-visible{outline:3px solid #bd527c;outline-offset:2px}.wizard-color-preview{display:flex;gap:12px;align-items:center;margin-top:19px;color:#7b6370;font-size:14px;line-height:1.5}.wizard-color-dot{display:block;flex:none;width:38px;height:38px;border-radius:50%;border:2px solid #cebcc4;box-shadow:inset 0 0 0 2px #fff7}.wizard-choices{display:grid;gap:10px}.wizard-choices label{cursor:pointer;display:block}.wizard-choices input{position:absolute;opacity:0}.wizard-choices label>span{display:grid;gap:6px;padding:16px 18px;border:2px solid #e9dbe1;border-radius:16px;background:#fff;transition:background .2s,border-color .2s}.wizard-choices label strong{font-size:16px}.wizard-choices label small{font-size:12px;color:#796771;line-height:1.5}.wizard-choices input:checked+span{background:#fff0f5;border-color:#c03971}.wizard-choices input:focus-visible+span{outline:3px solid #667ce6;outline-offset:2px}.wizard-explainer{margin:0 0 24px;color:#745d68;line-height:1.7}.boxes-wizard .automatic-picto{margin-top:24px}.wizard-qty{margin-top:24px}.wizard-qty input{max-width:150px}.wizard-nav{border-top:1px solid #eadde3;margin-top:22px;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:13px}.wizard-next,.wizard-back{border-radius:100px;padding:12px 23px;font-weight:800;cursor:pointer}.wizard-next{margin-left:auto}.wizard-back{background:#fff;border:1px solid #d7bbc7;color:#6e3950}.boxes-wizard .boxes-order{margin-top:20px}.boxes-wizard .boxes-order strong{font-size:23px;line-height:1.3}.boxes-wizard .boxes-order .btn{padding:12px 16px}.boxes-wizard #dual-price-note{color:#ffd8a0}html[data-theme=dark] .wizard-choices label>span{background:#261c21;color:#fff}html[data-theme=dark] .wizard-choices input:checked+span{background:#432535}html[data-theme=dark] .wizard-choices label small,html[data-theme=dark] .wizard-explainer,html[data-theme=dark] .wizard-color-preview{color:#cbb8c1}
@media(max-width:700px){.boxes-wizard{min-height:390px}.boxes-wizard .wizard-step{min-height:230px}.boxes-wizard .wizard-step legend{font-size:24px}.boxes-wizard .boxes-order{margin-top:20px}.wizard-progress-copy{font-size:11px}}
.boxes-pack-offer{background:linear-gradient(125deg,#3a2230,#5b3047);color:#fff;border-radius:19px;padding:22px 24px;margin-bottom:29px}.boxes-pack-offer .pack-label{font-size:10px;color:#ffaccc;font-weight:900;letter-spacing:.16em}.boxes-pack-offer strong{display:block;font:600 25px/1.25 'Playfair Display',Georgia,serif;margin:9px 0}.boxes-pack-offer p{color:#edd4df;font-size:13px;line-height:1.6;margin:0 0 14px}.boxes-pack-offer .pack-count{border-top:1px solid #ffffff35;padding-top:12px;font-weight:800;font-size:12px;line-height:1.5;color:#ffdfb2}.boxes-success strong{display:block;font-size:17px}.boxes-success p{margin:10px 0 15px;font-size:13px;line-height:1.5}.boxes-success-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.boxes-success-actions .wizard-back{border-color:#7bbaa0;color:#244e39;padding:11px 15px}.cart-pack-saving{margin:18px 0 8px;padding:17px 18px;background:#eaf8ef;border:1px solid #91ceb0;border-radius:14px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:14px;font-weight:800;color:#255e3e}.cart-pack-saving strong{white-space:nowrap;font-size:20px;color:#216442}html[data-theme=dark] .cart-pack-saving{background:#1b3428;border-color:#3c7956;color:#d1f9e3}html[data-theme=dark] .cart-pack-saving strong{color:#b8f2ce}
@media(max-width:700px){.boxes-config-grid{gap:12px}.boxes-preview-panel{position:sticky;top:67px;z-index:12;min-height:0;padding:9px 15px 10px;border-radius:17px;box-shadow:0 6px 23px #4c1b3422}.boxes-preview-head{font-size:10px;letter-spacing:.06em}.box-model-wrap{height:142px;margin:1px auto;max-width:300px;border-radius:9px}.box-view-buttons,.boxes-preview-panel .boxes-illustration-note,.boxes-preview-panel .boxes-preview-summary{display:none}.boxes-wizard{scroll-margin-top:245px}.boxes-wizard .wizard-step{min-height:190px}.boxes-pack-offer{padding:18px 20px;margin-bottom:23px}.boxes-pack-offer strong{font-size:22px}.boxes-wizard .boxes-order strong{font-size:20px}.cart-pack-saving{padding:12px 14px;font-size:12px}.cart-pack-saving strong{font-size:17px}}
@media(max-width:700px){.boxes-preview-panel{padding:7px 12px 8px;pointer-events:none}.box-model-wrap{height:98px;max-width:250px}.boxes-wizard .wizard-step{scroll-margin-top:197px}.boxes-wizard button,.boxes-wizard select,.boxes-wizard input{scroll-margin-top:205px}}
