Products

Skip to results list
1 item

Filter

  • Chapter & Chill Caddy – Mystery Book Self-Care Gift Basket

    Chapter & Chill Caddy – Mystery Book Self-Care Gift Basket

    Chapter & Chill Caddy – Mystery Book Self-Care Gift Basket
    $30.00
/* ── SHOP SHOWCASE (replaces old product grid) ── */ .showcase-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .showcase-card { border-radius: 22px; padding: 2.5rem 2rem; position: relative; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; display: flex; flex-direction: column; gap: 1.25rem; } .showcase-card:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(44,31,40,0.12); } .showcase-large { grid-column: span 2; flex-direction: row; align-items: center; gap: 2.5rem; } .rose-card { background: #fce8f0; } .yellow-card { background: #fef9e6; } .green-card { background: #edf7ed; } .orange-card { background: #fef0e8; } .dark-card { background: #2c1f28; } .rose-pale-card { background: white; border: 2px solid rgba(224,90,135,0.15); } .showcase-emoji { font-size: 3.5rem; flex-shrink: 0; } .showcase-large .showcase-emoji { font-size: 5rem; } .showcase-cat { font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 700; color: #e05a87; margin-bottom: 0.3rem; } .showcase-content h3 { font-family: 'Playfair Display', serif; font-size: 1.3rem; color: #2c1f28; margin-bottom: 0.6rem; line-height: 1.25; } .showcase-content p { font-size: 0.88rem; line-height: 1.7; color: #7a6575; font-weight: 300; margin-bottom: 1.25rem; } .showcase-btn { display: inline-block; background: #e05a87; color: white; padding: 0.6rem 1.4rem; border-radius: 50px; text-decoration: none; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; transition: background 0.22s, transform 0.2s; box-shadow: 0 4px 16px rgba(224,90,135,0.25); } .showcase-btn:hover { background: #2c1f28; transform: translateY(-2px); } .showcase-btn-outline { display: inline-block; background: transparent; color: #e05a87; border: 2px solid #e05a87; padding: 0.6rem 1.4rem; border-radius: 50px; text-decoration: none; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; transition: all 0.22s; } .showcase-btn-outline:hover { background: #e05a87; color: white; transform: translateY(-2px); } .showcase-btn-light { display: inline-block; background: #e05a87; color: white; padding: 0.6rem 1.4rem; border-radius: 50px; text-decoration: none; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; transition: background 0.22s, transform 0.2s; box-shadow: 0 4px 16px rgba(224,90,135,0.3); } .showcase-btn-light:hover { background: #f4a7be; color: #2c1f28; transform: translateY(-2px); } @media (max-width: 900px) { .showcase-grid { grid-template-columns: 1fr; } .showcase-large { grid-column: span 1; flex-direction: column; } .showcase-large .showcase-emoji { font-size: 3.5rem; } }