/* Scoped collection presentation; independent from book renderers. */
body[data-bouya-page="home"] .bl-keepsakes { background:#172a32; color:#f7f1e5; padding-block:100px; }
.bl-keepsakes-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:60px; align-items:end; margin-bottom:54px; }
body[data-bouya-page="home"] .bl-keepsakes-heading h2 { color:#faf3e7; margin:0; font:500 clamp(38px,4.4vw,66px)/1.03 'Cormorant Garamond',serif; letter-spacing:-.025em; }
.bl-keepsakes-heading h2 em { color:#dcc18b; font-weight:500; }
.bl-keepsakes-heading > p { max-width:390px; margin:0 0 4px auto; color:#c5cfcb; line-height:1.8; }
body[data-bouya-page="home"] .bl-keepsakes .bl-eyebrow { color:#dcc18b; }
.bl-keepsakes-grid { display:grid; grid-template-columns:1fr 1fr; gap:36px; }
/* Reserve equal space for photo proof and paper-format note, aligning product headings. */
@media(min-width:761px) {
  .bl-keepsake { display:grid; grid-template-rows:520px 78px 1fr; }
  .bl-keepsake > .bl-product-detail { align-self:center; margin-top:0; }
}
.bl-product-stage { height:430px; position:relative; overflow:hidden; isolation:isolate; display:grid; place-items:center; }
.bl-stage-note { position:absolute; top:25px; left:28px; color:#58615c; font-size:11px; letter-spacing:.13em; text-transform:uppercase; z-index:2; }
.bl-mug-stage { background:radial-gradient(ellipse at 40% 25%,#fffdf5,transparent 65%),linear-gradient(125deg,#ece6d8,#c6c6b4); }
.bl-mug-stage::after { content:''; position:absolute; width:270px; height:30px; border-radius:50%; background:#51594755; filter:blur(14px); bottom:75px; transform:rotate(-6deg); z-index:-1; }
.bl-mug-object { width:224px; height:242px; position:relative; transform:rotate(-7deg); margin-left:-20px; margin-top:18px; }
.bl-mug-body { position:absolute; inset:15px 0 0; background:#fdfcf8; border-radius:8% 8% 27% 27% / 7% 7% 10% 10%; overflow:hidden; box-shadow:inset 9px 0 14px #77756d33,inset -12px 0 18px #64675d44; }
.bl-mug-body::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#545b5b26,transparent 20%,#ffffff44 46%,transparent 72%,#26362944); pointer-events:none; }
.bl-mug-art { position:absolute; inset:28px 3px 20px; overflow:hidden; border-radius:0 0 20% 20%; transition:opacity .35s; }
.bl-mug-art img { width:100%; height:100%; object-fit:cover; object-position:50% 42%; }
.bl-mug-signature { position:absolute; inset:0; display:grid; place-items:center; opacity:0; transition:opacity .35s; }
.bl-mug-signature img { width:108px; height:108px; object-fit:contain; border-radius:50%; mix-blend-mode:multiply; }
.bl-mug-handle { position:absolute; right:-67px; top:54px; width:90px; height:128px; border:20px solid #efeee7; border-left-width:13px; border-radius:35% 51% 52% 30%; box-shadow:inset 3px 2px 8px #3335,4px 3px 7px #3332; }
.bl-mug-rim { position:absolute; top:0; left:0; width:224px; height:39px; border:8px solid #fcfbf7; background:linear-gradient(#b3b4aa,#e5e4dc); border-radius:50%; box-shadow:0 3px 4px #7772,inset 0 4px 7px #2223; }
.bl-mug-angles { position:absolute; bottom:22px; display:flex; gap:4px; padding:4px; background:#fff9; border-radius:25px; }
.bl-mug-angles button { border:0; background:transparent; color:#263b3c; padding:10px 17px; border-radius:22px; font:500 12px 'Instrument Sans',sans-serif; cursor:pointer; min-height:44px; }
.bl-mug-angles button[aria-pressed="true"] { background:#233d40; color:#fff; }
.bl-mug-angles button:focus-visible { outline:2px solid #9b6d24; outline-offset:3px; }
.is-signature .bl-mug-art { opacity:0; }
.is-signature .bl-mug-signature { opacity:1; }
.bl-poster-stage { background:linear-gradient(115deg,#ddd7c9,#f3eee2 58%,#d6ccba); perspective:1000px; }
.bl-poster-frame { width:218px; height:305px; border:9px solid #80715c; padding:12px; background:#fffaf0; box-shadow:inset 0 0 0 2px #b9a485,8px 14px 13px #493b3644,22px 24px 30px #493b3622; transform:rotateY(-9deg) rotateZ(3deg); position:relative; margin-top:10px; }
.bl-poster-frame > img { width:100%; height:100%; object-fit:cover; }
.bl-poster-caption { position:absolute; inset:auto 21px 21px; padding:40px 8px 12px; text-align:center; color:#fff; background:linear-gradient(transparent,#122e36cc); }
.bl-poster-caption span { display:block; font-size:10px; letter-spacing:.1em; }
.bl-poster-caption strong { font:600 36px 'Cormorant Garamond',serif; }
.bl-poster-format { position:absolute; bottom:17px; color:#555b55; font-size:11px; }
.bl-keepsake-copy { padding:28px 0 0; }
body[data-bouya-page="home"] .bl-keepsake-copy h3 { color:#fff9ef; font:500 36px/1.08 'Cormorant Garamond',serif; margin:14px 0 18px; }
.bl-keepsake-copy > p:not(.bl-eyebrow) { color:#c5cfcb; line-height:1.75; max-width:460px; font-size:15px; }
.bl-keepsake-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:15px; padding-top:20px; margin-top:25px; border-top:1px solid #e2dbc72b; font-size:12px; color:#c5cfcb; }
.bl-keepsake-meta a { color:#edcf92; text-decoration:none; }
.bl-keepsake-meta a:hover { text-decoration:underline; }
.bl-keepsakes-disclaimer { color:#aabcb6; max-width:750px; margin:35px auto 0; text-align:center; font-size:11px; line-height:1.7; }
.bl-mobile-swipe-hint { display:none; }
/* Historical absolute badges overlap pack headings at desktop widths. */
.bl-other-products a { color:inherit; text-decoration:none; text-underline-offset:4px; }
.bl-other-products a:hover { text-decoration:underline; }
.bl-other-products a:focus-visible { outline:2px solid #ad8336; outline-offset:5px; }
.bl-other-products a > span { font-size:16px; margin-left:5px; }
.bl-price-summary .bl-other-products strong { text-align:right; }
.bl-price-summary .bl-other-products strong small { display:block; margin-top:3px; }
.bl-superpack-spotlight { display:grid; grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr); gap:clamp(34px,4vw,62px); align-items:center; margin:0 0 54px; padding:clamp(38px,4.2vw,62px); background:radial-gradient(circle at 86% 12%,#31505a55,transparent 35%),linear-gradient(135deg,#112831,#193640); color:#f8f1e4; box-shadow:0 28px 70px #17243c1c; }
body[data-bouya-page="home"] .bl-prices .bl-superpack-spotlight-copy h3 { margin:12px 0 18px; color:#fff8ea; font:500 clamp(34px,3vw,50px)/1.02 'Cormorant Garamond',serif; }
.bl-superpack-spotlight-copy>p:not(.bl-eyebrow) { color:#c6d1ce; line-height:1.7; }
.bl-superpack-spotlight .bl-eyebrow { color:#e3c887; }
.bl-superpack-benefits { margin:24px 0; border-top:1px solid #e6d7b328; }
.bl-superpack-benefits>div { display:grid; grid-template-columns:128px 1fr; gap:13px; padding:10px 0; border-bottom:1px solid #e6d7b328; }
.bl-superpack-benefits dt { color:#f2d99f; font-size:11px; font-weight:700; }
.bl-superpack-benefits dd { margin:0; color:#cdd7d4; font-size:11px; line-height:1.5; }
.bl-superpack-value { margin:0 0 25px!important; padding:14px 16px; background:#0f232b; border-left:3px solid #d8b971; }
.bl-superpack-value strong,.bl-superpack-value span,.bl-superpack-value small { display:block; }
.bl-superpack-value strong { color:#fff6e2; font:600 24px 'Cormorant Garamond',serif; }
.bl-superpack-value span { margin-top:2px; color:#d7c79f; font-size:10px; }
.bl-superpack-value small { margin-top:7px; color:#aebfbb; font-size:10px; line-height:1.45; }
.bl-superpack-spotlight .bl-btn { color:#fff9ed; border-color:#e5d09d80; }
.bl-superpack-example { display:grid; grid-template-columns:minmax(0,1.16fr) repeat(2,minmax(0,.92fr)); gap:14px; min-height:438px; padding:14px; margin:0; background:linear-gradient(145deg,#eef2ed,#cbd9d5); overflow:hidden; border-radius:7px; box-shadow:inset 0 0 0 1px #fff9,0 24px 52px #071a2233; }
.bl-pack-product { display:grid; grid-template-rows:minmax(0,1fr) auto; min-width:0; min-height:0; margin:0; background:linear-gradient(160deg,#fffdf6,#eee9dc); border:1px solid #fff; box-shadow:0 14px 32px #17243c1f; overflow:hidden; }
.bl-pack-product figcaption { padding:13px 8px 14px; color:#263b3c; text-align:center; font:600 15px 'Cormorant Garamond',serif; border-top:1px solid #d9d1bf; }
.bl-pack-stage { width:100%; height:380px!important; min-height:0; background:radial-gradient(circle at 48% 38%,#fffdf8 0 27%,#e7e6dc 62%,#d1d2c5 100%); overflow:hidden; }
.bl-pack-stage .bl-drag-hint { top:13px; left:13px; font-size:8px; }
.bl-pack-stage .bl-mug-angles,.bl-pack-stage .bl-poster-views { bottom:8px; transform:scale(.72); transform-origin:center bottom; white-space:nowrap; }
.bl-pack-fallback { display:block; width:78%; height:78%; margin:auto; object-fit:contain; }
.bl-pack-stage.has-webgl.is-rendered .bl-pack-fallback { visibility:hidden; }
.bl-pack-book { position:relative; min-height:0; border-color:#d5ad58; box-shadow:0 18px 38px #17243c2b,inset 0 0 0 1px #f5d88b; }
.bl-pack-book::before { content:'Pièce maîtresse'; position:absolute; z-index:8; top:13px; left:13px; padding:6px 9px; color:#fff9ea; background:#18363cde; border:1px solid #e1c17499; border-radius:999px; box-shadow:0 8px 18px #0c222733; font:700 8px/1 'Instrument Sans',sans-serif; letter-spacing:.08em; text-transform:uppercase; pointer-events:none; }
.bl-pack-book figcaption { color:#724a10; background:linear-gradient(90deg,#fff9ec,#f3e4bc,#fff9ec); }
.bl-pack-book-wrap { width:100%; height:380px; justify-content:center; gap:0; background:radial-gradient(circle at 48% 39%,#fffef9 0 22%,#ebe8dc 58%,#c9c9bb 100%); }
.bl-pack-book-scene { display:grid!important; place-items:center; width:100%!important; height:100%!important; overflow:visible!important; }
.bl-pack-book-scene .bl-pack-book-model { width:184px!important; height:246px!important; margin:0!important; transform:rotateY(-27deg) rotateX(4deg)!important; filter:drop-shadow(18px 21px 15px #23383c52); }
.bl-pack-book-scene .bl-pack-book-model::before { content:''; position:absolute; z-index:5; top:5px; right:-4px; width:8px; height:236px; transform:rotateY(90deg); transform-origin:left center; border-radius:0 3px 3px 0; background:repeating-linear-gradient(90deg,#fffdf5 0 1px,#d7ceba 1px 2px,#f4eddd 2px 4px); box-shadow:inset -1px 0 3px #695d4838,1px 0 4px #17243c2b; pointer-events:none; }
.bl-pack-book-scene .home-book3d-front,.bl-pack-book-scene .home-book3d-back { width:184px!important; height:246px!important; }
.bl-pack-book-scene .home-book3d-front { transform:translateZ(4px)!important; }
.bl-pack-book-scene .home-book3d-back { transform:rotateY(180deg) translateZ(4px)!important; }
.bl-pack-book-scene .home-book3d-spine { --home-book3d-spine-logo-size:6px; --home-book3d-spine-logo-halo-size:8px; --home-book3d-spine-logo-offset:9px; width:8px!important; height:246px!important; left:-4px!important; font-size:6px!important; letter-spacing:1px!important; color:#f8f0d9!important; background:url('../assets/accueil-optimise/logo-icone-new-192.webp') center calc(100% - var(--home-book3d-spine-logo-offset)) / var(--home-book3d-spine-logo-size) var(--home-book3d-spine-logo-size) no-repeat,radial-gradient(circle at center calc(100% - var(--home-book3d-spine-logo-offset) + 1px),#fff8e8 0 38%,#fff8e833 62%,transparent 75%) center calc(100% - var(--home-book3d-spine-logo-offset) + 1px) / var(--home-book3d-spine-logo-halo-size) var(--home-book3d-spine-logo-halo-size) no-repeat,linear-gradient(180deg,#8b3768,#491632 50%,#8b3768)!important; }
.bl-pack-book-scene .home-book3d-page { width:174px!important; height:236px!important; }
.bl-pack-book-scene .home-book3d-p1 { transform:translateZ(3px)!important; }
.bl-pack-book-scene .home-book3d-p2 { transform:translateZ(2px)!important; }
.bl-pack-book-scene .home-book3d-p3 { transform:translateZ(1px)!important; }
.bl-pack-book-scene .home-book3d-front::after,.bl-pack-book-scene .home-book3d-back::after { content:''; position:absolute; inset:0 auto 0 0; width:9px; background:linear-gradient(90deg,#091a282b,transparent); }
.bl-superpack-local { text-decoration:underline; text-underline-offset:4px; }
.bl-accessory-unit { color:inherit; text-decoration:none; }
body[data-bouya-page="home"] .bl-offers { align-items:stretch; }
body[data-bouya-page="home"] .bl-offer { height:100%; min-height:575px; }
body[data-bouya-page="home"] .bl-offer ul { flex:1; }
@media(max-width:1120px) { .bl-superpack-spotlight { grid-template-columns:1fr; padding:38px; gap:34px; } .bl-superpack-example { max-width:760px; width:100%; margin-inline:auto; } }
@media(max-width:520px) {
  .bl-superpack-spotlight { margin-inline:-2px; padding:26px 18px; }
  .bl-superpack-benefits>div { grid-template-columns:105px 1fr; }
  .bl-superpack-example { display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:calc(100% - 36px); gap:10px; min-height:0; padding:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; overscroll-behavior-inline:contain; }
  .bl-pack-product { min-width:0; min-height:330px; scroll-snap-align:center; }
  .bl-pack-stage,.bl-pack-book-wrap { height:300px!important; }
  body[data-bouya-page="home"] .bl-pack-book-scene .bl-pack-book-model.view-angle { width:184px!important; height:246px!important; transform:rotateY(-27deg) rotateX(4deg)!important; }
  .bl-pack-book-scene .home-book3d-front,.bl-pack-book-scene .home-book3d-back { width:184px!important; height:246px!important; }
  .bl-pack-book-scene .home-book3d-spine { height:246px!important; }
  .bl-pack-book-scene .home-book3d-page { width:174px!important; height:236px!important; }
  body[data-bouya-page="home"] .bl-offer { min-height:0; }
}
body[data-bouya-page="home"] .bl-offer-coming .bl-offer-state { position:static; align-self:flex-start; display:table; margin:0 0 14px; }
body[data-bouya-page="home"] .bl-offer { border-radius:5px; }
body[data-bouya-page="home"] .bl-offer-label { min-height:16px; }
@media(min-width:1100px) { body[data-bouya-page="home"] .bl-offer:not(.bl-offer-coming) { padding-top:67px; } }
@media(max-width:760px) {
  body[data-bouya-page="home"] .bl-keepsakes { padding-block:60px; }
  .bl-keepsakes-heading { grid-template-columns:1fr; gap:22px; margin-bottom:32px; }
  .bl-keepsakes-heading > p { margin:0; font-size:14px; max-width:490px; }
  .bl-keepsakes-grid { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:calc(100% - 28px); gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; scrollbar-width:thin; padding-bottom:10px; }
  .bl-keepsake { min-width:0; scroll-snap-align:center; }
  .bl-product-stage { height:375px; }
  .bl-stage-note { top:20px; left:20px; font-size:9px; }
  .bl-mug-object { transform:rotate(-7deg) scale(.87); margin-top:4px; }
  .bl-keepsake-copy h3 { font-size:34px; }
  .bl-poster-frame { transform:rotateY(-9deg) rotateZ(3deg) scale(.87); }
  .bl-keepsakes-disclaimer { text-align:left; }
  .bl-mobile-swipe-hint { display:block; margin:14px 0 0; color:#d7c38f; font-size:10px; letter-spacing:.06em; }
  .bl-mobile-swipe-hint-pack { margin:12px 0 0; color:#b9c9c5; text-align:center; }
}
@media(prefers-reduced-motion:reduce) { .bl-mug-art,.bl-mug-signature { transition:none; } }

/* Real 3D is progressively loaded; retain the static objects on unsupported devices. */
.bl-product-stage { height:520px; }
.bl-webgl-product { position:absolute; inset:0; width:100%; height:100%; z-index:1; cursor:grab; touch-action:pan-y; opacity:0; transition:opacity .18s ease; }
.bl-product-stage.is-rendered>.bl-webgl-product { opacity:1; }
.bl-product-stage.is-3d-loading>.bl-mug-object,.bl-product-stage.is-3d-loading>.bl-poster-frame { opacity:0; }
.bl-product-stage.is-3d-loading::before { content:'Préparation de l\2019 aperçu 3D'; position:absolute; inset:50% auto auto 50%; z-index:2; transform:translate(-50%,-50%); color:#59645e; font:500 11px 'Instrument Sans',sans-serif; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
.bl-product-stage.is-rendered::before { display:none; }
.bl-webgl-product:active { cursor:grabbing; }
.bl-webgl-product:focus-visible { outline:2px solid #8b6c39; outline-offset:-5px; }
.has-webgl.is-rendered .bl-mug-object,.has-webgl.is-rendered .bl-poster-frame { visibility:hidden; }
.bl-mug-stage.has-webgl.is-rendered::after { display:none; }
.bl-stage-note { pointer-events:none; }
.bl-drag-hint { position:absolute; top:49px; left:28px; color:#707970; font-size:11px; z-index:2; pointer-events:none; display:none; }
.has-webgl.is-rendered .bl-drag-hint { display:block; }
.bl-mug-angles,.bl-poster-views { z-index:3; bottom:20px; }
.bl-poster-views { position:absolute; display:none; gap:4px; padding:4px; background:#fff9; border-radius:25px; }
.has-webgl.is-rendered .bl-poster-views { display:flex; }
.bl-poster-views button { border:0; background:transparent; color:#263b3c; padding:10px 17px; border-radius:22px; font:500 12px 'Instrument Sans',sans-serif; cursor:pointer; min-height:44px; }
.bl-poster-views button[aria-pressed="true"] { background:#233d40; color:#fff; }
.bl-poster-views button:focus-visible { outline:2px solid #9b6d24; outline-offset:3px; }
.bl-poster-format { display:none; }
.bl-product-detail { display:block; margin-top:12px; color:#b8c8c1; font-size:12px; letter-spacing:.025em; line-height:1.6; }
.bl-mug-art img { object-fit:contain; }
.bl-personalization-proof { display:flex; align-items:center; gap:13px; padding:20px 0 0; color:#f4eddf; }
.bl-personalization-proof > img { width:48px; height:48px; border-radius:50%; object-fit:cover; flex-shrink:0; border:1px solid #d2be8b70; }
.bl-personalization-proof strong { display:block; font-size:12px; font-weight:500; line-height:1.5; }
.bl-personalization-proof div span { display:block; font-size:11px; color:#b8c8c1; line-height:1.7; }
.bl-pose-caption { margin-left:auto; font-size:11px; color:#dcc18b; white-space:nowrap; }

/* MiniBox — a product in its own right, not a footnote in the offers. */
.bl-minibox { position:relative; background:radial-gradient(circle at 86% 10%,#3f7d6766,transparent 34%),radial-gradient(circle at 8% 90%,#8c6a3b38,transparent 32%),#102f2b; color:#fff9ea; overflow:hidden; }
.bl-minibox::before { content:''; position:absolute; inset:0; pointer-events:none; opacity:.15; background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(90deg,transparent,#000 45%,#000); }
.bl-minibox-grid { display:grid; grid-template-columns:minmax(300px,.82fr) minmax(520px,1.18fr); gap:clamp(36px,6vw,86px); align-items:center; }
.bl-minibox-grid>* { position:relative; z-index:1; }
.bl-minibox-copy h2 { color:#fff9ea; font-size:clamp(42px,5.1vw,72px); font-weight:600; line-height:.98; letter-spacing:-.018em; margin:0 0 26px; text-shadow:0 10px 34px #041a1666; }
.bl-minibox-copy h2 em { color:#f0c878; font-weight:600; }
.bl-minibox-lead { color:#d7e2d6; font-size:17px; line-height:1.75; max-width:620px; }
.bl-minibox-lead strong { color:#fff7e7; font-weight:700; }
.bl-minibox-proof { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 0; }
.bl-minibox-proof span { padding:8px 11px; border:1px solid #f0ca8242; border-radius:999px; background:#071f1a4f; color:#dce9e2; font-size:10px; letter-spacing:.04em; }
.bl-minibox-proof span::before { content:'✓'; color:#efc879; margin-right:6px; font-weight:800; }
.bl-minibox-entitlements { display:grid; grid-template-columns:repeat(4,1fr); border-block:1px solid #ffffff24; margin:25px 0 14px; }
.bl-minibox-entitlements div { padding:16px 10px 16px 0; }
.bl-minibox-entitlements strong,.bl-minibox-entitlements span { display:block; }
.bl-minibox-entitlements strong { color:#f0ca82; font:600 25px 'Cormorant Garamond',serif; }
.bl-minibox-entitlements span { color:#c8d7ce; font-size:11px; line-height:1.5; }
.bl-minibox-entitlements .is-full { padding-left:10px; border-left:1px solid #ffffff1f; background:linear-gradient(90deg,#e9c67a10,transparent); }
.bl-minibox-entitlements .is-full strong { color:#fff4cd; }
.bl-minibox-prices { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 0 10px; }
.bl-minibox-prices>div { padding:11px 12px; border-radius:9px; background:#061e1a7a; border:1px solid #ffffff16; }
.bl-minibox-prices small,.bl-minibox-prices strong { display:block; }
.bl-minibox-prices small { color:#b9c9c0; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.bl-minibox-prices strong { color:#f9e5b8; font-size:12px; margin-top:4px; }
.bl-minibox-upgrade { color:#b9c9c0; font-size:10px; line-height:1.6; margin:0 0 10px; }
.bl-minibox-upgrade strong { color:#e8d39f; }
.bl-minibox-note { color:#aebfb6; font-size:12px; line-height:1.6; margin:0 0 24px; }
.bl-minibox-preview { perspective:1200px; padding:24px 0; }
.bl-minibox-window { position:relative; background:#f7f4ec; color:#243f36; border-radius:25px; padding:20px; border:1px solid #fff9; box-shadow:0 35px 80px #071c1780,0 0 0 8px #ffffff0c; transform:rotateY(-4deg) rotateX(1deg); }
.bl-minibox-bar { display:flex; align-items:center; gap:12px; padding:0 2px 16px; border-bottom:1px solid #d7ddcf; }
.bl-minibox-brand { display:flex; align-items:center; gap:9px; margin-right:auto; min-width:0; }
.bl-minibox-brand>img { width:43px; height:43px; flex:0 0 43px; object-fit:contain; border-radius:50%; background:#fffaf0; box-shadow:0 4px 14px #1b42351c; }
.bl-minibox-brand>div { min-width:0; }
.bl-minibox-brand small,.bl-minibox-brand strong,.bl-minibox-brand em { display:block; }
.bl-minibox-brand small { color:#916f3b; font-size:7px; line-height:1; letter-spacing:.2em; }
.bl-minibox-brand strong { color:#173f36; font:700 25px/.95 'Cormorant Garamond',serif; letter-spacing:-.02em; }
.bl-minibox-brand em { color:#738078; font-size:8px; font-style:normal; margin-top:3px; }
.bl-minibox-music { display:flex; align-items:center; gap:5px; padding:7px 10px; border:1px solid #d7ddcf; border-radius:999px; color:#416054; background:#fffdf7; font-size:8px; white-space:nowrap; }
.bl-minibox-music i { color:#655b9c; font-size:12px; font-style:normal; }
.bl-minibox-bar>b { padding:7px 9px; border-radius:999px; background:#e7efe7; color:#416054; font-size:8px; letter-spacing:.08em; white-space:nowrap; }
.bl-minibox-hero { position:relative; display:flex; align-items:center; gap:15px; margin:18px 0; padding:18px; border-radius:17px; background:linear-gradient(110deg,#173f36e8,#376d59dd),url('../assets/accueil-optimise/ilyana/page-06-home.webp') center/cover; color:#fff9ea; overflow:hidden; }
.bl-minibox-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,#e9c98221); pointer-events:none; }
.bl-minibox-hero img { position:relative; z-index:1; width:68px; height:68px; border-radius:50%; object-fit:cover; border:3px solid #f3d9a6; box-shadow:0 8px 24px #09241b66; }.bl-minibox-hero>div { position:relative; z-index:1; }.bl-minibox-hero small,.bl-minibox-hero strong,.bl-minibox-hero div span { display:block; }.bl-minibox-hero small { color:#e1c18b; font-size:9px; letter-spacing:.13em; }.bl-minibox-hero strong { font:650 27px/1.02 'Cormorant Garamond',serif; letter-spacing:-.012em; margin-top:4px; }.bl-minibox-hero div span { margin-top:5px; color:#d4e4dc; font-size:9px; }
.bl-minibox-games { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }
.bl-minibox-games article { min-width:0; background:#fffdf7; border:1px solid #dce0d4; border-radius:12px; padding:10px; box-shadow:0 7px 16px #163f3010; }.bl-minibox-games article>strong,.bl-minibox-games article>small { display:block; }.bl-minibox-games article>strong { color:#193e34; font-size:12px; font-weight:750; line-height:1.2; margin-top:8px; }.bl-minibox-games article>small { color:#69776f; font-size:8px; font-weight:600; margin-top:4px; }
.bl-minibox-games article:nth-child(-n+3) { grid-column:span 2; }.bl-minibox-games article:nth-child(n+4) { grid-column:span 3; }
.bl-mini-memory,.bl-mini-puzzle,.bl-mini-words,.bl-mini-hunt,.bl-mini-match { height:82px; border-radius:8px; overflow:hidden; background:#e4e9d9; display:flex; align-items:center; justify-content:center; }
.bl-mini-memory { gap:5px; }.bl-mini-memory span { width:25%; height:58px; border-radius:5px; background:#28594b; transform:rotate(-7deg); }.bl-mini-memory span:nth-child(2) { transform:rotate(5deg); background:#fff; padding:3px; }.bl-mini-memory img { width:100%; height:100%; object-fit:cover; border-radius:3px; }
.bl-mini-puzzle img { width:76px; height:76px; object-fit:cover; border:4px solid #fff; transform:rotate(-5deg); }
.bl-mini-words { color:#68766b; font:700 15px/1.5 monospace; letter-spacing:4px; text-align:center; }.bl-mini-words b { background:#28594b; color:#fff; padding:2px; border-radius:3px; }
.bl-mini-hunt { position:relative; background:linear-gradient(145deg,#dcead9,#f3e5c8); color:#28594b; }.bl-mini-hunt span,.bl-mini-hunt i,.bl-mini-hunt b { position:absolute; font-style:normal; }.bl-mini-hunt span { left:24%; top:25%; font-size:23px; }.bl-mini-hunt i { right:25%; top:18%; color:#ba754b; font-size:19px; }.bl-mini-hunt b { left:48%; bottom:15%; color:#d3a843; font-size:15px; }
.bl-mini-match { background:#f1dfc3; color:#28594b; font-size:27px; gap:8px; }.bl-mini-match span { color:#bd7147; }
.bl-minibox-window-foot { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:14px; padding:12px 3px 2px; border-top:1px solid #d7ddcf; color:#758279; font-size:9px; }.bl-minibox-window-foot strong { color:#28594b; font-size:10px; }.bl-minibox-window-foot i { font-style:normal; }
@media(max-width:960px) { .bl-minibox-grid { grid-template-columns:1fr; }.bl-minibox-preview { max-width:760px; width:100%; margin:auto; }.bl-minibox-window { transform:none; } }
@media(max-width:600px) { .bl-minibox-games { grid-template-columns:repeat(2,1fr); }.bl-minibox-games article:nth-child(n) { grid-column:span 1; }.bl-minibox-games article:last-child { grid-column:1/-1; }.bl-minibox-entitlements { grid-template-columns:repeat(2,1fr); }.bl-minibox-entitlements div { border-bottom:1px solid #ffffff18; }.bl-minibox-entitlements .is-full { padding-left:0; border-left:0; }.bl-minibox-prices { grid-template-columns:1fr; }.bl-minibox-copy h2 { font-size:42px; }.bl-minibox-window { padding:13px; }.bl-minibox-preview { padding-bottom:0; }.bl-minibox-bar>b { display:none; }.bl-minibox-music { padding:7px; font-size:0; }.bl-minibox-music i { font-size:12px; }.bl-minibox-window-foot { align-items:flex-start; }.bl-minibox-hero strong { font-size:22px; } }

/* The complete MiniBox is the fourth product in the Super Pack without shrinking the three physical pieces. */
.bl-superpack-example { grid-template-rows:minmax(380px,1fr) auto; }
.bl-pack-minibox-ribbon { grid-column:1/-1; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; min-width:0; padding:14px 16px; background:linear-gradient(110deg,#153b34,#28594b); color:#fff8e8; border:1px solid #ffffff48; box-shadow:0 12px 28px #10282a2e; }
.bl-pack-minibox-ribbon img { width:54px; height:54px; object-fit:cover; border-radius:50%; border:2px solid #f0cd88; }
.bl-pack-minibox-ribbon small,.bl-pack-minibox-ribbon strong,.bl-pack-minibox-ribbon span { display:block; }
.bl-pack-minibox-ribbon small { color:#e7c77f; font-size:8px; letter-spacing:.13em; }.bl-pack-minibox-ribbon strong { margin-top:3px; font:600 17px 'Cormorant Garamond',serif; }.bl-pack-minibox-ribbon span { margin-top:3px; color:#c8d9d1; font-size:9px; }.bl-pack-minibox-ribbon>b { padding:9px 11px; border-radius:999px; background:#f3d48e; color:#173f36; font-size:11px; white-space:nowrap; }
@media(max-width:520px) { .bl-superpack-example { grid-template-rows:auto; }.bl-pack-minibox-ribbon { grid-column:auto; min-height:330px; grid-template-columns:1fr; align-content:center; justify-items:center; text-align:center; scroll-snap-align:center; padding:28px; }.bl-pack-minibox-ribbon img { width:92px; height:92px; }.bl-pack-minibox-ribbon strong { font-size:25px; }.bl-pack-minibox-ribbon span { max-width:220px; font-size:11px; line-height:1.7; }.bl-pack-minibox-ribbon>b { margin-top:12px; } }
@media(max-width:420px) { .bl-personalization-proof { flex-wrap:wrap; } .bl-pose-caption { margin-left:61px; margin-top:-10px; } }
@media(max-width:760px) { .bl-product-stage { height:450px; } .bl-drag-hint { left:20px; top:40px; font-size:10px; } }
