@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{--milk:#fbf5e9;--cream:#f1dfcb;--peach:#e6c8ae;--brown:#4a2d1e;--brown2:#6b4a35;--olive:#465426;--deep:#283616;--gold:#b58a4b;--line:#ddc8b3;--paper:#fffaf1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--milk);color:var(--brown);font-family:"DM Sans",sans-serif}.topbar{background:var(--deep);color:#f4e8d4;text-align:center;padding:8px;font-size:9px;letter-spacing:.18em}header{height:82px;padding:0 6vw;display:grid;grid-template-columns:140px 1fr 140px;align-items:center;background:#fbf5e9f2;backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;border-bottom:1px solid #eadbc9}.logo img{width:86px;height:68px;border-radius:50%;object-fit:cover}nav{display:flex;justify-content:center;gap:34px}nav a{text-decoration:none;color:var(--brown);font-size:12px}.bag{justify-self:end;border:1px solid var(--brown);background:none;border-radius:30px;padding:9px 13px;color:var(--brown);cursor:pointer}.bag span{background:var(--brown);color:white;border-radius:50%;padding:2px 7px}.hero{min-height:700px;background-image:url("assets/hero-rich.jpg");background-size:cover;background-position:center;position:relative;display:flex;align-items:center;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(49,30,19,.78) 0%,rgba(64,39,25,.58) 39%,rgba(64,39,25,.06) 72%)}.hero-copy{position:relative;z-index:2;color:#fff7ea;width:51%;padding:70px 0 60px 7vw}.mini{font-size:10px;letter-spacing:.22em;font-weight:600;color:#a98152}.hero-copy .mini{color:#e4caa8}.hero h1{font:600 clamp(58px,6vw,92px)/.88 "Cormorant Garamond",serif;margin:0}.hero h1 em{font-weight:500}.hand{font:italic 29px "Cormorant Garamond",serif;margin:14px 0;color:#f1d7b7;transform:rotate(-2deg);display:inline-block}.intro{max-width:520px;line-height:1.7;font-size:14px;color:#f1e6d9}.pill{display:inline-flex;gap:24px;align-items:center;justify-content:center;border:0;border-radius:99px;padding:14px 22px;background:var(--olive);color:white;text-decoration:none;font:600 11px "DM Sans";letter-spacing:.1em;cursor:pointer}.hero-points{display:flex;gap:40px;margin-top:42px}.hero-points span{font:28px "Cormorant Garamond";text-align:center}.hero-points small{font:9px/1.4 "DM Sans";letter-spacing:.12em;display:block;margin-top:4px}.hero-stamp{position:absolute;z-index:3;right:5vw;bottom:35px;width:125px;height:125px;border:1px solid #fff9;border-radius:50%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(7deg);background:#3c2a1b66;backdrop-filter:blur(5px)}.hero-stamp b{font:600 24px "Cormorant Garamond"}.hero-stamp span{font:italic 13px "Cormorant Garamond"}.quote-strip{background:#d9bea2;display:flex;justify-content:center;align-items:center;gap:20px;padding:24px}.quote-strip p{font:italic 22px "Cormorant Garamond";margin:0}.quote-strip span{font:36px "Cormorant Garamond"}.section{padding:95px 6vw}.flower-mark{text-align:center;font-size:27px;color:var(--gold)}.centered,.shop h2,.subtitle{text-align:center}.shop h2,.story h2,.coming h2,.contact h2,.modal h2{font-family:"Cormorant Garamond",serif}.shop h2{font-size:57px;margin:0}.subtitle{font:italic 18px "Cormorant Garamond";color:#806b5d}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.product{background:var(--paper);border-radius:20px;overflow:hidden;box-shadow:0 14px 35px #57331e18;border:1px solid #ead8c4;position:relative;transition:.25s}.product:before{content:"HANDMADE";position:absolute;z-index:2;top:14px;left:14px;background:#fff8;border-radius:20px;padding:6px 9px;font-size:8px;letter-spacing:.15em}.product:hover{transform:translateY(-6px);box-shadow:0 20px 45px #57331e29}.product-img{height:340px;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;transition:.4s}.product:hover img{transform:scale(1.035)}.product-info{text-align:center;padding:18px}.product-info h3{font:600 27px "Cormorant Garamond";margin:0}.product-info p{font:italic 14px "Cormorant Garamond";color:#806b5d;min-height:20px}.price{font:700 26px "Cormorant Garamond";margin:8px}.add{border:0;background:var(--olive);color:white;border-radius:30px;padding:10px 25px;font-size:10px;letter-spacing:.1em;cursor:pointer}.mood{padding:45px 6vw 95px}.mood-card{min-height:460px;border-radius:30px;overflow:hidden;background:#dbc0a5;display:grid;grid-template-columns:1.1fr .9fr;box-shadow:0 18px 50px #58391f18}.mood-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.mood-card>div{padding:70px 5vw;position:relative}.mood-card>div:after{content:"❧";position:absolute;right:35px;bottom:20px;font-size:100px;color:#a77e5530}.mood-card h2{font:600 52px/.95 "Cormorant Garamond";margin:0 0 20px}.mood-card p{font-size:13px;line-height:1.7;color:#6c5545}.mood-card a{color:var(--olive);font-size:11px;font-weight:600}.story{background:#f3e3d2;display:grid;grid-template-columns:38% 42% 20%;align-items:center;position:relative}.story-images{height:520px;position:relative}.arch{width:72%;height:82%;overflow:hidden;border-radius:50% 50% 5px 5px;box-shadow:0 15px 40px #55341f2b}.arch img{width:100%;height:100%;object-fit:cover}.polaroid{position:absolute;width:45%;right:3%;bottom:2%;background:white;padding:9px 9px 22px;transform:rotate(7deg);box-shadow:0 12px 30px #57331e2c}.polaroid img{width:100%;aspect-ratio:1;object-fit:cover}.polaroid span{font:italic 15px "Cormorant Garamond";display:block;text-align:center;margin-top:5px}.leaf{position:absolute;right:0;top:0;font-size:90px;color:#8c765e55}.story-text{padding:30px 4vw}.story-text h2{font-size:55px;margin:0}.story-text>p{font-size:13px;line-height:1.8;color:#735e4f}.outline{display:inline-block;border:1px solid var(--olive);border-radius:30px;padding:11px 16px;color:var(--olive);text-decoration:none;font-size:10px;font-weight:600}.values{display:grid;gap:24px}.values div{text-align:center;border-bottom:1px solid #cdb49c;padding:14px}.values div:first-letter{font-size:24px}.values b,.values small{display:block}.values b{font:600 17px "Cormorant Garamond"}.values small{font-size:9px;color:#806b5d}.coming{background:var(--deep);color:#f8eddd;padding:75px 9vw;display:grid;grid-template-columns:120px 1fr 120px;align-items:center}.coming .mini{color:#c9aa79}.coming h2{font-size:55px;line-height:.95;margin:0}.coming p:last-child{color:#d3c9ba;font-size:13px;line-height:1.7}.botanical,.spark{font-size:90px;color:#b79a6755}.spark{text-align:right}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact h2{font-size:60px;line-height:.9;margin:0}.dark{color:#8b674d}.contact-card{border-top:1px solid var(--line)}.contact-card label{display:block;font-size:9px;letter-spacing:.17em;color:#8c7565;margin-top:22px}.contact-card a{display:block;font:600 27px "Cormorant Garamond";color:var(--brown);text-decoration:none;padding:5px 0 17px;border-bottom:1px solid var(--line)}.contact-card p{font-size:11px;color:#806b5d;line-height:1.6}footer{background:#263414;color:#f2eadc;padding:35px 6vw;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:30px}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo img{width:70px;height:70px;border-radius:50%;object-fit:cover}.footer-logo span,.insta span{font-size:9px;color:#c8c1b3}.links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.links a,.links button{border:0;background:none;color:#eee6d8;text-decoration:none;font-size:10px;cursor:pointer}.insta{text-align:right;display:flex;flex-direction:column;font-size:11px}.shade{position:fixed;inset:0;background:#21150db3;z-index:40;display:none}.shade.show{display:block}.drawer{position:fixed;z-index:50;top:0;right:-450px;width:min(450px,100%);height:100%;background:var(--milk);padding:28px;display:flex;flex-direction:column;transition:.3s}.drawer.open{right:0}.drawer-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-title h3{font:600 38px "Cormorant Garamond";margin:0 0 15px}.drawer-title button,.x{border:0;background:none;font-size:30px;cursor:pointer}.items{flex:1;overflow:auto}.item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.item img{width:70px;height:70px;object-fit:cover;border-radius:10px}.item h4{font:600 18px "Cormorant Garamond";margin:0}.item p{font-size:10px;color:#806b5d}.remove{border:0;background:none;text-decoration:underline;color:#806b5d;font-size:9px;cursor:pointer}.drawer-bottom{border-top:1px solid var(--line);padding-top:17px}.total{display:flex;justify-content:space-between;font:600 25px "Cormorant Garamond"}.full{width:100%;margin-top:12px}.drawer-bottom small,.note{display:block;font-size:9px;line-height:1.5;color:#806b5d;margin-top:10px}.modal{position:fixed;z-index:60;left:50%;top:50%;transform:translate(-50%,-50%);width:min(670px,92vw);max-height:88vh;overflow:auto;background:var(--milk);padding:38px;border-radius:25px;display:none;box-shadow:0 30px 80px #0004}.modal.show{display:block}.modal .x{position:absolute;right:18px;top:12px}.modal h2{font-size:50px;margin:0}.modal>p{color:#806b5d}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal input,.modal textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;background:white;margin:5px 0;font:12px "DM Sans"}.modal textarea{min-height:110px}.policy{line-height:1.7}.policy h3{font:600 25px "Cormorant Garamond"}.policy p{font-size:13px;color:#806b5d}
@media(max-width:950px){header{grid-template-columns:100px 1fr 100px}.hero-copy{width:65%}.products{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr 1fr}.values{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1fr}.links{justify-content:flex-start}.insta{text-align:left}.mood-card{grid-template-columns:1fr 1fr}}
@media(max-width:620px){header{height:70px;grid-template-columns:1fr auto;padding:0 4vw}header nav{display:none}.logo img{width:67px;height:53px}.hero{min-height:650px;background-position:61% center}.hero-overlay{background:linear-gradient(90deg,rgba(45,27,17,.88),rgba(54,32,20,.58) 70%,rgba(54,32,20,.22))}.hero-copy{width:90%;padding:60px 6vw}.hero h1{font-size:54px}.hero-points{gap:20px}.hero-stamp{width:95px;height:95px;right:4vw}.quote-strip p{font-size:18px}.section{padding:65px 5vw}.products{gap:10px}.product-img{height:220px}.product-info{padding:12px 7px}.product-info h3{font-size:21px}.product-info p{font-size:11px;min-height:28px}.price{font-size:22px}.mood{padding:15px 5vw 65px}.mood-card{grid-template-columns:1fr}.mood-card img{height:330px}.mood-card>div{padding:45px 7vw}.mood-card h2{font-size:43px}.story{grid-template-columns:1fr}.story-images{height:410px}.story-text{padding:40px 7vw}.values{grid-template-columns:1fr 1fr;padding:0 20px 35px}.coming{grid-template-columns:1fr;padding:60px 7vw}.botanical,.spark{display:none}.coming h2{font-size:44px}.contact{grid-template-columns:1fr;gap:30px}.contact h2{font-size:50px}.two{grid-template-columns:1fr}}

/* V4 product browsing */
.simple-product{cursor:pointer}
.simple-product .product-img{height:390px;background:#f3e6d8;padding:18px}
.simple-product .product-img img{object-fit:contain;border-radius:14px}
.simple-product .product-info{padding:18px 12px 22px}
.simple-product .view{display:block;margin-top:8px;font-size:9px;letter-spacing:.15em;color:var(--olive);font-weight:600}
.product-modal{width:min(900px,94vw);padding:24px}
.detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.detail-photo{height:560px;border-radius:22px;overflow:hidden;background:#f1e1d1;padding:20px}
.detail-photo img{width:100%;height:100%;object-fit:contain;border-radius:16px}
.detail-copy{padding:20px 20px 20px 0}
.detail-copy h2{font:600 52px/.95 "Cormorant Garamond",serif;margin:4px 0 18px}
.detail-desc{font-size:13px;line-height:1.8;color:#735e4f}
.detail-price{font:700 36px "Cormorant Garamond",serif;margin:20px 0 10px;color:var(--brown)}
.tiny{font-size:9px;line-height:1.6;color:#8b7565;margin-top:15px}
@media(max-width:620px){
 .simple-product .product-img{height:260px;padding:10px}
 .product-modal{padding:18px;max-height:92vh}
 .detail-grid{grid-template-columns:1fr;gap:12px}
 .detail-photo{height:350px;padding:12px}
 .detail-copy{padding:4px 4px 10px}
 .detail-copy h2{font-size:39px;margin-bottom:10px}
 .detail-desc{font-size:12px;line-height:1.65}
 .detail-price{font-size:31px;margin:12px 0 6px}
}

.confirm-inner{text-align:center;padding:15px}
.confirm-icon{width:70px;height:70px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;font:40px "Cormorant Garamond";color:var(--gold)}
.confirm-box{background:#f1e1d1;border-radius:18px;padding:20px;margin:20px 0;text-align:left}
.confirm-box b,.confirm-box span{display:block}.confirm-box b{font:600 22px "Cormorant Garamond";margin-bottom:7px}.confirm-box span{font-size:11px;line-height:1.7;color:#735e4f}

/* V6 visibility fix — no cropped candle or disappearing text */
.mood-card{grid-template-columns:1fr 1fr;min-height:0;overflow:visible}
.mood-card img{width:100%;height:auto;min-height:0;aspect-ratio:1/1;object-fit:contain;background:#ead6c1;display:block}
.mood-card>div{padding:55px 5vw;overflow:visible}
.mood-card h2,.mood-card p,.mood-card a{position:relative;z-index:2}
.story{overflow:visible}
.story-images{overflow:visible}
.arch{height:auto;aspect-ratio:4/5;background:#ead6c1}
.arch img{object-fit:contain;background:#ead6c1}
.polaroid img{object-fit:contain;background:#f2e3d3}
.coming,.contact,footer{overflow:visible}

@media(max-width:620px){
  .mood{padding:25px 5vw 65px}
  .mood-card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden}
  .mood-card img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
  .mood-card>div{padding:36px 24px 44px;min-height:auto}
  .mood-card h2{font-size:39px;line-height:1.02;margin:0 0 16px;overflow:visible}
  .mood-card p{font-size:12px;line-height:1.7;overflow:visible}
  .mood-card a{display:inline-block;margin-top:8px}
  .mood-card>div:after{font-size:70px;right:10px;bottom:0}
  .story{display:block}
  .story-images{height:auto;padding:20px 20px 10px}
  .arch{width:78%;height:auto;aspect-ratio:4/5}
  .arch img{width:100%;height:100%;object-fit:contain}
  .polaroid{width:38%;right:5%;bottom:0}
  .story-text{padding:42px 7vw}
  .story-text h2{font-size:44px;line-height:1}
  .story-text p{overflow:visible}
  .coming h2,.contact h2{overflow:visible}
}

/* V7 cart quantity controls */
.item{grid-template-columns:70px 1fr auto}
.item-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.item-side b{font:600 18px "Cormorant Garamond",serif}
.qty-control{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff;margin-top:7px}
.qty-control button{width:34px;height:32px;border:0;background:transparent;color:var(--brown);font-size:20px;line-height:1;cursor:pointer}
.qty-control button:active{background:#efe1d1}
.qty-control span{min-width:34px;text-align:center;font-size:12px;font-weight:600}
@media(max-width:420px){
 .drawer{padding:20px}
 .item{grid-template-columns:58px 1fr auto;gap:9px}
 .item img{width:58px;height:58px}
 .qty-control button{width:31px;height:30px}
 .qty-control span{min-width:28px}
 .item-side b{font-size:16px}
}

/* V8 — compact product cards; original candle images/colors unchanged */
.products{align-items:stretch}
.simple-product{
  border-radius:18px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fffaf1;
}
.simple-product:before{
  top:10px;left:10px;
  padding:5px 8px;
  font-size:7px;
}
.simple-product .product-img{
  height:260px;
  padding:0;
  background:#efe1d3;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.simple-product .product-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0;
  transform:none !important;
}
.simple-product .product-info{
  padding:14px 10px 16px;
  min-height:100px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.simple-product .product-info h3{
  font-size:23px;
  line-height:1.05;
  margin:0;
}
.simple-product .view{margin-top:8px}

@media(max-width:620px){
  .products{grid-template-columns:1fr 1fr;gap:12px}
  .simple-product{border-radius:16px}
  .simple-product .product-img{
    height:auto;
    aspect-ratio:1/1;
    padding:0;
  }
  .simple-product .product-img img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .simple-product .product-info{
    min-height:88px;
    padding:12px 7px 14px;
  }
  .simple-product .product-info h3{
    font-size:19px;
    line-height:1.05;
  }
  .simple-product .view{
    font-size:8px;
    margin-top:7px;
  }
}

/* V11 — full product photo + fully visible wording */
.simple-product{
  overflow:visible;
  height:auto;
}
.simple-product .product-img{
  width:100%;
  height:auto !important;
  aspect-ratio:auto !important;
  padding:10px;
  background:#efe1d3;
  overflow:visible;
}
.simple-product .product-img img{
  display:block;
  width:100%;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center;
  border-radius:12px;
}
.simple-product .product-info{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  padding:15px 10px 18px;
}
.simple-product .product-info h3,
.simple-product .view{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  max-width:100%;
  word-break:normal;
}
.simple-product .product-info h3{
  line-height:1.15;
}
.simple-product .view{
  line-height:1.5;
}

@media(max-width:620px){
  .products{
    grid-template-columns:1fr 1fr;
    align-items:start;
  }
  .simple-product .product-img{
    height:auto !important;
    aspect-ratio:auto !important;
    padding:7px;
  }
  .simple-product .product-img img{
    width:100%;
    height:auto !important;
    object-fit:contain !important;
  }
  .simple-product .product-info{
    min-height:0 !important;
    height:auto !important;
    padding:12px 6px 15px;
  }
  .simple-product .product-info h3{
    font-size:18px;
    line-height:1.18;
  }
  .simple-product .view{
    font-size:8px;
    line-height:1.45;
    letter-spacing:.11em;
  }
}