:root{
  --deep:#2a2147;
  --deep2:#372b5f;
  --lav:#8c6db5;
  --lav2:#c7b4dc;
  --pink:#d99ab3;
  --cream:#fffaf4;
  --paper:#fffdf9;
  --text:#2d2940;
  --muted:#6f6877;
  --line:#e8dfe9;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Quicksand",sans-serif;
  color:var(--text);
  background:var(--paper);
  overflow-x:hidden;
}
img{display:block;max-width:100%}
button,a{font:inherit}
a{text-decoration:none;color:inherit}
.container{width:min(1200px,92%);margin:auto}

.top-banner{
  height:39px;
  display:grid;place-items:center;
  background:linear-gradient(90deg,#20172e,#30204a,#211832);
  color:#f6deef;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.22em;
}

.site-header{
  background:#fffdf9;
  border-bottom:1px solid #eee6ed;
  position:sticky;top:0;z-index:100;
}
.nav-wrap{
  height:105px;
  display:grid;
  grid-template-columns:1.2fr 1fr 1.2fr;
  align-items:center;
  gap:25px;
}
.logo{display:flex;align-items:center;gap:10px}
.logo-icon{font-size:2.2rem;color:var(--lav)}
.logo-text{position:relative;line-height:.9}
.logo-the{
  position:absolute;left:68px;top:-11px;
  font-family:"Patrick Hand",cursive;
  color:#7d63a1;font-size:1rem;
}
.logo-text strong{
  display:block;font-family:"Patrick Hand",cursive;
  font-size:1.8rem;font-weight:400;color:#3a2c57
}
.logo-text small{
  display:block;text-align:center;letter-spacing:.32em;
  font-size:.66rem;color:#6a567d;margin-top:3px
}
.logo-text em{
  display:block;font-style:normal;text-align:center;
  font-size:.43rem;letter-spacing:.2em;color:#ca88a3;margin-top:7px
}
.nav-links{display:flex;justify-content:center;gap:30px}
.nav-links a{
  font-size:.74rem;font-weight:700;letter-spacing:.12em;
  padding:10px 0;position:relative
}
.nav-links a.active::after,
.nav-links a:hover::after{
  content:"";position:absolute;left:0;right:0;bottom:2px;
  height:2px;background:#775aa2
}
.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px}
.instagram-link{font-size:.78rem;font-weight:600;display:flex;gap:7px;align-items:center}
.instagram-link::first-letter{font-size:1.2rem}
.cart-icon-btn{
  width:49px;height:49px;border:1px solid #bcb3c4;border-radius:50%;
  background:#fff;position:relative;cursor:pointer;font-size:1.15rem
}
.cart-icon-btn span{
  position:absolute;right:-5px;top:-8px;background:#2d2244;color:#fff;
  min-width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  font-size:.65rem
}
.menu-btn{display:none;background:none;border:0;font-size:1.5rem}

.hero{
  min-height:575px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 75% 35%,rgba(240,221,205,.42),transparent 34%),
    linear-gradient(90deg,#fffdf9 0%,#fffaf3 46%,#f5ebdf 100%);
}
.hero::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:180px;
  background:
    radial-gradient(circle at 20% 35%,rgba(181,139,190,.18),transparent 20%),
    linear-gradient(180deg,rgba(247,238,229,.6),rgba(255,255,255,0));
}
.hero-grid{
  min-height:575px;display:grid;
  grid-template-columns:1fr 1.35fr;gap:25px;align-items:center
}
.hero-copy{padding:35px 0 45px;position:relative;z-index:2}
.hero-doodle{position:absolute;left:-65px;top:95px;color:#bb93ac;font-size:1.4rem}
.hero h1{
  font-family:"Patrick Hand",cursive;
  font-weight:400;font-size:4.5rem;line-height:.92;color:#30234e;
  text-align:center
}
.hero h1 span{font-size:4.7rem}
.subtitle{
  text-align:center;font-size:.78rem;letter-spacing:.26em;
  font-weight:700;line-height:1.7;margin-top:20px;color:#403952
}
.tiny-heart{text-align:center;color:#c994b2;font-size:1.45rem;margin-top:8px}
.hero-quote{
  font-family:"Patrick Hand",cursive;
  text-align:center;font-size:1.2rem;color:#4f465a;margin-top:2px
}
.hero-quote strong{color:#e184a6;font-weight:400}
.hero-benefits{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:16px;margin-top:28px
}
.benefit{display:flex;align-items:center;gap:10px}
.benefit-icon{
  width:42px;height:42px;border-radius:50%;
  background:#eee5f4;color:#655084;display:grid;place-items:center;font-size:1.15rem
}
.benefit strong{display:block;font-family:"Patrick Hand",cursive;font-size:1rem;font-weight:400}
.benefit span{display:block;font-family:"Patrick Hand",cursive;font-size:.82rem;color:#655e6e}
.hero-buttons{display:flex;justify-content:center;gap:13px;margin-top:28px}
.primary-btn{
  border:0;background:var(--deep);color:#fff;
  border-radius:7px;padding:14px 24px;font-weight:700;letter-spacing:.04em;
  cursor:pointer;transition:.2s ease
}
.primary-btn:hover{background:#3b2c5e;transform:translateY(-1px)}
.secondary-btn{
  border:1px solid #685581;color:#4d3d67;border-radius:7px;
  padding:13px 28px;font-weight:700;font-size:.78rem;letter-spacing:.09em
}

.hero-product{position:relative;min-height:535px;display:flex;align-items:flex-end;justify-content:center}
.book-stage{
  display:flex;align-items:flex-end;justify-content:center;gap:9px;
  width:100%;position:relative;z-index:2
}
.book-card{
  background:#fff;padding:5px;
  box-shadow:0 18px 38px rgba(43,32,52,.22);
  border-radius:3px;overflow:hidden
}
.front-book{width:310px;transform:perspective(1000px) rotateY(-5deg)}
.back-book{width:295px;transform:perspective(1000px) rotateY(6deg)}
.book-card img{width:100%;height:430px;object-fit:cover}
.price-badge{
  position:absolute;right:4%;top:62px;z-index:5;
  width:112px;height:112px;border-radius:50%;
  background:#fffdfa;border:6px dashed #f7f1ed;
  box-shadow:0 8px 18px rgba(79,61,80,.1);
  display:grid;place-items:center;text-align:center
}
.price-badge span{font-size:.63rem;letter-spacing:.18em;color:#a06f80;line-height:1.4}
.price-badge strong{display:block;font-family:"Patrick Hand",cursive;font-size:1.55rem;color:#d57e9e}
.lavender{position:absolute;color:#9072aa;font-size:4.7rem;opacity:.72}
.sprig-one{right:-35px;bottom:10px;transform:rotate(-30deg)}
.sprig-two{left:10px;bottom:20px;transform:rotate(145deg)}

.feature-strip{background:linear-gradient(90deg,#f3ecf8,#f8f1f8,#eee6f5);border-block:1px solid #e7dce9}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.strip-item{
  min-height:95px;display:flex;align-items:center;justify-content:center;gap:17px;
  border-right:1px dashed #d6c7dc
}
.strip-item:last-child{border-right:0}
.strip-item>span{font-size:2rem;color:#7f5faa}
.strip-item strong,.strip-item small{display:block}
.strip-item strong{font-family:"Patrick Hand",cursive;font-size:1rem;font-weight:400}
.strip-item small{font-family:"Patrick Hand",cursive;font-size:.88rem}

.peek-section{
  position:relative;padding:50px 0 65px;overflow:hidden;
  background:
    radial-gradient(circle at 15% 20%,rgba(224,205,228,.2),transparent 18%),
    #fffdfa
}
.peek-grid{
  display:grid;grid-template-columns:.95fr 1.15fr 1.1fr;gap:35px;align-items:center
}
.peek-copy{text-align:center;position:relative}
.floral-doodle{font-size:4rem;color:#a981ad;transform:rotate(-25deg);margin-bottom:8px}
.peek-copy h2{
  font-family:"Patrick Hand",cursive;font-size:2.55rem;color:#3a2d56;font-weight:400
}
.heart-line{font-family:"Patrick Hand",cursive;color:#d49aad;margin:5px 0 18px}
.peek-copy p{font-family:"Patrick Hand",cursive;font-size:1rem;color:#5f5666}
.peek-images{display:flex;align-items:center;justify-content:center;gap:18px}
.small-cover{
  width:170px;background:#fff;padding:7px 7px 10px;
  box-shadow:0 10px 24px rgba(50,39,59,.16);position:relative
}
.small-cover img{height:240px;object-fit:cover}
.tape{
  position:absolute;top:-11px;left:26px;width:68px;height:22px;
  background:#d8cad9;opacity:.8;transform:rotate(-8deg)
}
.inside-sheet{
  width:315px;background:#fff;padding:6px;
  box-shadow:0 10px 24px rgba(50,39,59,.16)
}
.inside-sheet img{height:250px;width:100%;object-fit:cover}
.product-info h3{
  font-family:"Patrick Hand",cursive;font-size:2rem;font-weight:400;color:#30244b
}
.product-type{font-size:.68rem;letter-spacing:.24em;color:#cd7898;margin-top:2px}
.price{font-family:"Patrick Hand",cursive;font-size:1.7rem;margin:7px 0}
.product-desc{font-size:.84rem;line-height:1.55;color:#5f5665}
.product-info ul{list-style:none;margin:15px 0 20px}
.product-info li{font-family:"Patrick Hand",cursive;font-size:.94rem;margin:7px 0;color:#54495f}
.purchase-row{display:flex;gap:10px;align-items:center}
.qty-box{
  height:48px;display:flex;align-items:center;border:1px solid #c7b8cd;border-radius:7px;overflow:hidden
}
.qty-box button{width:36px;height:100%;border:0;background:#fff;cursor:pointer;font-size:1.05rem}
.qty-box span{width:34px;text-align:center;font-weight:700}
.add-btn{flex:1}

.about-section{padding:85px 0;background:#f5edf6}
.about-card{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
  background:#fffdfb;border:1px solid #e6dce6;border-radius:24px;padding:55px
}
.eyebrow{font-size:.7rem;letter-spacing:.2em;color:#a06e90;font-weight:700}
.about-card h2{
  font-family:"Patrick Hand",cursive;font-size:3.3rem;font-weight:400;line-height:1
}
.about-card>p{color:#665c6d;line-height:1.8}

.contact-section{padding:70px 0;background:#2b2247;color:#fff;text-align:center}
.contact-inner>span{font-size:2.8rem;color:#c7b1dc}
.contact-inner h2{font-family:"Patrick Hand",cursive;font-size:3rem;font-weight:400}
.contact-inner a{display:inline-block;margin-top:10px;color:#e9cfe0;font-weight:700}

footer{background:#1f1932;color:#aaa0b6;padding:24px 0}
.footer-inner{display:flex;justify-content:space-between;font-size:.75rem}

.cart-overlay,.checkout-modal{
  position:fixed;inset:0;background:rgba(25,19,35,.48);z-index:250;
  opacity:0;visibility:hidden;transition:.25s ease;backdrop-filter:blur(3px)
}
.cart-overlay.open,.checkout-modal.open{opacity:1;visibility:visible}
.cart-drawer{
  position:fixed;right:0;top:0;bottom:0;width:min(460px,100%);z-index:260;
  background:#fffdfb;transform:translateX(103%);transition:.3s ease;padding:30px;overflow:auto;
  box-shadow:-25px 0 70px rgba(34,25,47,.2)
}
.cart-drawer.open{transform:translateX(0)}
.cart-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}
.cart-header p{font-size:.66rem;letter-spacing:.16em;color:#987a9e}
.cart-header h3{font-family:"Patrick Hand",cursive;font-size:2rem;font-weight:400}
.cart-header button,.close-modal{border:0;background:none;font-size:2rem;cursor:pointer;color:#7a6d80}
.cart-empty{text-align:center;padding:100px 0;color:#766a7e}
.cart-empty span{font-size:3rem;color:#9075a5}
.cart-item{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:24px 0}
.cart-item>img{width:90px;height:120px;object-fit:cover}
.cart-item-info small{font-size:.62rem;letter-spacing:.13em;color:#987a98}
.cart-item-info h4{font-family:"Patrick Hand",cursive;font-size:1.35rem;font-weight:400}
.cart-item-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.remove-btn{border:0;background:none;text-decoration:underline;color:#a56f87;margin-top:12px;cursor:pointer}
.cart-summary{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}
.cart-summary>div{display:flex;justify-content:space-between;padding:7px 0}
.cart-total{border-top:1px solid var(--line);margin-top:8px;padding-top:14px!important;font-size:1.15rem}
.full-btn{width:100%;margin-top:16px}

.checkout-modal{display:grid;place-items:center;padding:20px;z-index:300}
.checkout-card{
  width:min(520px,100%);background:#fffdfb;border-radius:22px;padding:38px;position:relative
}
.close-modal{position:absolute;right:20px;top:14px}
.checkout-card h3{font-family:"Patrick Hand",cursive;font-size:2.5rem;font-weight:400}
.checkout-copy{color:#756b79;margin:5px 0 20px}
#checkoutForm{display:grid;gap:14px}
#checkoutForm label{font-size:.78rem;font-weight:700;display:grid;gap:6px}
#checkoutForm input{padding:13px;border:1px solid #d5c8d8;border-radius:9px;outline:none}
.checkout-summary{display:flex;justify-content:space-between;background:#f5eef6;padding:14px;border-radius:10px;margin-top:5px}

.toast{
  position:fixed;right:22px;bottom:22px;background:#2b2243;color:#fff;
  padding:13px 17px;border-radius:9px;z-index:400;opacity:0;transform:translateY(10px);transition:.2s
}
.toast.show{opacity:1;transform:translateY(0)}

@media(max-width:1020px){
  .nav-wrap{grid-template-columns:1fr auto}.nav-links{display:none}.nav-actions{display:none}.menu-btn{display:block}
  .nav-links.open{display:flex;position:absolute;top:105px;left:0;right:0;background:#fffdf9;flex-direction:column;padding:22px 5%;z-index:20}
  .hero-grid{grid-template-columns:1fr}.hero-copy{padding-top:55px}.hero-product{min-height:500px}
  .peek-grid{grid-template-columns:1fr}.peek-images{order:2}.product-info{order:3;max-width:650px;margin:auto}.peek-copy{order:1}
  .about-card{grid-template-columns:1fr}
}
@media(max-width:700px){
  .top-banner{font-size:.58rem;height:34px}
  .nav-wrap{height:86px}.nav-links.open{top:86px}
  .logo-text strong{font-size:1.45rem}.logo-text em{display:none}
  .hero h1{font-size:3.7rem}.hero h1 span{font-size:3.9rem}
  .subtitle{font-size:.62rem}.hero-benefits{grid-template-columns:1fr}.hero-buttons{flex-direction:column}
  .book-stage{gap:4px}.front-book,.back-book{width:48%}.book-card img{height:310px}.price-badge{width:90px;height:90px;right:0;top:45px}
  .strip-grid{grid-template-columns:1fr 1fr}.strip-item{border-bottom:1px dashed #d6c7dc}
  .peek-images{flex-direction:column}.inside-sheet{width:min(92vw,380px)}.small-cover{width:190px}
  .purchase-row{flex-direction:column;align-items:stretch}.qty-box{justify-content:center}.add-btn{width:100%}
  .about-card{padding:36px 24px}.footer-inner{flex-direction:column;gap:8px}
}


/* =========================
   COMING SOON PRODUCTS
========================= */

.coming-section{
  padding:85px 0 95px;
  background:
    radial-gradient(circle at 15% 10%,rgba(202,181,218,.18),transparent 25%),
    linear-gradient(180deg,#fbf7fb,#f6eff8);
}
.coming-heading{
  max-width:720px;
  margin:0 auto 42px;
  text-align:center;
}
.coming-heading h2{
  font-family:"Patrick Hand",cursive;
  font-size:3.5rem;
  font-weight:400;
  color:#34264f;
}
.coming-heading>p:last-child{
  color:#6f6674;
  margin-top:8px;
}
.coming-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.coming-card{
  background:#fffdfa;
  border:1px solid #e5dae7;
  border-radius:19px;
  overflow:hidden;
  box-shadow:0 14px 35px rgba(56,42,65,.07);
}
.coming-art{
  min-height:290px;
  padding:34px 28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.coming-art::before,
.coming-art::after{
  content:"✦";
  position:absolute;
  color:rgba(255,255,255,.6);
  font-size:1.1rem;
}
.coming-art::before{left:28px;top:28px}
.coming-art::after{right:28px;bottom:28px}
.art-salah{background:linear-gradient(160deg,#41335e,#67527d);color:#fff}
.art-dua{background:linear-gradient(160deg,#e8d7e2,#cda8bc);color:#4e3850}
.art-salah-challenge{background:linear-gradient(160deg,#d9d0e8,#9c83b3);color:#fff}
.coming-icon{font-size:2.7rem;margin-bottom:16px}
.coming-art small{
  letter-spacing:.18em;
  font-size:.62rem;
  opacity:.75;
}
.coming-art strong{
  display:block;
  font-family:"Patrick Hand",cursive;
  font-size:2rem;
  line-height:1;
  font-weight:400;
  max-width:240px;
  margin-top:10px;
}
.coming-art em{
  font-style:normal;
  font-size:.66rem;
  letter-spacing:.1em;
  margin-top:15px;
  opacity:.78;
}
.coming-copy{padding:24px}
.coming-label{
  font-size:.62rem;
  letter-spacing:.16em;
  font-weight:700;
  color:#c67b9b;
}
.coming-copy h3{
  font-family:"Patrick Hand",cursive;
  font-size:1.75rem;
  font-weight:400;
  color:#34294c;
  line-height:1.05;
  margin:8px 0 10px;
}
.coming-copy p{
  color:#6d6472;
  font-size:.84rem;
  line-height:1.6;
  min-height:82px;
}
.notify-btn{
  width:100%;
  margin-top:18px;
  padding:13px 18px;
  border-radius:7px;
  border:1px solid #705a8d;
  background:#fff;
  color:#4d3a69;
  font-weight:700;
  cursor:pointer;
}
.notify-btn:hover{
  background:#f4edf7;
}

/* =========================
   WAITLIST
========================= */

.waitlist-modal{
  position:fixed;
  inset:0;
  z-index:310;
  background:rgba(27,20,38,.5);
  display:grid;
  place-items:center;
  padding:20px;
  opacity:0;
  visibility:hidden;
  transition:.25s ease;
  backdrop-filter:blur(4px);
}
.waitlist-modal.open{
  opacity:1;
  visibility:visible;
}
.waitlist-card{
  width:min(500px,100%);
  background:#fffdfb;
  border-radius:22px;
  padding:38px;
  position:relative;
  text-align:center;
  box-shadow:0 30px 80px rgba(35,27,45,.25);
}
.waitlist-moon{
  display:block;
  color:#8869a4;
  font-size:2.8rem;
  margin-bottom:3px;
}
.waitlist-card h3{
  font-family:"Patrick Hand",cursive;
  font-size:2.45rem;
  font-weight:400;
  color:#34264f;
}
.waitlist-copy{
  color:#746a78;
  margin:6px 0 22px;
}
#waitlistForm{
  display:grid;
  gap:13px;
  text-align:left;
}
#waitlistForm label{
  display:grid;
  gap:6px;
  font-size:.78rem;
  font-weight:700;
}
#waitlistForm input{
  padding:13px;
  border:1px solid #d5c8d8;
  border-radius:9px;
  outline:none;
}
#waitlistForm input:focus{border-color:#8e71a3}
.waitlist-note{
  text-align:center;
  color:#8a7f8d;
  font-size:.7rem;
}
.waitlist-success{
  padding:20px 0 5px;
}
.waitlist-success>div{
  font-size:3rem;
  color:#bf82a1;
}
.waitlist-success h4{
  font-family:"Patrick Hand",cursive;
  font-size:2rem;
  font-weight:400;
}
.waitlist-success p{color:#756b78}

@media(max-width:900px){
  .coming-grid{grid-template-columns:1fr}
  .coming-copy p{min-height:auto}
}


.amazon-availability {
  margin: 16px 0 12px;
  font-size: 0.95rem;
}
.amazon-availability a {
  font-weight: 700;
  text-decoration: underline;
  color: inherit;
}

/* Price survey shown after visitor reaches the bottom of the page */
.survey-modal{position:fixed;inset:0;background:rgba(31,20,38,.58);display:none;align-items:center;justify-content:center;padding:20px;z-index:1200}
.survey-modal.show{display:flex}
.survey-card{position:relative;width:min(470px,100%);background:#fffaf8;border:1px solid #e3d7e5;border-radius:22px;padding:30px;box-shadow:0 22px 70px rgba(39,22,48,.24);text-align:center}
.survey-card h3{font-family:"Patrick Hand",cursive;font-size:2rem;font-weight:400;margin:6px 0 8px}.survey-copy{color:#756b78;margin:0 0 20px}.survey-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0 20px}.survey-option{position:relative}.survey-option input{position:absolute;opacity:0}.survey-option span{display:block;padding:12px 7px;border:1px solid #d9cbdc;border-radius:10px;cursor:pointer;background:white}.survey-option input:checked+span{border-color:#6c4a82;background:#f2eaf5;font-weight:700}.survey-note{font-size:.72rem;color:#918594;margin-top:12px}.survey-success{padding:12px 0}.survey-success>div{font-size:2.6rem;color:#8e71a3}@media(max-width:480px){.survey-options{grid-template-columns:repeat(2,1fr)}.survey-card{padding:25px 18px}}

.survey-fieldset{border:0;padding:0;margin:0 0 18px;text-align:left}.survey-fieldset legend,.survey-country-label{font-weight:700;color:#4f3a59;margin-bottom:9px;display:block;font-size:.92rem}.format-options{grid-template-columns:repeat(3,1fr)}#surveyCountry{width:100%;padding:12px 13px;border:1px solid #d9cbdc;border-radius:10px;background:white;color:#4f4651;font-family:inherit;margin:0 0 18px}.survey-submit{margin-top:2px}@media(max-width:480px){.format-options{grid-template-columns:1fr}.survey-card{max-height:88vh;overflow:auto}}

/* Optional contact details + marketing consent in survey */
.survey-contact-block{margin:2px 0 18px;text-align:left;padding:15px;border:1px solid #eadfea;border-radius:12px;background:#fff}
.survey-contact-title{font-weight:700;color:#4f3a59;font-size:.92rem;margin:0 0 10px}
.survey-contact-title span{font-weight:500;color:#8a7f8d}
.survey-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.survey-contact-grid label{display:grid;gap:5px;font-size:.76rem;font-weight:700;color:#594b5d}
.survey-contact-grid input{width:100%;padding:11px 12px;border:1px solid #d9cbdc;border-radius:9px;font:inherit;outline:none;background:#fff}
.survey-contact-grid input:focus{border-color:#8e71a3}
.survey-phone{grid-column:1/-1}
.survey-consent{display:flex;align-items:flex-start;gap:9px;margin-top:12px;font-size:.72rem;line-height:1.45;color:#675d6b;cursor:pointer}
.survey-consent input{margin-top:3px;accent-color:#6c4a82;flex:0 0 auto}
.survey-privacy{font-size:.67rem;line-height:1.4;color:#928795;margin:8px 0 0}
@media(max-width:480px){.survey-contact-grid{grid-template-columns:1fr}.survey-phone{grid-column:auto}}