Chapter & Chocolate Theme Bookish Bundle 🍫 NEW ✦ Limited Edition
:root { --choc-deep: #3D1F0A; --choc-mid: #7B4A1E; --choc-warm: #C4803A; --vanilla: #F5ECD4; --vanilla-mid: #E8D4A0; --strawberry: #E87A8A; --straw-deep: #C04A5A; --cream: #FAF6EE; --ink: #2A1205; --white: #ffffff; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'DM Sans', sans-serif; background: var(--cream); color: var(--ink); overflow-x: hidden; } body::before { content: ''; position: fixed; inset: 0; background: radial-gradient(ellipse 75% 50% at 10% 8%, rgba(196,128,58,0.15) 0%, transparent 60%), radial-gradient(ellipse 55% 65% at 92% 88%, rgba(232,122,138,0.10) 0%, transparent 55%), radial-gradient(ellipse 50% 40% at 55% 35%, rgba(245,236,212,0.4) 0%, transparent 50%); pointer-events: none; z-index: 0; } .container { max-width: 860px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; } /* BADGE */ .drop-badge { display: flex; align-items: center; justify-content: center; padding: 48px 0 24px; animation: fadeDown 0.8s ease both; } .badge-pill { font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; padding: 6px 14px; border-radius: 100px; white-space: nowrap; } /* HERO */ .hero { text-align: center; padding-bottom: 16px; animation: fadeDown 0.9s ease 0.1s both; } .hero-eyebrow { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 18px; color: var(--choc-mid); letter-spacing: 0.05em; margin-bottom: 10px; } .hero-subtitle { margin-top: 16px; font-size: 13px; color: var(--choc-mid); font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; } /* DIVIDER */ .divider { display: flex; align-items: center; gap: 16px; margin: 28px 0; animation: fadeIn 1s ease 0.2s both; } .divider::before, .divider::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, transparent, var(--choc-warm), transparent); } .divider-icon { font-size: 15px; } /* HERO BANNER */ .hero-banner { background: linear-gradient(135deg, #1A0800 0%, var(--choc-deep) 40%, var(--choc-mid) 100%); border-radius: 16px; padding: 32px 36px; text-align: center; margin-bottom: 32px; animation: fadeUp 1s ease 0.3s both; box-shadow: 0 12px 48px rgba(61,31,10,0.28); position: relative; overflow: hidden; } .hero-banner::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient( 45deg, transparent, transparent 30px, rgba(196,128,58,0.04) 30px, rgba(196,128,58,0.04) 31px ); pointer-events: none; } .banner-count { font-family: 'Cormorant Garamond', serif; font-size: 52px; font-weight: 300; color: rgba(255,255,255,0.95); line-height: 1; margin-bottom: 4px; letter-spacing: -0.02em; } .banner-eyebrow { font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase; color: rgba(245,236,212,0.5); font-weight: 500; margin-bottom: 12px; } .banner-title { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 300; font-style: italic; color: var(--vanilla); line-height: 1.45; margin-bottom: 6px; } .banner-sub { font-size: 13px; color: rgba(245,236,212,0.55); font-weight: 300; } /* SECTION LABEL */ .section-label { font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--choc-mid); font-weight: 600; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; } .section-label::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, var(--choc-warm), transparent); } /* DESCRIPTION CARD */ .description-card { background: rgba(255,255,255,0.75); backdrop-filter: blur(16px); border: 1px solid rgba(196,128,58,0.25); border-radius: 20px; padding: 40px 48px; margin-bottom: 32px; box-shadow: 0 8px 40px rgba(61,31,10,0.07); animation: fadeUp 1s ease 0.4s both; } .desc-headline { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 400; color: var(--choc-deep); margin-bottom: 16px; line-height: 1.3; } .desc-headline em { font-style: italic; color: var(--choc-warm); } .desc-body { font-size: 15px; line-height: 1.85; color: #5A3A1A; font-weight: 300; } .desc-body strong { font-weight: 500; color: var(--choc-deep); } /* ITEMS */ .items-section { margin-bottom: 32px; animation: fadeUp 1s ease 0.5s both; } .items-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; } .item-pill { background: rgba(255,255,255,0.78); border: 1px solid rgba(196,128,58,0.25); border-radius: 8px; padding: 10px 16px; font-size: 13px; color: var(--ink); font-weight: 400; display: flex; align-items: center; gap: 9px; transition: all 0.2s ease; backdrop-filter: blur(8px); } .item-pill:hover { background: rgba(255,255,255,0.98); border-color: var(--choc-warm); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(196,128,58,0.18); } .item-emoji { font-size: 14px; flex-shrink: 0; } /* VARIANTS */ .variants-section { margin-bottom: 32px; animation: fadeUp 1s ease 0.52s both; } /* NEAPOLITAN STRIPE */ .neo-stripe { display: grid; grid-template-columns: 1fr 1fr 1fr; border-radius: 14px; overflow: hidden; margin-bottom: 32px; box-shadow: 0 8px 32px rgba(61,31,10,0.15); animation: fadeUp 1s ease 0.45s both; } /* REVIEWS */ .review-card { background: #2A1205; border: 1px solid rgba(196,128,58,0.4); border-radius: 16px; padding: 24px 28px; margin-bottom: 12px; } .review-stars { font-size: 13px; margin-bottom: 8px; } .review-text { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 16px; color: #F5ECD4; line-height: 1.65; margin-bottom: 10px; } .review-author { font-size: 11px; font-weight: 600; color: #C4803A; letter-spacing: 0.06em; text-transform: uppercase; } /* FOR YOU IF */ .foryou-card { background: linear-gradient(135deg, #C4803A 0%, #7B4A1E 100%); border-radius: 20px; padding: 32px 40px; margin-bottom: 32px; animation: fadeUp 1s ease 0.56s both; } .foryou-item { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; color: rgba(255,255,255,0.92); font-weight: 300; line-height: 1.65; margin-bottom: 10px; } /* TRUST */ .trust-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 32px; animation: fadeUp 1s ease 0.58s both; } .trust-item { background: rgba(255,255,255,0.75); border: 1px solid rgba(196,128,58,0.25); border-radius: 12px; padding: 16px; text-align: center; backdrop-filter: blur(8px); } .trust-icon { font-size: 22px; margin-bottom: 6px; } .trust-label { font-size: 11px; font-weight: 600; color: var(--choc-mid); text-transform: uppercase; letter-spacing: 0.08em; } .trust-sub { font-size: 11px; color: #9A7A5A; margin-top: 4px; } /* LIMITED BANNER */ .limited-banner { background: linear-gradient(135deg, var(--choc-deep) 0%, var(--choc-mid) 100%); border-radius: 16px; padding: 26px 32px; margin-bottom: 32px; text-align: center; animation: fadeUp 1s ease 0.6s both; box-shadow: 0 8px 32px rgba(61,31,10,0.2); } .limited-title { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 300; font-style: italic; color: #ffffff; margin-bottom: 6px; } .limited-sub { font-size: 13px; color: rgba(245,236,212,0.65); font-weight: 300; } /* FOOTER */ .footer-note { text-align: center; padding: 16px 0 56px; animation: fadeUp 1s ease 0.62s both; } .footer-sub { font-size: 12px; color: var(--choc-warm); letter-spacing: 0.05em; } /* PETALS */ .petal { position: fixed; pointer-events: none; opacity: 0; z-index: 0; animation: floatPetal linear infinite; } @keyframes floatPetal { 0% { transform: translateY(-20px) rotate(0deg); opacity: 0; } 10% { opacity: 0.3; } 90% { opacity: 0.12; } 100% { transform: translateY(110vh) rotate(360deg); opacity: 0; } } @keyframes fadeDown { from { opacity: 0; transform: translateY(-16px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 600px) { .description-card, .foryou-card { padding: 28px 24px; } .items-grid { grid-template-columns: 1fr 1fr; } .trust-grid { grid-template-columns: 1fr 1fr 1fr; } .neo-stripe { grid-template-columns: 1fr 1fr 1fr; } } 🍫 ✨ 🍫 🌸 🍫 ✨ 🤍 Vanilla Cream 🟫 Toffee Praline 🩷 Strawberry Kiss You don't just read. You live inside books. 21 items · $39.90 · 3 chocolate moods CHAPTER &Chocolate Bundle Warm · Sweet · Made for the reader who indulges 🍫 🤍 VanillaCream 🟫 ToffeePraline 🩷 StrawberryKiss For the reader who never apologizes for her stack, her snacks, or her standards. This isn't just a bookish bundle. This is 21 pieces of carefully chosen reading joy, wrapped in the warmth of your favorite chocolate — vanilla, milk, or strawberry.If you dog-ear pages, annotate in three colors, and consider reading a personality trait — this bundle was made for you. 🍫 21 carefully chosen items inside every box One very happy reader. Three chocolate moods. Same 21 items across all variants · just pick your chocolate 🍫 Everything inside your box Every item was chosen to make your reading life more beautiful, more organized, and a whole lot sweeter: 📓A6 Notebook 🍫Chocolate-Form Notebook 🍫Chocolate-Form Pen 🖊️Gel Pen 💎Diamond Pen 🖍️Highlighter 💡USB Reading Light 🪡Clothespin 🌺Frangipani Flower Hair Clip 💛Metallic Heart-Shaped Page Holder 🗂️Sticky Tabs 🔖2 Bookmarks 📝Book Review Card 📋Reading Log 🗂️Mesh Case 🌸Transparent Sticker Sheet 💬Quote Sticker Sheet 🎀Cute Sticker Sheet 🌸3 Transparent Stickers 🟫3 Rectangular Moody Stickers 📚Book Tracker What our readers are saying 🍫 ⭐⭐⭐⭐⭐ "I ordered the Strawberry Kiss for myself and honestly it felt like opening a gift. Every single item was so thoughtful and aesthetic — the chocolate pen alone made me smile for a week. I've already ordered the Vanilla Cream for my best friend." — Jessica M., verified buyer ⭐⭐⭐⭐⭐ "I was looking for a gift for my mom who reads constantly and this was perfect. She texted me the moment she opened it saying it was the best gift she'd ever received. The quality is so much better than I expected for the price." — Sarah K., verified buyer ⭐⭐⭐⭐⭐ "The Toffee Praline bundle is everything. The mesh case, the bookmarks, the stickers — it all came together so beautifully. YOURBOOKISH really gets book lovers. I'll be back for every new bundle they drop." — Rachel T., verified buyer This bundle is for you if 📚You treat reading like a lifestyle, not just a hobby 🎁You want a gift that actually lands — every single time 🍫You believe books and chocolate are life's two greatest pleasures ✨You deserve beautiful things that make your reading corner feel complete 🫶🏻 Packed with love Every box hand-packed 📦 Gift-ready No wrapping needed 🍫 3 variants Pick your mood Don't just read — indulge. Your chapter. Your chocolate. Your bundle. 🍫🩷 🍫 Chapter & Chocolate Bundle · 21 Items · 3 Variants · $39.90 · Ships with love
More you might like
Related
Just One More Chapter - Bookish Candle | Book Themed Candle
Related