:root{
  --bg:#fbf7ef;
  --light:#f4efe6;
  --text:#1f1f1f;
  --gold:#C9A24D;
  --border:#d9d2c6;
  --ink:#2a2a2a;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;}

/* HEADER */
header{background:var(--bg);border-bottom:1px solid var(--border);position:sticky;height:64px;top:0;z-index:1001;transition:box-shadow .3s;}
header.scrolled{box-shadow:0 2px 10px rgba(0,0,0,.1);}
.nav{max-width:1200px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;}
.brand{display:flex;align-items:center;gap:14px;}
.brand img{height:34px;transition:transform .3s;}
.brand img:hover{transform:scale(1.05);}
.brand span{font-family:"Playfair Display",serif;font-size:1.45rem;color:var(--gold);}
.menu a{margin-left:32px;text-decoration:none;font-size:.85rem;letter-spacing:.15em;color:#2a2a2a;cursor:pointer;transition:color .3s;}
.menu a:hover{color:var(--gold);}

/* HERO */
.hero{
  height:60vh;
  min-height:420px;
  background:url("towelimage.png") center/cover no-repeat;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.3);
  transition:background .5s;
}
.hero:hover::before{background:rgba(0,0,0,.2);}
.hero > div{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  position:relative;
  z-index:1;
  animation:fadeInUp .8s ease;
}
.hero h1{margin-bottom:14px;font-size:3rem;}
.hero p{margin-bottom:26px;max-width:520px;}

@keyframes fadeInUp{
  from{opacity:0;transform:translateY(30px);}
  to{opacity:1;transform:translateY(0);}
}

.btn{
  padding:14px 42px;
  border:1px solid #fff;
  background:transparent;
  color:#fff;
  font-size:.85rem;
  letter-spacing:.15em;
  border-radius:999px;
  cursor:pointer;
  transition:all .3s;
}
.btn.dark{
  border:1px solid var(--ink);
  color:var(--ink);
  background:#fff;
}
.btn.dark:hover{background:var(--ink);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);}
.btn:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,255,255,.3);}

/* DARK ADD TO CART BUTTON */
.btn.add-cart{
  background:var(--ink);
  color:#fff;
  border:1px solid var(--ink);
}
.btn.add-cart:hover{
  background:#000;
  border-color:#000;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(0,0,0,.2);
}

/* SECTIONS */
.section{padding:80px 24px;}
.section.light{background:var(--light);}
.section-inner{max-width:1000px;margin:auto;}

/* WAITLIST */
#waitlist{text-align:center;}
.waitlist-form input{padding:14px;width:320px;max-width:90%;border:1px solid var(--border);border-radius:6px;transition:border .3s;}
.waitlist-form input:focus{outline:none;border-color:var(--gold);}
#waitlist .btn{
  background:transparent;
  color:var(--gold);
  border:1px solid var(--gold);
}
#waitlist .btn:hover{
  background:var(--gold);
  color:#fff;
}

/* FOOTER */
footer{border-top:1px solid var(--border);padding:80px 24px;}
.footer-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;}
footer a{font-size:.9rem;color:#555;text-decoration:none;cursor:pointer;position:relative;transition:color .25s;}
footer a:hover{color:var(--gold);}
footer a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:0;
  height:1px;
  background:var(--gold);
  transition:width .25s ease;
}
footer a:hover::after{width:100%;}
footer a:active{color:var(--gold);}
.social-icons{display:flex;gap:14px;margin-top:10px;}
.social-icons img{width:22px;opacity:.75;transition:all .3s;}
.social-icons a:hover img{opacity:1;transform:scale(1.2) rotate(5deg);}

/* DRAWER */
#drawer{
  position:fixed;
  top:64px;
  right:-420px;
  width:420px;
  height:calc(100vh - 64px);
  background:#fff;
  border-left:1px solid var(--border);
  padding:28px;
  transition: right .35s ease;
  z-index:1500;
  overflow-y:auto;
}
#drawer.open{right:0;}
.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}
.drawer-header h3{font-family:"Playfair Display",serif;}
.drawer-close{background:none;border:none;font-size:22px;cursor:pointer;transition:transform .3s;}
.drawer-close:hover{transform:rotate(90deg);}
.cart-row{display:flex;justify-content:space-between;margin-bottom:14px;align-items:center;}
.qty button{width:26px;height:26px;border:1px solid var(--border);background:none;cursor:pointer;transition:all .3s;}
.qty button:hover{background:var(--gold);color:#fff;border-color:var(--gold);}
.drawer-footer{background:#fff;padding-top:16px;border-top:1px solid var(--border);}
.price{margin:14px 0;font-weight:600;font-size:1rem;}
.price .mrp{text-decoration:line-through;color:#999;margin-right:8px;font-weight:400;}
.price .selling{color:var(--ink);font-weight:600;}

/* PRODUCT GRID */
#products{padding:55px 24px;background:#fff;}
#products h2{text-align:center;font-family:"Playfair Display",serif;margin-bottom:40px;}
.product-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.product-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:8px;
  padding:14px;
  position:relative;
  display:flex;
  flex-direction:column;
  transition:all .3s;
  cursor:pointer;
}
.product-card:hover{
  transform:translateY(-8px);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.product-badge{
  position:absolute;
  top:10px;
  left:10px;
  background:#e6b17e;
  color:#fff;
  font-size:11px;
  padding:4px 8px;
  border-radius:4px;
  animation:pulse 2s infinite;
}
@keyframes pulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.05);}
}
.product-thumb{
  background:var(--light);
  padding:16px;
  border-radius:6px;
  display:flex;
  justify-content:center;
  transition:background .3s;
}
.product-card:hover .product-thumb{background:#e8dfd0;}
.product-thumb img{max-width:150px;transition:transform .3s;}
.product-card:hover .product-thumb img{transform:scale(1.1);}
.product-body{margin-top:12px;display:flex;flex-direction:column;flex:1;}
.product-body h4{font-size:.95rem;font-weight:500;margin-bottom:6px;}
.rating{font-size:.75rem;margin-bottom:6px;}
.rating .star{color:#f4b400;}
.product-category{font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:#888;margin-bottom:4px;display:block;}
#products{text-align:center;}
#products h2{margin-bottom:6px;}
.product-subtitle{font-size:.85rem;font-weight:500;color:#666;letter-spacing:.12em;margin-bottom:40px;text-transform:uppercase;}
.discount-badge{background:#e53935;font-weight:600;}
#mainContent.hidden{display: none;}
.trust-bar{background:#f4efe6;padding:40px 20px;}
.trust-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.trust-item{font-size:0.9rem;color:#2a2a2a;transition:transform .3s;}
.trust-item:hover{transform:translateY(-5px);}
.trust-item strong{display:block;font-size:0.95rem;margin-bottom:4px;}
.stars{color:#C9A24D;font-size:1.1rem;letter-spacing:2px;margin-bottom:6px;}

/* PRODUCT DETAIL DRAWER */
.product-drawer{
  position: fixed;
  top: 64px;
  left: 0;
  width: 100%;
  height: calc(100vh - 64px);
  background: #fff;
  z-index: 1000;
  overflow-y: auto;
  display: none;
}
.product-drawer.open{display: block;animation:slideInLeft .4s ease;}
@keyframes slideInLeft{
  from{opacity:0;transform:translateX(-30px);}
  to{opacity:1;transform:translateX(0);}
}
.pd-close{position:absolute;top:20px;right:30px;font-size:24px;cursor:pointer;transition:transform .3s;}
.pd-close:hover{transform:rotate(90deg);}
.pd-content{max-width:1200px;margin:24px auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:0 24px 60px;overflow:visible;}
.pd-image{background:#f4efe6;padding:40px;border-radius:8px;position:relative;text-align:center;}
.pd-image img{max-width:300px;}
.pd-badge{position:absolute;top:16px;left:16px;background:#e6b17e;color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;}
.pd-info h2{font-family:"Playfair Display",serif;font-size:2rem;margin:8px 0;padding-bottom:20px;}
.pd-category{font-size:.7rem;letter-spacing:.18em;color:#777;}
.pd-rating{margin:14px 0;}
.pd-rating .star{color:#f4b400;}
.pd-price{margin:18px 0;font-size:1.4rem;}
.pd-off{color:#e53935;margin-right:10px;}
.pd-selling{font-weight:600;}
.pd-mrp{text-decoration:line-through;color:#999;font-size:1rem;margin-left:10px;}
.pd-qty{display:flex;gap:16px;align-items:center;margin:20px 0;}
.pd-qty button{width:36px;height:36px;transition:all .3s;}
.pd-qty button:hover{background:var(--gold);color:#fff;transform:scale(1.1);}
.pd-cart{width:100%;background:#111;color:#fff;padding:14px;font-size:.9rem;}
.pd-note{font-size:.8rem;color:#777;margin-top:8px;}
.pd-buy{width:100%;margin-top:10px;background:#fff;color:#111;border:1px solid #111;padding:14px;font-size:.9rem;}
.pd-buy:hover{background:#111;color:#fff;}
.pd-footer{margin-top:100px;border-top:1px solid var(--border);}
.pd-inclusions{margin-top:22px;padding-top:16px;border-top:1px solid #e6e0d6;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:0.85rem;color:#333;}
.pd-inc-item{display:flex;align-items:flex-start;gap:6px;line-height:1.4;}
.pd-inc-item::before{content:"✔";color:#C9A24D;font-size:0.8rem;margin-top:2px;}
.pd-eta{margin-top:14px;font-size:0.85rem;color:#555;display:flex;gap:16px;flex-wrap:wrap;}
.pd-eta span{display:flex;align-items:center;gap:6px;}
.pd-img-wrap{overflow:hidden;border-radius:8px;width:100%;height:450px;background:#f4efe6;display:flex;align-items:center;justify-content:center;}
.pd-img-wrap > img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .45s ease;cursor:zoom-in;}
.pd-img-wrap:hover > img{transform:scale(1.12);}
.img-magnifier-container{position:relative;width:100%;height:300px;background:#f4efe6;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;}
.img-magnifier-container img{max-width:100%;max-height:100%;object-fit:cover;}
.img-magnifier-lens{position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid #C9A24D;background-repeat:no-repeat;display:none;pointer-events:none;z-index:5;}
.pd-thumbs{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;}
.pd-thumbs img{width:62px;height:62px;object-fit:contain;border:1px solid #d9d2c6;border-radius:6px;background:#fff;cursor:pointer;padding:4px;transition:all .25s;}
.pd-thumbs img:hover{border-color:#C9A24D;transform:scale(1.1);}
.pd-thumbs img.active{border-color:#C9A24D;}
#cartCount{color: var(--gold);font-weight: 600;}
.pd-highlights{margin:26px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.pd-hl-item{background:#f4efe6;border-radius:10px;padding:16px 12px;text-align:center;transition:transform .3s;}
.pd-hl-item:hover{transform:translateY(-3px);}
.pd-hl-icon{font-size:22px;display:block;margin-bottom:8px;}
.pd-hl-item strong{font-size:.7rem;letter-spacing:.12em;color:#222;display:block;margin-bottom:4px;}
.pd-hl-item p{font-size:.7rem;color:#666;margin:0;line-height:1.4;}
.cart-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.cart-img{width:54px;height:54px;object-fit:contain;background:#f4efe6;border-radius:6px;padding:6px;}
.cart-info{flex:1;}
.cart-info strong{font-size:.85rem;display:block;}
.cart-price{font-size:.75rem;color:#666;}
#cartOverlay{position:fixed;top:64px;left:0;width:100%;height:calc(100vh - 64px);background:rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.3s;z-index:1400;}
#cartOverlay.active{opacity:1;pointer-events:auto;}
.pd-mobile-bar{display:none;}
.mobile-actions{display:none;gap:14px;}
.icon-btn{background:none;border:none;font-size:22px;cursor:pointer;transition:transform .3s;}
.icon-btn:hover{transform:scale(1.2);}
#mobileMenu{position:fixed;top:64px;left:0;width:100%;background:#fff;border-top:1px solid var(--border);display:none;flex-direction:column;z-index:2000;}
#mobileMenu a{padding:16px;border-bottom:1px solid var(--border);text-decoration:none;color:#111;font-size:.9rem;transition:background .3s;}
#mobileMenu a:hover{background:var(--light);}
.pd-trust-strip{display:flex;flex-wrap:wrap;gap:10px 16px;margin:14px 0;font-size:.75rem;color:#444;}
.pd-trust-strip span{display:flex;align-items:center;gap:4px;background:#f4efe6;padding:6px 10px;border-radius:6px;transition:transform .3s;}
.pd-trust-strip span:hover{transform:scale(1.05);}
.pd-policy{font-size:.72rem;color:#777;margin-top:10px;}
.cart-line{display:flex;justify-content:space-between;font-size:.85rem;margin-top:6px;}
.cart-total{display:flex;justify-content:space-between;font-weight:600;font-size:.95rem;margin-top:10px;}
.cart-savings{color:#2e7d32;font-size:.8rem;margin:6px 0;}
.checkout-trust{font-size:.7rem;color:#777;text-align:center;margin-top:10px;}
.pd-for{margin:22px 0;font-size:.8rem;color:#333;}
.pd-for strong{display:block;margin-bottom:6px;}
.pd-for ul{padding-left:16px;}
.pd-for li{margin-bottom:4px;}
.pd-how{font-size:.8rem;color:#444;margin-bottom:22px;}
.pd-how strong{display:block;margin-bottom:6px;}
.pd-how ol{padding-left:18px;}
.pd-how li{margin-bottom:4px;}
.pd-life{font-size:.75rem;color:#555;margin:10px 0;}
.cart-checkout-box{margin-top:18px;padding-top:16px;border-top:1px dashed #ddd;display:flex;flex-direction:column;gap:10px;}
.cart-primary-btn{width:100%;padding:16px;border:none;border-radius:12px;background:linear-gradient(135deg, #111, #2a2a2a);color:#fff;font-size:.9rem;letter-spacing:.12em;font-weight:500;cursor:pointer;transition:.3s ease;}
.cart-primary-btn:hover{transform:translateY(-1px);background:#000;box-shadow:0 4px 12px rgba(0,0,0,.3);}
.cart-whatsapp-btn{width:100%;padding:14px;border-radius:12px;background:#f4efe6;border:1px solid #111;color:#111;font-size:.8rem;letter-spacing:.12em;font-weight:500;cursor:pointer;transition:.3s ease;}
.cart-whatsapp-btn:hover{background:#111;color:#fff;}
.cart-phone-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #ddd;font-size:.8rem;letter-spacing:.05em;transition:border .3s;}
.cart-phone-input:focus{outline:none;border-color:#C9A24D;}
.cart-trust-strip{display:flex;justify-content:space-between;gap:8px;font-size:.7rem;color:#555;letter-spacing:.08em;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.cart-urgency{font-size:.75rem;color:#2e7d32;margin:8px 0 12px;}

/* RESPONSIVE */
@media(max-width:768px){
  .hero{height:50vh;min-height:340px;}
  .hero h1{font-size:2.1rem;}
  .trust-inner{grid-template-columns:1fr 1fr;}
  #drawer{width:100%;right:-100%;top:64px;height:calc(100vh - 64px);}
  #drawer.open{right:0;}
  .product-grid{grid-template-columns:repeat(2, 1fr);gap:12px;}
  .product-card{padding:10px;}
  .product-thumb{padding:10px;}
  .product-thumb img{max-width:110px;}
  .product-body h4{font-size:.8rem;margin-bottom:4px;}
  .product-category{font-size:.5rem;margin-bottom:2px;}
  .rating{font-size:.65rem;margin-bottom:4px;}
  .price{font-size:.75rem;margin-bottom:6px;}
  .btn.add-cart{padding:8px 0;font-size:.65rem;letter-spacing:.1em;}
  .desktop-menu{display:none;}
  .mobile-actions{display:flex;}
  .pd-content{display:flex;flex-direction:column;gap:28px;margin:20px auto;}
  .pd-left,.pd-info{position:static;}
  .img-magnifier-container{height:240px;}
  .pd-mobile-bar{display:flex;position:fixed;bottom:0;left:0;width:100%;gap:10px;padding:12px;background:#fff;border-top:1px solid #ddd;z-index:1000;}
  .pd-mobile-bar button{flex:1;padding:14px;font-size:.9rem;border-radius:6px;border:none;}
  .pd-mobile-bar button:first-child{background:#111;color:#fff;}
  .pd-mobile-bar button:last-child{background:#fff;border:1px solid #111;}
  .product-drawer{padding-bottom:90px;}
  .pd-highlights{grid-template-columns:1fr 1fr;}
  footer{padding:36px 16px;background:var(--bg);}
  .footer-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px 16px;}
  .footer-grid > div{padding:4px 0;}
  footer h4{font-size:.8rem;margin-bottom:6px;}
  footer p,footer a{font-size:.72rem;line-height:1.4;}
  .social-icons{gap:10px;margin-top:6px;}
  .social-icons img{width:18px;}
  .img-magnifier-container{height:300px;overflow:hidden;border-radius:12px;background:#f4efe6;}
  .img-magnifier-container img{width:100%;height:100%;padding:12px;object-fit:contain;}
}
@media(min-width:769px){
  .pd-content{display:grid;grid-template-columns: 1fr 1fr;align-items:start;gap:60px;}
  .pd-left{margin-top:0;padding-top:0;}
  .pd-info{padding-right:12px;}
}
html{-webkit-text-size-adjust:100%;}