Box Mystère
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500&display=swap'); @keyframes heartbeat{0 %,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.75}} @keyframes shimmer{0%,100%{opacity:.6}50%{opacity:1}} @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}} .bm *{box-sizing:border-box} .bm{font-family:'Jost','Helvetica Neue',sans-serif;background:#f7f5f1;color:#1a1613;max-width:900px;margin:0 auto;border-radius:12px;overflow:hidden} /* ── HERO ── */ .bm-hero{position:relative;text-align:center;padding:56px 32px 40px;background:linear-gradient(160deg,#1a1613 0%,#2e2520 60%,#3d2e27 100%);overflow:hidden} .bm-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(159,145,122,.18) 0%,transparent 65%),radial-gradient(ellipse 40% 30% at 80% 100%,rgba(192,101,74,.12) 0%,transparent 60%);pointer-events:none} .bm-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden} .bm-star{position:absolute;width:2px;height:2px;background:#c4b49e;border-radius:50%;animation:shimmer 2s ease-in-out infinite} .bm-orn{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px} .bm-orn-line{width:60px;height:1px;background:linear-gradient(to right,transparent,#9f917a)}.bm-orn-line.r{background:linear-gradient(to left,transparent,#9f917a)} .bm-heart{color:#9f917a;font-size:14px;animation:heartbeat 1.4s ease-in-out infinite;display:inline-block} .bm-surtitre{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#9f917a;margin:0 0 10px} .bm-emoji{font-size:48px;display:block;margin-bottom:12px;animation:float 3s ease-in-out infinite} .bm-titre{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(38px,7vw,62px);font-weight:300;letter-spacing:.14em;color:#faf8f5;margin:0 0 6px;line-height:1.05} .bm-sous-titre{font-family:'Cormorant Garamond',serif;font-size:16px;font-style:italic;color:#9f917a;letter-spacing:.08em;margin:0 0 24px} .bm-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px} .bm-badge{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border:0.5px solid rgba(196,180,158,.4);color:#c4b49e;border-radius:2px} .bm-badge.accent{background:#c0654a;color:#faf8f5;border-color:#c0654a} .bm-intro{font-size:14px;font-weight:300;line-height:1.85;color:rgba(250,248,245,.75);max-width:560px;margin:0 auto 20px} .bm-formulaire-note{max-width:520px;margin:0 auto;background:rgba(159,145,122,.12);border:0.5px solid rgba(196,180,158,.35);border-radius:6px;padding:12px 18px;text-align:center} .bm-formulaire-note p{font-size:12.5px;font-weight:300;color:rgba(196,180,158,.9);line-height:1.6;margin:0;font-style:italic} .bm-formulaire-note strong{font-weight:500;color:#faf8f5;font-style:normal} /* ── SÉPARATEUR ── */ .bm-sep{display:flex;align-items:center;gap:12px;margin:0 32px 0} .bm-sep-line{flex:1;height:0.5px;background:#c4b49e}.bm-sep-glyph{font-size:11px;color:#9f917a;letter-spacing:4px} /* ── FORMATS ── */ .bm-formats{padding:40px 28px;background:#f7f5f1} .bm-formats-titre{font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:#9f917a;text-align:center;margin:0 0 8px} .bm-formats-sous{font-size:13px;font-weight:300;color:#7a6e63;text-align:center;margin:0 0 32px;font-style:italic} .bm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:840px;margin:0 auto} .bm-card{border-radius:10px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s} .bm-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(26,22,19,.12)} /* card header */ .bm-card-header{padding:28px 22px 20px;text-align:center;position:relative} .bm-card-header.nouvelle{background:linear-gradient(135deg,#2a2018,#3d2e1f)} .bm-card-header.roman{background:linear-gradient(135deg,#1a2228,#2a3a30)} .bm-card-header.carnet{background:linear-gradient(135deg,#221820,#382230)} .bm-card-emoji{font-size:32px;display:block;margin-bottom:10px} .bm-card-type{font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;display:inline-block;padding:2px 10px;border-radius:2px;margin-bottom:8px} .bm-card-type.nouvelle{background:rgba(192,101,74,.3);color:#e8a080;border:0.5px solid rgba(192,101,74,.4)} .bm-card-type.roman{background:rgba(100,160,120,.2);color:#90d0a8;border:0.5px solid rgba(100,160,120,.3)} .bm-card-type.carnet{background:rgba(160,100,180,.2);color:#c890e0;border:0.5px solid rgba(160,100,180,.3)} .bm-card-nom{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:#faf8f5;display:block;margin-bottom:4px;line-height:1.1} .bm-card-accroche{font-size:11px;font-weight:300;color:rgba(250,248,245,.55);font-style:italic} /* card body */ .bm-card-body{background:#faf8f5;padding:20px 20px 22px;border:0.5px solid #e8ddd0;border-top:none;border-radius:0 0 10px 10px} .bm-card-contenu-titre{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#9f917a;margin:0 0 12px} .bm-card-liste{list-style:none;margin:0 0 16px;padding:0} .bm-card-liste li{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:300;color:#4a4238;padding:6px 0;border-bottom:0.5px solid #ede8e1;line-height:1.5} .bm-card-liste li:last-child{border-bottom:none} .bm-card-liste li .ico{font-size:15px;flex-shrink:0;margin-top:1px} .bm-card-liste li strong{font-weight:500;color:#1a1613} .bm-card-liste li span{font-size:11.5px;color:#9a8e83;font-style:italic;display:block} /* goodie detail */ .bm-goodie-detail{background:rgba(159,145,122,.07);border:0.5px solid #d4c4a8;border-radius:5px;padding:9px 12px;margin-top:8px} .bm-goodie-detail p{font-size:11px;font-weight:300;color:#7a6e63;line-height:1.55;margin:0;font-style:italic} .bm-goodie-detail strong{font-weight:500;color:#4a4238;font-style:normal} /* ── MYSTÈRE NOTE ── */ .bm-mystere-bloc{padding:32px 28px;background:#faf8f5;border-top:0.5px solid #e8ddd0} .bm-mystere-inner{max-width:660px;margin:0 auto;display:flex;gap:20px;align-items:flex-start;background:linear-gradient(135deg,rgba(26,22,19,.03),rgba(159,145,122,.06));border:0.5px solid #c4b49e;border-radius:8px;padding:22px 24px} .bm-mystere-icon{font-size:32px;flex-shrink:0;margin-top:2px} .bm-mystere-titre{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;color:#1a1613;display:block;margin-bottom:8px} .bm-mystere-texte{font-size:13px;font-weight:300;color:#4a4238;line-height:1.75;margin:0} .bm-mystere-texte strong{font-weight:500;color:#1a1613} /* ── FORMULAIRE ── */ .bm-formulaire-section{padding:28px 28px 36px;background:#f7f5f1;border-top:0.5px solid #e8ddd0} .bm-formulaire-label{font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:#9f917a;text-align:center;margin:0 0 8px} .bm-formulaire-sub{font-size:13px;font-weight:300;color:#7a6e63;text-align:center;margin:0 0 20px;font-style:italic} .bm-formulaire-steps{display:flex;flex-direction:column;gap:0;max-width:560px;margin:0 auto} .bm-step{display:flex;gap:14px;align-items:flex-start;padding-bottom:18px;position:relative} .bm-step:not(:last-child)::before{content:'';position:absolute;left:15px;top:34px;bottom:0;width:0.5px;background:#e8ddd0} .bm-step-num{min-width:30px;height:30px;border-radius:50%;background:#9f917a;display:flex;align-items:center;justify-content:center;flex-shrink:0} .bm-step-num span{font-size:11px;font-weight:500;color:#faf8f5} .bm-step-body{padding-top:4px} .bm-step-titre{font-size:13px;font-weight:500;color:#1a1613;display:block;margin-bottom:3px} .bm-step-desc{font-size:12px;font-weight:300;color:#7a6e63;line-height:1.6;margin:0} /* ── COMMANDE ── */ .bm-commande{padding:36px 32px;text-align:center;background:linear-gradient(160deg,#1a1613,#2e2520);border-top:0.5px solid #333} .bm-prix{font-family:'Cormorant Garamond',serif;font-size:56px;font-weight:300;color:#faf8f5;line-height:1;display:block} .bm-prix-note{font-size:12px;font-weight:300;color:rgba(196,180,158,.7);font-style:italic;display:block;margin-top:4px;margin-bottom:20px} .bm-commande-info{max-width:480px;margin:0 auto 20px;background:rgba(159,145,122,.1);border:0.5px solid rgba(196,180,158,.3);border-radius:6px;padding:14px 18px} .bm-commande-info p{font-size:13px;font-weight:300;color:rgba(250,248,245,.75);line-height:1.7;margin:0} .bm-commande-info strong{font-weight:500;color:#faf8f5} /* ── NAV ── */ .bm-nav{padding:24px 32px;text-align:center;border-top:0.5px solid #e8ddd0;background:#f7f5f1} .bm-nav p{font-size:13px;font-weight:300;color:#7a6e63;margin:0 0 12px} .bm-nav-liens{display:flex;gap:20px;justify-content:center;flex-wrap:wrap} .bm-nav-lien{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#6b5f4f;border-bottom:1px solid #c4b49e;text-decoration:none;padding-bottom:2px} ♥♥♥ Alex Q — Boutique · Édition Surprise 🎁 Box Mystère C'est moi qui choisis ce que contient votre box. 35 € 3 formats au choix Dédicacé Goodies exclusifs Vous aimez les surprises ? C'est le principe même de cette box. Vous choisissez le format — avec une nouvelle, un roman, ou un carnet — et c'est moi qui sélectionne le reste. Le texte, les goodies, la surprise. Faites-moi confiance… ou pas. C'est ça, l'aventure. Un formulaire vous est envoyé automatiquement après commande pour que je sache ce que vous avez déjà — pas question de vous envoyer un doublon. Surtout pour les ouvrages que vous auriez achetés hors boutique. ✦ ✦ ✦ Choisissez votre format Un seul format, un seul prix — la surprise fait le reste 📖 Avec une nouvelle Box Nouvelle Une histoire courte · Un goodie grand format Contenu 📖 Une nouvelle broché dédicacéeÀ mon choix selon votre formulaire 🎁 1 grand goodieÀ mon choix parmi les options disponibles Options possibles : Grand Standee, Mug, Tote bag, Lot de 5 cartes ou un grand goodie issu des collections spéciales 📑 2 marque-pages inéditsDesign surprise 📚 Avec un roman Box Roman Un roman complet · Un goodie moyen format Contenu 📚 Un roman broché dédicacéÀ mon choix selon votre formulaire 🎁 1 moyen goodieÀ mon choix parmi les options disponibles Options possibles : Bijou, Overlays, Porte-clé Chibi, Chibi Standee ou un moyen goodie issu des collections spéciales 📑 2 marque-pages inéditsDesign surprise 📓 Avec un carnet Box Carnet Carnet + stylo · Un goodie grand format Contenu 📓 Un carnet souple + styloÀ mon choix selon votre formulaire 🎁 1 grand goodieÀ mon choix parmi les options disponibles Options possibles : Grand Standee, Mug, Tote bag, Lot de 5 cartes ou un grand goodie issu des collections spéciales 📑 2 marque-pagesDesign surprise 🔮 Comment ça marche côté sélection ? Je choisis avec soin en fonction de ce que vous m'indiquez dans le formulaire — vos lectures passées, vos goûts, et surtout ce que vous avez déjà dans votre bibliothèque pour éviter les doublons. Je ne garantis pas un titre ou un goodie en particulier, mais je garantis une sélection personnalisée, faite avec intention. La surprise, c'est le format. Le soin, c'est ma signature. Comment ça se passe ? Simple et rapide — de la commande à la livraison 1 Vous choisissez votre format Nouvelle, Roman ou Carnet — en cliquant sur la box de votre choix. 2 Vous recevez le formulaire Un formulaire vous est envoyé automatiquement par email. Il me permet de connaître vos lectures passées et d'éviter tout doublon — surtout pour les ouvrages achetés hors boutique. 3 Je compose votre box Je sélectionne votre ouvrage et votre goodie en fonction de vos réponses. Chaque box est unique et composée à la main. 4 Expédition Votre box est expédiée à partir du 20 du mois suivant la commande. Vous recevrez un email de confirmation dès l'envoi. 35 € Taxes incluses · Frais de port calculés à la commande · Tous formats Précommande : commande passée en impression le 1er du mois suivant, expédiée à partir du 20 de ce même mois après réception de votre formulaire complété. Préférez-vous choisir vous-même votre univers ? Toutes les bookboxes → Les nouvelles →
![Mystery Box - RESIN [Retail]](https://cdn.shopify.com/s/files/1/0015/0975/2903/files/CB489CA3-9262-40D5-B1E0-D694D0A1BE8C.jpg?v=1762668534&width=480)