*{margin:0;padding:0;box-sizing:border-box}
:root{
  --saffron:#D4722C;
  --deep-maroon:#6B1D3A;
  --cream:#FBF5EC;
  --ivory:#FFFDF7;
  --dark:#1C0F07;
  --text:#2A1A0E;
  --muted:#8A7560;
  --gold:#C9A24E;
  --rose:#E8B4B8;
  --card:#FFFEF9;
  --border:rgba(107,29,58,0.12);
  --silk:linear-gradient(135deg,#FBF5EC 0%,#F5EBD8 50%,#FBF5EC 100%);
}
body{font-family:'Cormorant Garamond',serif;background:var(--dark);color:var(--text)}

/* DECORATIVE PATTERN */
.paisley-bg{position:fixed;inset:0;opacity:0.03;pointer-events:none;z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5c-8 0-15 8-15 20s7 25 15 25 15-13 15-25S38 5 30 5zm0 5c5 0 10 7 10 15s-5 20-10 20-10-12-10-20 5-15 10-15z' fill='%23D4722C' fill-opacity='0.5'/%3E%3C/svg%3E");
}

/* NAV */
nav{position:fixed;top:0;width:100%;z-index:100;padding:0.75rem 2.5rem;display:flex;justify-content:space-between;align-items:center;background:rgba(28,15,7,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,162,78,0.15)}
.logo{font-family:'Playfair Display',serif;color:var(--gold);font-size:1.35rem;letter-spacing:3px;text-decoration:none;position:relative}
.logo::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.nav-links{display:flex;gap:2rem}
.nav-links a{color:rgba(251,245,236,0.55);text-decoration:none;font-family:'Outfit',sans-serif;font-size:0.78rem;letter-spacing:2px;text-transform:uppercase;transition:color 0.3s;font-weight:400}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}

/* HERO */
.hero{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 3rem;background:var(--dark);overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,rgba(212,114,44,0.08) 0%,transparent 70%)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,15,7,0.98) 0%,rgba(28,15,7,0.5) 40%,rgba(28,15,7,0.3) 100%)}
.hero-content{position:relative;z-index:2;max-width:800px}
.hero-mandala{width:80px;height:80px;margin:0 auto 1.5rem;opacity:0.6;animation:spin 30s linear infinite}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.hero-eyebrow{color:var(--gold);font-family:'Outfit',sans-serif;font-size:0.7rem;letter-spacing:6px;text-transform:uppercase;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}
.hero-eyebrow::before,.hero-eyebrow::after{content:'';width:40px;height:1px;background:var(--gold);opacity:0.4}
.hero-title{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,6vw,5rem);color:var(--cream);line-height:1.1;margin-bottom:1.5rem;font-weight:400}
.hero-title em{font-style:italic;color:var(--saffron)}
.hero-desc{color:rgba(251,245,236,0.45);font-family:'Outfit',sans-serif;font-size:0.95rem;max-width:520px;margin:0 auto 2.5rem;line-height:1.8;font-weight:300}
.hero-cta{display:inline-block;background:transparent;color:var(--gold);padding:0.9rem 2.5rem;border:1px solid var(--gold);border-radius:0;font-family:'Outfit',sans-serif;font-size:0.78rem;letter-spacing:3px;text-transform:uppercase;font-weight:400;text-decoration:none;transition:all 0.4s;position:relative;overflow:hidden}
.hero-cta::before{content:'';position:absolute;inset:0;background:var(--gold);transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);z-index:0}
.hero-cta:hover::before{transform:translateY(0)}
.hero-cta:hover{color:var(--dark)}
.hero-cta span{position:relative;z-index:1}
.scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0.5rem;color:rgba(251,245,236,0.25);font-family:'Outfit',sans-serif;font-size:0.65rem;letter-spacing:3px;z-index:2}
.scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,transparent,var(--saffron));animation:sa 2.5s ease-in-out infinite}
@keyframes sa{0%,100%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}

/* DIVIDER */
.ethnic-divider{height:60px;background:var(--cream);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ethnic-divider svg{opacity:0.15;width:100%;max-width:600px}

/* CATEGORIES */
.section{padding:6rem 3rem;background:var(--cream);position:relative}
.section::before{content:'';position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,rgba(212,114,44,0.03),transparent);pointer-events:none}
.section-header{text-align:center;margin-bottom:4rem}
.section-label{color:var(--saffron);font-family:'Outfit',sans-serif;font-size:0.7rem;letter-spacing:6px;text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}
.section-label::before,.section-label::after{content:'◆';font-size:0.4rem;color:var(--gold)}
.section-title{font-family:'Playfair Display',serif;font-size:2.8rem;color:var(--text);font-weight:400;font-style:italic}
.section-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--saffron),transparent);margin:1.25rem auto 0}
.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}
.cat-card{background:var(--card);border:1px solid var(--border);border-radius:0;overflow:hidden;text-decoration:none;color:inherit;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);position:relative;display:block}
.cat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--deep-maroon),var(--saffron),var(--gold));transform:scaleX(0);transition:transform 0.5s;transform-origin:left}
.cat-card:hover::before{transform:scaleX(1)}
.cat-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(107,29,58,0.12)}
.cat-img{height:200px;display:flex;align-items:center;justify-content:center;font-size:4.5rem;background:var(--silk);position:relative}
.cat-img::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(212,114,44,0.02) 10px,rgba(212,114,44,0.02) 20px)}
.cat-body{padding:1.5rem}
.cat-name{font-family:'Playfair Display',serif;font-size:1.3rem;margin-bottom:0.3rem;color:var(--text)}
.cat-count{color:var(--muted);font-family:'Outfit',sans-serif;font-size:0.75rem;letter-spacing:1px}
.cat-arrow{position:absolute;bottom:1.5rem;right:1.5rem;color:var(--saffron);font-size:1.2rem;opacity:0;transition:all 0.3s;transform:translateX(-5px)}
.cat-card:hover .cat-arrow{opacity:1;transform:translateX(0)}

/* PRODUCTS PAGE */
.products-page{padding-top:5rem;background:var(--cream);min-height:100vh}
.back-btn{display:inline-flex;align-items:center;gap:0.5rem;color:var(--saffron);text-decoration:none;font-family:'Outfit',sans-serif;font-size:0.8rem;letter-spacing:2px;text-transform:uppercase;margin:2rem 3rem;padding:0.5rem 0;transition:gap 0.2s}
.back-btn:hover{gap:0.75rem}
.products-header{padding:0 3rem 2rem;border-bottom:1px solid var(--border);margin-bottom:3rem}
.products-category{color:var(--saffron);font-family:'Outfit',sans-serif;font-size:0.7rem;letter-spacing:4px;text-transform:uppercase;margin-bottom:0.5rem}
.products-title{font-family:'Playfair Display',serif;font-size:2.4rem;color:var(--text);font-weight:400}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:0 3rem 5rem;max-width:1200px}
.product-card{background:var(--card);border:1px solid var(--border);overflow:hidden;transition:all 0.4s;position:relative}
.product-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--deep-maroon),var(--saffron));transform:scaleX(0);transition:transform 0.4s;transform-origin:left}
.product-card:hover{box-shadow:0 16px 40px rgba(107,29,58,0.1);transform:translateY(-3px)}
.product-card:hover::after{transform:scaleX(1)}
.product-img{height:240px;display:flex;align-items:center;justify-content:center;font-size:4.5rem;background:var(--silk);position:relative}
.product-badge{position:absolute;top:1rem;left:1rem;background:var(--deep-maroon);color:var(--cream);font-family:'Outfit',sans-serif;font-size:0.65rem;padding:0.3rem 0.8rem;font-weight:500;letter-spacing:2px;text-transform:uppercase}
.product-badge.oos{background:#C44536;color:#fff}
.product-body{padding:1.5rem}
.product-name{font-family:'Playfair Display',serif;font-size:1.15rem;color:var(--text);margin-bottom:0.4rem}
.product-desc{color:var(--muted);font-family:'Outfit',sans-serif;font-size:0.8rem;margin-bottom:1.2rem;line-height:1.6}
.product-footer{display:flex;justify-content:space-between;align-items:center}
.product-price{font-size:1.3rem;font-weight:600;color:var(--deep-maroon);font-family:'Outfit',sans-serif}
.product-btn{background:var(--dark);color:var(--gold);border:none;padding:0.55rem 1.2rem;font-family:'Outfit',sans-serif;font-size:0.72rem;cursor:pointer;letter-spacing:2px;text-decoration:none;transition:all 0.3s;display:inline-block;text-transform:uppercase}
.product-btn:hover{background:var(--saffron);color:#fff}

/* CONTACT */
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding-top:5rem}
.contact-img-side{background:linear-gradient(135deg,#2A1408,#1C0F07);display:flex;align-items:center;justify-content:center;font-size:8rem;position:relative;overflow:hidden}
.contact-img-side::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,rgba(212,114,44,0.1),transparent 60%)}
.contact-info-side{padding:4.5rem;background:var(--dark);display:flex;flex-direction:column;justify-content:center;position:relative}
.contact-info-side::before{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(201,162,78,0.05),transparent);pointer-events:none}
.contact-eyebrow{color:var(--gold);font-family:'Outfit',sans-serif;font-size:0.7rem;letter-spacing:6px;text-transform:uppercase;margin-bottom:1rem}
.contact-title{font-family:'Playfair Display',serif;font-size:2.5rem;color:var(--cream);margin-bottom:0.75rem;font-weight:400;font-style:italic}
.contact-subtitle{color:rgba(251,245,236,0.4);font-family:'Outfit',sans-serif;font-size:0.85rem;margin-bottom:3rem;font-weight:300;line-height:1.8}
.contact-item{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:1.75rem}
.contact-icon{width:44px;height:44px;background:rgba(212,114,44,0.08);border:1px solid rgba(212,114,44,0.2);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.contact-label{color:var(--gold);font-family:'Outfit',sans-serif;font-size:0.65rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:0.3rem}
.contact-value{color:var(--cream);font-family:'Outfit',sans-serif;font-size:0.88rem;font-weight:300}
.social-row{display:flex;gap:0.75rem;margin-top:2.5rem;flex-wrap:wrap}
.social-btn{padding:0.65rem 1.4rem;border:1px solid rgba(201,162,78,0.25);color:rgba(251,245,236,0.5);font-family:'Outfit',sans-serif;font-size:0.72rem;letter-spacing:2px;cursor:pointer;transition:all 0.3s;background:transparent;text-decoration:none;display:inline-block;text-transform:uppercase}
.social-btn:hover{border-color:var(--saffron);color:var(--saffron);background:rgba(212,114,44,0.05)}

/* FOOTER */
footer{background:var(--dark);color:rgba(251,245,236,0.25);text-align:center;padding:2.5rem;font-family:'Outfit',sans-serif;font-size:0.78rem;letter-spacing:1px;border-top:1px solid rgba(201,162,78,0.1)}

/* MOBILE */
@media(max-width:768px){
  .hero{padding:2rem 1.5rem}
  .section{padding:4rem 1.5rem}
  .products-grid{padding:0 1.5rem 3rem;grid-template-columns:1fr 1fr}
  .products-header{padding:0 1.5rem 1.5rem}
  .back-btn{margin:1.5rem}
  .contact-wrap{grid-template-columns:1fr}
  .contact-img-side{height:280px}
  .contact-info-side{padding:2.5rem 1.5rem}
  nav{padding:0.75rem 1.5rem}
  .hero-title{font-size:clamp(2rem,8vw,3.5rem)}
}
@media(max-width:480px){
  .products-grid{grid-template-columns:1fr}
  .categories-grid{grid-template-columns:1fr 1fr}
}