/* ═══════════════════════════════
   INDEX.CSS  –  Homepage
═══════════════════════════════ */
:root {
  --white:#fff; --blush:#FDF0F0; --rose-light:#F8E4E4;
  --rose:#E8C5C5; --rose-deep:#C9938A;
  --gold:#C9A96E; --gold-dark:#A8823F;
  --charcoal:#2C2C2C; --grey-dark:#555; --grey:#888;
  --sh-sm:0 2px 12px rgba(201,147,138,.12);
  --sh-md:0 6px 28px rgba(201,147,138,.18);
  --r:14px; --r-sm:8px; --ease:.25s cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Lato',sans-serif;background:var(--white);color:var(--charcoal);line-height:1.65;overflow-x:hidden;}
img,svg{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;border:none;background:none;font-family:inherit;}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;line-height:1.25;}
h1{font-size:clamp(2.2rem,5vw,3.6rem);}
h2{font-size:clamp(1.8rem,3.5vw,2.6rem);}

/* HEADER */
#site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--rose-light);box-shadow:0 2px 16px rgba(201,147,138,.08);}
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.9rem 2rem;gap:1rem;}
.logo{display:flex;align-items:center;gap:.75rem;}
.logo-icon{font-size:1.4rem;color:var(--gold);}
.logo-name{display:block;font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:700;color:var(--charcoal);line-height:1.1;}
.logo-tagline{display:block;font-size:.72rem;color:var(--grey);letter-spacing:.08em;text-transform:uppercase;}
nav{display:flex;gap:2rem;}
nav a{font-size:.9rem;font-weight:700;color:var(--grey-dark);letter-spacing:.03em;transition:color var(--ease);}
nav a:hover{color:var(--rose-deep);}
.nav-wa{display:flex;align-items:center;gap:.45rem;padding:.52rem 1.1rem;border:2px solid #25D366;color:#25D366;border-radius:50px;font-size:.83rem;font-weight:700;transition:var(--ease);}
.nav-wa:hover{background:#25D366;color:#fff;}

/* HERO */
.hero{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:6rem 2rem 5rem;}
.hero-pre{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:.8rem;}
.hero h1 em{font-style:italic;color:var(--rose-deep);}
.hero h1{margin-bottom:1.2rem;}
.hero-sub{font-size:1.05rem;color:var(--grey-dark);max-width:420px;margin-bottom:2rem;font-weight:300;}
.btn-primary{display:inline-block;padding:.82rem 2rem;background:linear-gradient(135deg,var(--rose-deep),#B8726A);color:#fff;border-radius:50px;font-size:.95rem;font-weight:700;letter-spacing:.04em;transition:var(--ease);box-shadow:0 4px 18px rgba(201,147,138,.35);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(201,147,138,.45);}
.hero-art{display:flex;justify-content:center;}
.hero-svg{width:100%;max-width:400px;filter:drop-shadow(0 12px 32px rgba(201,147,138,.2));}

/* MARQUEE */
.marquee-strip{background:linear-gradient(135deg,var(--charcoal),#444);padding:.85rem 0;overflow:hidden;white-space:nowrap;}
.marquee-inner{display:inline-block;animation:marquee 28s linear infinite;}
.marquee-inner span{display:inline-block;margin:0 2.5rem;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rose);}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* SECTIONS */
.section-header{text-align:center;margin-bottom:3.5rem;}
.section-pre{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:.6rem;}
.section-sub{color:var(--grey);margin-top:.6rem;font-size:1rem;}

/* PRODUCTS */
.products-section{max-width:1200px;margin:0 auto;padding:6rem 2rem;}
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:2rem;}

/* PRODUCT CARD */
.product-card{background:var(--white);border-radius:var(--r);border:1px solid var(--rose-light);box-shadow:var(--sh-sm);overflow:hidden;transition:var(--ease);}
.product-card:hover{transform:translateY(-6px);box-shadow:var(--sh-md);border-color:var(--rose);}
.card-img-wrap{position:relative;background:var(--blush);overflow:hidden;}
.product-img{width:100%;height:230px;display:flex;align-items:center;justify-content:center;padding:1rem;transition:transform .4s ease;}
.product-img svg{height:100%;width:auto;}
.card-img-wrap:hover .product-img{transform:scale(1.04);}
.badge-bestseller{position:absolute;top:12px;left:12px;z-index:2;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;padding:.3rem .8rem;border-radius:50px;font-size:.72rem;font-weight:700;letter-spacing:.05em;}
.card-info{padding:1.4rem;}
.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;}
.card-top h3{font-size:1.1rem;}
.rating-row{display:flex;align-items:center;gap:.35rem;white-space:nowrap;}
.stars{color:var(--gold);font-size:.9rem;letter-spacing:1px;}
.review-count{font-size:.72rem;color:var(--grey);}
.card-desc{font-size:.88rem;color:var(--grey-dark);margin-bottom:.9rem;line-height:1.6;}
.card-sizes{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.78rem;color:var(--grey);}
.size-pill{padding:.22rem .65rem;border-radius:50px;background:var(--blush);border:1px solid var(--rose);color:var(--rose-deep);font-size:.75rem;font-weight:700;}
.card-footer{display:flex;align-items:center;justify-content:space-between;}
.price-range{font-size:1.1rem;font-weight:700;color:var(--rose-deep);font-family:'Playfair Display',serif;}
.btn-view{padding:.6rem 1.3rem;background:var(--charcoal);color:#fff;border-radius:50px;font-size:.85rem;font-weight:700;transition:var(--ease);display:inline-block;}
.btn-view:hover{background:var(--rose-deep);}

/* WHY US */
.why-section{background:var(--blush);padding:6rem 2rem;}
.why-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;}
.why-card{background:var(--white);border-radius:var(--r);padding:2rem 1.5rem;text-align:center;border:1px solid var(--rose-light);box-shadow:var(--sh-sm);transition:var(--ease);}
.why-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);}
.why-icon{font-size:2.2rem;margin-bottom:.8rem;}
.why-card h4{font-family:'Lato',sans-serif;margin-bottom:.5rem;}
.why-card p{font-size:.88rem;color:var(--grey-dark);}

/* CONTACT */
.contact-section{padding:6rem 2rem;}
.contact-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.contact-text h2{margin-bottom:1rem;}
.contact-text p{color:var(--grey-dark);margin-bottom:1.8rem;font-size:.95rem;}
.contact-text .section-pre{display:block;}
.btn-whatsapp{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 2rem;background:#25D366;color:#fff;border-radius:50px;font-weight:700;font-size:.95rem;transition:var(--ease);}
.btn-whatsapp:hover{background:#1ebe5b;transform:translateY(-2px);}
.contact-form-wrap{background:var(--blush);border-radius:var(--r);padding:2rem;border:1px solid var(--rose-light);}
.contact-form h4{font-family:'Playfair Display',serif;margin-bottom:1.2rem;font-size:1.1rem;}
.contact-form input,
.contact-form select,
.contact-form textarea{display:block;width:100%;padding:.7rem 1rem;margin-bottom:.9rem;border-radius:var(--r-sm);border:1.5px solid var(--rose);background:#fff;font-family:'Lato',sans-serif;font-size:.9rem;color:var(--charcoal);outline:none;transition:border-color var(--ease);}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--rose-deep);}
.contact-form textarea{resize:vertical;}
.contact-form .btn-primary{width:100%;border:none;cursor:pointer;}

/* FOOTER */
footer{background:var(--charcoal);color:#ccc;padding:2.5rem 2rem;}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.footer-brand{display:flex;align-items:center;gap:.7rem;}
.footer-brand .logo-name{color:#F8E4E4;font-size:1.1rem;}
.footer-brand .logo-tagline{color:#888;}
.footer-brand .logo-icon{color:var(--gold);}
.footer-copy{font-size:.82rem;}
.footer-links{display:flex;gap:1.5rem;}
.footer-links a{font-size:.85rem;color:#aaa;transition:color var(--ease);}
.footer-links a:hover{color:var(--rose);}

/* TOAST */
.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(80px);background:var(--charcoal);color:#fff;padding:.75rem 2rem;border-radius:50px;font-size:.88rem;font-weight:700;z-index:9999;opacity:0;transition:all .35s;pointer-events:none;white-space:nowrap;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

@media(max-width:900px){nav{display:none;}.contact-inner{grid-template-columns:1fr;gap:2.5rem;}}
@media(max-width:680px){.hero{grid-template-columns:1fr;padding:3rem 1.2rem;text-align:center;}.hero-art{display:none;}.hero-sub{max-width:100%;}.products-section,.why-section,.contact-section{padding:4rem 1.2rem;}.header-inner{padding:.8rem 1.2rem;}.footer-inner{flex-direction:column;text-align:center;}}