GRAND Bookish Bundle

YOURBOOKISH.COM Verified independent store

→

:root { --choc: #443025; --aloewood: #7F5836; --milktea: #AA7F66; --sakura: #EC9C9D; --misty: #F5E5DD; --cream: #faf7f2; --gold: #C9A876; --ink: #2a1a10; --white: #ffffff; } * { ma rgin: 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% 55% at 12% 8%, rgba(201,168,118,0.18) 0%, transparent 60%), radial-gradient(ellipse 55% 65% at 92% 88%, rgba(127,88,54,0.12) 0%, transparent 55%), radial-gradient(ellipse 45% 40% at 55% 30%, rgba(245,229,221,0.45) 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 { background: linear-gradient(135deg, var(--choc) 0%, var(--aloewood) 100%); color: var(--gold); font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; padding: 6px 18px; border-radius: 100px; border: 1px solid rgba(201,168,118,0.3); } /* 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(--gold); letter-spacing: 0.06em; margin-bottom: 12px; } .hero-total { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; } .hero-subtitle { margin-top: 18px; font-size: 14px; color: var(--milktea); font-weight: 300; letter-spacing: 0.08em; text-transform: uppercase; } /* DIVIDER */ .divider { display: flex; align-items: center; gap: 16px; margin: 32px 0; animation: fadeIn 1s ease 0.2s both; } .divider::before, .divider::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, transparent, var(--gold), transparent); } .divider-icon { font-size: 14px; color: var(--gold); } /* GRAND BANNER */ .grand-banner { background: linear-gradient(135deg, var(--choc) 0%, #5c3a22 40%, var(--aloewood) 100%); border-radius: 16px; padding: 32px 40px; text-align: center; margin-bottom: 32px; animation: fadeUp 1s ease 0.3s both; box-shadow: 0 10px 40px rgba(68,48,37,0.28); position: relative; overflow: hidden; } .grand-banner::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient( 45deg, transparent, transparent 40px, rgba(201,168,118,0.04) 40px, rgba(201,168,118,0.04) 41px ); pointer-events: none; } .grand-banner-count { font-family: 'Cormorant Garamond', serif; font-size: 52px; font-weight: 300; color: var(--gold); line-height: 1; margin-bottom: 4px; letter-spacing: -0.02em; } .grand-banner-label { font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase; color: rgba(245,229,221,0.6); font-weight: 500; margin-bottom: 14px; } .grand-banner-title { font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 300; font-style: italic; color: var(--misty); margin-bottom: 4px; } .grand-banner-sub { font-size: 13px; color: rgba(245,229,221,0.65); font-weight: 300; letter-spacing: 0.04em; } /* SECTION LABEL */ .section-label { font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--aloewood); font-weight: 500; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; } .section-label::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, var(--gold), transparent); } /* DESCRIPTION CARD */ .description-card { background: rgba(255,255,255,0.72); backdrop-filter: blur(16px); border: 1px solid rgba(201,168,118,0.28); border-radius: 20px; padding: 40px 48px; margin-bottom: 32px; box-shadow: 0 8px 40px rgba(68,48,37,0.07); animation: fadeUp 1s ease 0.4s both; } .desc-headline { font-family: 'Cormorant Garamond', serif; font-size: 30px; font-weight: 400; color: var(--choc); margin-bottom: 20px; line-height: 1.25; } .desc-headline em { font-style: italic; color: var(--aloewood); } .perks-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; } .perk-row { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; line-height: 1.65; color: var(--aloewood); font-weight: 300; } .perk-row strong { color: var(--choc); font-weight: 500; } .perk-icon { font-size: 16px; flex-shrink: 0; margin-top: 1px; } /* COLOR NOTE */ .color-note { background: linear-gradient(135deg, rgba(245,229,221,0.55) 0%, rgba(255,255,255,0.5) 100%); border: 1px solid rgba(201,168,118,0.35); border-radius: 14px; padding: 20px 24px; font-size: 14px; color: var(--aloewood); line-height: 1.7; font-weight: 300; } .color-note strong { font-weight: 500; color: var(--choc); } /* 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.75); border: 1px solid rgba(170,127,102,0.3); border-radius: 8px; padding: 10px 16px; font-size: 13px; color: var(--choc); font-weight: 400; display: flex; align-items: center; justify-content: space-between; gap: 8px; transition: all 0.2s ease; backdrop-filter: blur(8px); } .item-pill:hover { background: rgba(255,255,255,0.98); border-color: var(--gold); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(201,168,118,0.2); } .item-left { display: flex; align-items: center; gap: 9px; } .item-emoji { font-size: 14px; flex-shrink: 0; } .item-qty { font-size: 11px; color: var(--milktea); font-weight: 500; letter-spacing: 0.04em; white-space: nowrap; flex-shrink: 0; } .item-pill.random .item-qty { color: var(--sakura); } /* SOCIAL NOTE */ .social-note { margin-bottom: 32px; animation: fadeUp 1s ease 0.55s both; } .social-card { display: flex; align-items: flex-start; gap: 20px; background: linear-gradient(135deg, rgba(245,229,221,0.65) 0%, rgba(255,255,255,0.55) 100%); border: 1px solid rgba(236,156,157,0.38); border-radius: 16px; padding: 24px 28px; backdrop-filter: blur(10px); box-shadow: 0 4px 24px rgba(68,48,37,0.06); } .social-icon { font-size: 28px; flex-shrink: 0; margin-top: 2px; } .social-title { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 400; color: var(--choc); margin-bottom: 8px; } .social-body { font-size: 14px; line-height: 1.7; color: var(--aloewood); font-weight: 300; } /* FOOTER */ .footer-note { text-align: center; padding: 16px 0 56px; animation: fadeUp 1s ease 0.6s both; } .footer-sub { font-size: 12px; color: var(--milktea); 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.25; } 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 { padding: 28px 24px; } .items-grid { grid-template-columns: 1fr 1fr; } .hero-title { font-size: 22vw !important; line-height: 0.95 !important; } .grand-banner { padding: 24px 20px; } .grand-banner-count { font-size: 42px; } } ✨ 🌸 ✨ 🌸 ✨ 🌸 ✦ Grand Bookish Bundle · 37 Items The ultimate gift for every book lover 37 total items GRAND Bookish Bundle 37 items total · 25 unique finds · Packed with love · Ready to gift 37 total items inside The most generous bundle we offer. 25 unique bookish finds · Everything a reader's heart could wish for 🫶🏻 Every item, up close Your reading nook, elevated. Curated for readers who deserve the very best. ✨ 37 Items · 25 Unique Finds Our most complete bundle — thoughtfully curated for the serious reader who wants it all. 🎁 Gift-Ready Packaging Beautifully packaged and ready to gift — perfect for yourself or a fellow book lover. 🌸 Packed With Love Every item carefully selected and packed with love 🫶🏻 — because you deserve that kind of care. ✦ Color Preference Want specific colors in your bundle? 🫶🏻 Leave a note at checkout with your favourite colors — you'll see the option before completing your order. I'll make sure your bundle is gathered in your preferred palette. Everything inside your box 👜Bookish Tote Bag ×1 random 📎Metal Bookmark ×1 random 📌Bookish Enamel Pin ×1 random 🪐Sticky Notes Planet ×1 🎀Washi Tape ×1 🐱Golden Pen Holder ×1 📔Tiny Pocket Book ×1 🎁Bookish Sticker Set (30 pcs) ×1 random 📚Book Tracker Bookmarks ×3 🌸Flower-Shaped Hair Clip ×1 💖Leather Heart Corner Bookmark ×1 📝Quotes Card ×1 📔A6 Notebook ×1 ✨Bookish Stickers ×3 🖊️Gel Pen ×1 🌈Highlighters ×3 🔖Bookmarks ×3 🎒Clear Mesh Pencil Pouch ×1 💡USB Rechargeable Book Light ×1 📑Striped Sticky Tabs ×1 🌺Transparent Flower Sticker Sheet ×1 📋100 Books Challenge ×1 📋Books Wish List ×1 📋My To Be Read ×1 🩷Metallic Page Clip (Heart Shape) ×1 Stay in the loop 📱 Goods are always updating & restocking Follow us on social media to see what's inside our latest bundles — we share ASMR packing videos, new arrivals, and restocks as they happen. Your bundle might include something brand new! 🌸 🌸 Grand Bookish Bundle · 37 Items Total · 25 Unique Finds · Packed with love Show more