/* =========================================================
   SHUBH MASALA — Design tokens
   Palette drawn from the spices themselves: chili maroon,
   turmeric, saffron gold, roasted-cardamom dark, cream.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --maroon:      #C41E24;
  --maroon-dark: #8C0F16;
  --saffron:     #E8A621;
  --saffron-lt:  #F6C858;
  --turmeric:    #D98A1D;
  --espresso:    #2A0D0D;
  --espresso-2:  #3A1210;
  --cream:       #FFFDF6;
  --cream-dim:   #FBF1DC;
  --ink:         #2A1006;
  --muted:       #7A5A46;

  --glass-bg:      rgba(255,255,255,0.08);
  --glass-bg-lite: rgba(255,255,255,0.62);
  --glass-border:  rgba(255,255,255,0.24);
  --glass-shadow:  0 8px 32px rgba(28,18,11,0.12);

  --font-display: 'Fraunces', serif;
  --font-body: 'Manrope', sans-serif;

  --radius: 20px;
  --radius-sm: 12px;
  --ease: cubic-bezier(.22,1,.36,1);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}

/* FIX: prevent horizontal scroll caused by fixed off-canvas mobile nav */
html,body{
  max-width:100%;
  overflow-x:hidden;
}

body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--cream);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
.container{width:100%;max-width:1220px;margin:0 auto;padding:0 24px;}
.eyebrow{
  font-family:var(--font-body);
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--maroon);
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.eyebrow::before{content:'';width:26px;height:2px;background:var(--saffron);display:inline-block;}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.12;color:var(--espresso);}
h2.section-title{font-size:clamp(2rem,3.6vw,2.8rem);margin:10px 0 14px;}
p.section-lead{max-width:620px;color:#5b4638;font-size:1.02rem;line-height:1.7;}
.center{text-align:center;margin-left:auto;margin-right:auto;}

/* reveal-on-scroll */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.reveal.in{opacity:1;transform:translateY(0);}

/* =========== glass utility =========== */
.glass{
  background:var(--glass-bg);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  box-shadow:var(--glass-shadow);
}
.glass-lite{
  background:var(--glass-bg-lite);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border:1px solid rgba(255,255,255,0.6);
  border-radius:var(--radius);
  box-shadow:0 10px 30px rgba(122,31,43,0.10);
}

/* floating spice-steam blobs */
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;z-index:0;animation:drift 16s ease-in-out infinite;}
@keyframes drift{
  0%,100%{transform:translate(0,0) scale(1);}
  33%{transform:translate(30px,-24px) scale(1.08);}
  66%{transform:translate(-24px,20px) scale(.96);}
}

/* buttons */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 30px;border-radius:100px;
  font-weight:700;font-size:.92rem;letter-spacing:.02em;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s;
}
.btn-primary{background:linear-gradient(135deg,var(--saffron),var(--turmeric));color:var(--espresso);box-shadow:0 10px 26px rgba(201,124,29,.35);}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(201,124,29,.45);}
.btn-outline{background:var(--glass-bg-lite);border:1px solid rgba(122,31,43,.25);color:var(--maroon);}
.btn-outline:hover{background:var(--maroon);color:var(--cream);border-color:var(--maroon);}
.btn-ghost-light{background: rgb(223 34 43) !important;border:1px solid rgba(255,255,255,.4);color:var(--cream);backdrop-filter:blur(10px);}
.btn-ghost-light:hover{transform:translateY(-3px);}

/* =========== header =========== */
.site-header{
  position:sticky;
  top:0;
  left:0;
  width:100%;
  z-index:999;
  padding:10px 0;
  background:linear-gradient(120deg,var(--maroon) 0%,var(--maroon-dark) 100%);
  border-bottom:3px solid var(--saffron);
  box-shadow:0 6px 24px rgba(0,0,0,.28);
  transition:padding .4s var(--ease),box-shadow .4s;
  background: rgb(255 255 255 / 62%);
  backdrop-filter: blur(16px) saturate(160%);
}
.site-header .container{display:flex;align-items:center;justify-content:space-between;}
.site-header.scrolled{
  padding:9px 0;
}
.logo{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--cream);display:flex;align-items:center;gap:10px;}
.logo span{color:var(--saffron-lt);}
.logo .mark{width:38px;height:38px;border-radius:50%;background:conic-gradient(from 90deg,var(--maroon),var(--saffron),var(--turmeric),var(--maroon));box-shadow:0 0 0 3px rgba(255,255,255,.18);}
.nav-links{display:flex;gap:34px;align-items:center;}
.nav-links a{font-weight:600;font-size:.92rem;position:relative;padding:4px 0;}
.nav-links a::after{content:'';position:absolute;left:0;bottom:-3px;width:0;height:2px;background:var(--saffron);transition:width .3s var(--ease);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}
.nav-cta{display:flex;align-items:center;gap:18px;}
.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;}
.menu-toggle span{width:24px;height:2px;background:var(--cream);border-radius:2px;}

/* =========== marquee strip =========== */
.marquee-strip{background:var(--cream-dim);border-top:1px solid var(--border,#EFE6D2);border-bottom:1px solid #EFE6D2;overflow:hidden;padding:16px 0;}
.marquee-track{display:flex;gap:60px;white-space:nowrap;animation:scrollx 34s linear infinite;}
.marquee-track span{color:var(--maroon);font-family:var(--font-display);font-style:italic;font-size:1rem;opacity:.85;}
@keyframes scrollx{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* =========== sections =========== */
.section{padding:100px 0;position:relative;}
.section-dark{background:var(--espresso);color:var(--cream);}
.section-dark h2.section-title,.section-dark h3{color:var(--cream);}
.section-dark p.section-lead{color:rgba(255,248,236,.72);}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px;flex-wrap:wrap;}

/* category tiles */
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.category-card{
  padding:30px 22px;text-align:center;transition:all .4s var(--ease),box-shadow .4s;box-shadow: -6px 9px 20px #0000004a;
}
.category-card:hover{scale:1.2;transform:translateY(0) !important;z-index:1000;}
.category-card .icon-wrap{
  width:70px;height:70px;border-radius:50%;margin:0 auto 18px;
  background:rgba(122,36,48,0.07);
  border:1px solid rgba(122,36,48,0.12);
  display:flex;align-items:center;justify-content:center;font-size:1.7rem;
  transition:transform .4s var(--ease),background .4s;
}
.category-card:hover .icon-wrap{transform:scale(1.08) rotate(-4deg);background:rgba(122,36,48,0.12);}
.category-card h4{font-size:1.08rem;margin-bottom:6px;}
.category-card p{font-size:.85rem;color:var(--muted);}

/* product cards */
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.product-card{overflow:hidden;position:relative;transition:transform .45s var(--ease),box-shadow .45s;}
.product-card:hover{transform:translateY(-8px);box-shadow:0 24px 44px rgba(28,18,11,.12);}
.product-thumb{
  aspect-ratio:1/1;background:var(--cream-dim);
  display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden;
}
.product-thumb img{width:100%;height:100%;object-fit:contain;transition:transform .6s var(--ease);}
.product-card:hover .product-thumb img{transform:scale(1.06);}
.badge{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);color:var(--maroon);font-size:.66rem;font-weight:800;letter-spacing:.05em;padding:6px 12px;border-radius:100px;text-transform:uppercase;border:1px solid rgba(122,36,48,.15);}
.product-body{padding:20px;}
.product-body h4{font-size:1.05rem;margin-bottom:6px;}
.product-body p{font-size:.85rem;color:var(--muted);margin-bottom:10px;min-height:38px;}
.product-price{font-family:var(--font-display);font-size:1.15rem;color:var(--maroon);font-weight:600;margin-bottom:14px;}
.product-price small{font-family:var(--font-body);font-size:.72rem;font-weight:600;color:var(--muted);}
.product-body .btn{padding:9px 20px;font-size:.78rem;}

/* about / split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.split-media{position:relative;}
.split-media .frame{aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:linear-gradient(160deg,#f2ddb0,#d99a4e);}
.split-media .frame img{width:100%;height:100%;object-fit:fill;}
.split-media .float-badge{position:absolute;bottom:-24px;right:-24px;padding:20px 24px;width:180px;}
.split-media .float-badge strong{font-family:var(--font-display);font-size:1.8rem;color:var(--maroon);display:block;}
.split-media .float-badge span{font-size:.78rem;color:#6b5747;}

.checklist{margin:24px 0;}
.checklist li{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;font-size:.96rem;color:#4a382b;}
.checklist li .tick{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--saffron);color:var(--espresso);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;}

/* testimonials */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.testi-card{padding:30px;color:var(--cream);}
.testi-card .stars{color:var(--saffron-lt);letter-spacing:2px;margin-bottom:14px;}
.testi-card p{font-size:.95rem;line-height:1.7;color:rgba(255,248,236,.85);margin-bottom:20px;font-style:italic;}
.testi-person{display:flex;align-items:center;gap:12px;}
.testi-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--saffron),var(--maroon));display:flex;align-items:center;justify-content:center;font-weight:700;}
.testi-person strong{display:block;font-size:.92rem;}
.testi-person span{font-size:.76rem;color:rgba(255,248,236,.6);}

/* blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.blog-card{overflow:hidden;transition:transform .4s var(--ease);}
.blog-card:hover{transform:translateY(-8px);}
.blog-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#efd6a3,#c97c1d);overflow:hidden;}
.blog-thumb img{width:100%;height:100%;object-fit:cover;}
.blog-body{padding:22px;}
.blog-meta{font-size:.74rem;color:var(--maroon);font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px;}
.blog-body h4{font-size:1.08rem;margin-bottom:10px;line-height:1.4;}
.blog-body p{font-size:.88rem;color:#6b5747;margin-bottom:14px;}
.blog-link{font-size:.82rem;font-weight:700;color:var(--maroon);display:inline-flex;align-items:center;gap:6px;}

/* CTA band */
.cta-band{
  position:relative;overflow:hidden;padding:80px 0;
  background:radial-gradient(120% 160% at 50% 0%,#3a2013 0%,var(--espresso) 60%,#150d08 100%);
  text-align:center;color:var(--cream);
}
.cta-band h2{color:var(--cream);}
.cta-band p{color:rgba(255,252,246,.72);margin:14px auto 30px;max-width:560px;}

/* =========== banner slider (admin-managed, image only) =========== */
.banner-slider{position:relative;width:100%;overflow:hidden;border-radius:0;background:var(--cream-dim);border-bottom:3px solid var(--saffron);}
.banner-slider .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s var(--ease);}
.banner-slider .slide.active{position:relative;opacity:1;}
.banner-slider .slide img{width:100%;height:100%;object-fit:cover;display:block;}
.banner-slider .dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;}
.banner-slider .dots button{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.7);transition:.3s;}
.banner-slider .dots button.active{background:#fff;width:22px;border-radius:6px;}

/* site logo */
.logo-img{height:75px;width:auto;display:block;}

/* trusted-by partner strip */
.partner-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:44px;}
.partner-logo{opacity:.6;filter:grayscale(100%);transition:opacity .35s,filter .35s,transform .35s;}
.partner-logo:hover{opacity:1;filter:grayscale(0%);transform:translateY(-2px);}
.partner-logo img{height:38px;width:auto;max-width:140px;object-fit:contain;}

/* why choose us */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.why-item{display:flex;gap:16px;padding:26px;align-items:flex-start;}
.why-item .icon-wrap{flex-shrink:0;margin:0;width:52px;height:52px;font-size:1.35rem;}
.why-item h4{font-size:1rem;margin-bottom:6px;}
.why-item p{font-size:.85rem;color:var(--muted);line-height:1.6;}

/* category tab browser */
.tab-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px;}
.tab-nav button{padding:12px 24px;border-radius:100px;font-weight:700;font-size:.86rem;border:1px solid rgba(122,36,48,.18);color:var(--maroon);background:transparent;transition:all .3s;}
.tab-nav button.active{background:var(--maroon);color:var(--cream);border-color:var(--maroon);}
.tab-panel{display:none;}
.tab-panel.active{display:block;animation:fadeIn .5s var(--ease);}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}

/* forms */
.form-glass{padding:40px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}
.form-group{display:flex;flex-direction:column;gap:8px;}
.form-group.full{grid-column:1/-1;}
.form-group label{font-size:.82rem;font-weight:700;color:var(--maroon);}
.form-group input,.form-group select,.form-group textarea{
  padding:13px 16px;border-radius:12px;border:1px solid rgba(122,31,43,.18);
  background:rgba(255,255,255,.7);font-family:inherit;font-size:.92rem;color:var(--ink);
  transition:border-color .3s,box-shadow .3s;
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  outline:none;border-color:var(--saffron);box-shadow:0 0 0 4px rgba(224,165,38,.18);
}
.alert{padding:14px 18px;border-radius:12px;margin-bottom:20px;font-size:.9rem;font-weight:600;}
.alert-success{background:rgba(58,140,90,.15);color:#2c7a4b;border:1px solid rgba(58,140,90,.3);}
.alert-error{background:rgba(200,60,60,.12);color:#a53535;border:1px solid rgba(200,60,60,.3);}

/* page header (inner pages) */
.page-hero{
  position:relative;padding:170px 0 90px;text-align:center;overflow:hidden;
  background:radial-gradient(120% 140% at 50% 0%,#3a2013 0%,var(--espresso) 60%,#140c07 100%);
}
.page-hero h1{color:var(--cream);font-size:clamp(2.2rem,4vw,3.2rem);margin-top:12px;}
.page-hero p{color:rgba(255,248,236,.72);max-width:560px;margin:14px auto 0;}
.breadcrumb{font-size:.8rem;color:rgba(255,248,236,.55);margin-top:16px;}
.breadcrumb a{color:var(--saffron-lt);}

/* filter pills */
.filter-pills{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:46px;justify-content:center;}
.filter-pills a{padding:10px 22px;border-radius:100px;font-size:.85rem;font-weight:700;border:1px solid rgba(122,31,43,.2);color:var(--maroon);transition:all .3s;}
.filter-pills a.active,.filter-pills a:hover{background:var(--maroon);color:var(--cream);border-color:var(--maroon);}

/* footer */
.site-footer{background:var(--espresso-2);color:rgba(255,248,236,.72);padding:80px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.08);}
.footer-grid h5{color:var(--cream);font-family:var(--font-display);font-size:1.05rem;margin-bottom:20px;}
.footer-grid p{font-size:.88rem;line-height:1.7;}
.footer-links li{margin-bottom:12px;font-size:.88rem;}
.footer-links a:hover{color:var(--saffron-lt);}
.footer-grid .social-row{display:flex;gap:12px;margin-top:20px;}
.footer-grid .social-row a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:background .3s;}
.footer-grid .social-row a:hover{background:var(--saffron);color:var(--espresso);}
.footer-bottom{display:flex;justify-content:space-between;padding:24px 0;font-size:.8rem;flex-wrap:wrap;gap:10px;}

/* misc components */
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:36px;margin-top:-90px;position:relative;z-index:4;}
.stat-strip div{text-align:center;color:var(--cream);}
.stat-strip strong{display:block;font-family:var(--font-display);font-size:2rem;color:var(--saffron-lt);}
.stat-strip span{font-size:.78rem;color:rgba(255,248,236,.65);}

/* ============ responsive ============ */
@media(max-width:1024px){
  .category-grid,.product-grid,.testi-grid,.blog-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .stat-strip{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:860px){
  .split{grid-template-columns:1fr;}

  /* FIX: use transform instead of right:-100% to avoid layout-driven
     horizontal scroll on mobile browsers, and add its own scroll for
     tall menus (e.g. when the Products dropdown is expanded) */
  .nav-links{
    position:fixed;
    top:0;
    right:0;
    width:78%;max-width:320px;height:100vh;
    background:var(--espresso);
    flex-direction:column;justify-content:center;gap:30px;
    transform:translateX(100%);
    transition:transform .45s var(--ease);
    z-index:1000;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding:40px 20px;
  }
  .nav-links.open{transform:translateX(0);}
  .menu-toggle{display:flex;}
  .nav-cta .btn-outline{display:none;}
}
@media(max-width:640px){
  .category-grid,.product-grid,.testi-grid,.blog-grid,.footer-grid,.stat-strip{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .section{padding:70px 0;}
  .why-grid{grid-template-columns:repeat(1,1fr);}
}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}

/* hide desktop social row on mobile since nav-social already shows inside menu */
@media(max-width:860px){
  .header-social{display:none;}
}
@media(min-width:861px){
  .nav-social{display:none;}
}
.header-social{margin-right:6px;}
.social-row a{width:32px;height:32px;color:var(--cream);}

/* hamburger -> cross animation */
.menu-toggle{
  position:relative;
  width:24px;height:18px;
  justify-content:space-between;
}
.menu-toggle span{
  transition:transform .35s var(--ease),opacity .25s var(--ease);
}
.menu-toggle.active span:nth-child(1){
  transform:translateY(8px) rotate(45deg);
}
.menu-toggle.active span:nth-child(2){
  opacity:0;
}
.menu-toggle.active span:nth-child(3){
  transform:translateY(-8px) rotate(-45deg);
}



/* ===== Social icons — colorful + properly scoped ===== */
.social-row{display:flex;gap:10px;}

/* Desktop: only header-social (outside) visible */
.header-social{margin:0px !important;}
.nav-social{display:none;}

/* Mobile: only nav-social (inside menu) visible, header-social fully hidden */
@media(max-width:860px){
  .header-social{display:none !important;}
  .nav-social{display:flex;gap:14px;margin-top:26px;justify-content:center;}
}

.social-row a{
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  transition:transform .3s var(--ease),box-shadow .3s;
}
.social-row a:hover{transform:translateY(-3px) scale(1.06);}

/* Brand colors */
.social-row a.fb{background:#1877F2;color:#fff;}
.social-row a.fb:hover{box-shadow:0 6px 16px rgba(24,119,242,.45);}

.social-row a.ig{
  background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
  color:#fff;
}
.social-row a.ig:hover{box-shadow:0 6px 16px rgba(214,36,159,.45);}

.social-row a.yt{background:#FF0000;color:#fff;}
.social-row a.yt:hover{box-shadow:0 6px 16px rgba(255,0,0,.4);}

/* ===== Hamburger -> Cross animation ===== */
.menu-toggle{
  position:relative;
  width:24px;height:18px;
  flex-direction:column;
  justify-content:space-between;
  z-index:1001;
  display:none;              /* desktop pe hidden */
}
.menu-toggle span{
  display:block;width:100%;height:2px;background:var(--maroon);border-radius:2px;
  transition:transform .35s var(--ease),opacity .25s var(--ease);
}
.menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.menu-toggle.active span:nth-child(2){opacity:0;}
.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

/* Dropdown */
.nav-dropdown{
    position:relative;
}

.nav-dropdown>a{
    display:flex;
    align-items:center;
    gap:6px;
}

.arrow{
    font-size:11px;
    transition:.3s;
}

/* IMPORTANT: hover-only rules must be scoped to desktop.
   On mobile, :hover styles cause the classic "first tap only
   triggers hover, second tap fires click" bug on iOS/Android,
   which made the dropdown feel broken/unresponsive. */
@media(min-width:861px){
  .nav-dropdown:hover .arrow{
      transform:rotate(180deg);
  }
}

.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:230px;
    background:#fff;
    border-radius:12px;
    padding:10px 0;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
    opacity:0;
    visibility:hidden;
    transform:translateY(12px);
    transition:.3s;
    z-index:999;
}

@media(min-width:861px){
  .nav-dropdown:hover .dropdown-menu{
      opacity:1;
      visibility:visible;
      transform:translateY(0);
  }
}

.dropdown-menu a{
    display:block;
    padding:12px 18px;
    color:#333 !important;
    text-decoration:none;
    font-size:15px;
    transition:.25s;
}

.dropdown-menu a:hover{
    background:#f8f8f8;
    color:var(--primary);
    padding-left:24px;
}

/* Sirf mobile pe hamburger dikhega */
@media(max-width:860px){
  .menu-toggle{display:flex;}
    .nav-links a{
        color:#fff;
        justify-content:center;
    }
}

@media(max-width:860px){

.nav-dropdown{
    width:100%;
    text-align:center;
}

.dropdown-menu{
    position:static;
    opacity:1;
    visibility:visible;
    transform:none;
    display:none;
    background:transparent;
    box-shadow:none;
    padding-left:15px;
}

.nav-dropdown.active .dropdown-menu{
    display:block;
}

.dropdown-menu a{
    color:#fff !important;
    padding:8px 0;
}

/* arrow rotate on tap (mobile has no hover) */
.nav-dropdown.active .arrow{
    transform:rotate(180deg);
}

}


.social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.social-icons a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.social-icons a:nth-child(1) {
    background: #1877F2;
}

.social-icons a:nth-child(2) {
    background: linear-gradient(
        45deg,
        #feda75,
        #fa7e1e,
        #d62976,
        #962fbf,
        #4f5bd5
    );
}

.social-icons a:nth-child(3) {
    background: #FF0000;
}

.social-icons i {
    font-size: 18px;
    line-height: 1;
    color: #fff;
}

.social-icons a:hover {
    transform: translateY(-2px);
}

    .banner-slider{
    position:relative;
    overflow:hidden;
}

.slider-nav{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    transform:translateY(-50%);
    display:flex;
    justify-content:space-between;
    padding:0 20px;
    pointer-events:none;
    z-index:20;
}

.slider-nav button{
    width:50px;
    height:50px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.9);
    color:#333;
    font-size:18px;
    cursor:pointer;
    transition:.3s;
    pointer-events:auto;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}

.slider-nav button:hover{
    background:#c62828;
    color:#fff;
    transform:scale(1.08);
}

@media(max-width:768px){
    .slider-nav{
        padding:0 10px;
    }

    .slider-nav button{
        width:40px;
        height:40px;
        font-size:15px;
    }
}

h1,h2{
    font-size:2.25rem !important;
}
/* Every .section-head across the page: stack + center instead of left-heading / right-lead */
.section-head{
    flex-direction:column;
    align-items:center;
    text-align:center;
    max-width:720px;
    margin-left:auto;
    margin-right:auto;
    gap: 0;
}
.section-head .eyebrow{
    justify-content:center;
}
.section-head > div{
    display:flex;
    flex-direction:column;
    align-items:center;
}
.section-head p.section-lead,
.section-head > a{
    max-width:640px;
    margin-left:auto;
    margin-right:auto;
}

.intro-hero{ overflow:hidden; }
.intro-grid{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:56px;
    align-items:start;
    position:relative;
    z-index:1;
}
.intro-grid .intro-highlights{ order:1; }
.intro-grid .intro-text{ order:2; }
.intro-body{
    font-size:.96rem;
    line-height:1.75;
    color:#6b5747;
    margin-top:16px;
    max-width:600px;
}
.intro-body-strong{
    font-family:var(--font-display);
    font-style:italic;
    font-size:1.08rem;
    color:var(--maroon-dark);
    margin-top:22px;
}
.intro-highlights{
    padding:34px 30px;
    display:flex;
    flex-direction:column;
    gap:26px;
}
.intro-highlight{
    display:flex;
    gap:16px;
    align-items:flex-start;
}
.intro-highlight .icon-wrap{
    flex-shrink:0;
    width:52px;
    height:52px;
    border-radius:50%;
    background:rgba(122,36,48,.07);
    border:1px solid rgba(122,36,48,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.35rem;
}
.intro-highlight h4{
    font-size:.98rem;
    margin-bottom:5px;
}
.intro-highlight p{
    font-size:.82rem;
    color:var(--muted);
    line-height:1.55;
}
@media(max-width:1024px){
    .intro-grid{ grid-template-columns:1fr; }
    .intro-grid .intro-text{ order:1; }
    .intro-grid .intro-highlights{ order:2; }
}

.about-split-alt{ grid-template-columns:.85fr 1.15fr; }
.brand-frame{
    background:linear-gradient(160deg,var(--maroon),var(--maroon-dark));
    display:flex;
    align-items:center;
    justify-content:center;
}
.about-chip-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:26px;
}
.about-chip{
    padding:9px 18px;
    border-radius:100px;
    background:var(--glass-bg-lite);
    border:1px solid rgba(122,31,43,.15);
    color:var(--maroon);
    font-size:.78rem;
    font-weight:700;
}
@media(max-width:860px){
    .about-split-alt{ grid-template-columns:1fr; }
}

    .category-card{
    text-align:center;
    padding:25px 20px;
    border-radius:18px;
    transition:.35s;
    overflow:hidden;
}

.category-card:hover{
    transform:translateY(-8px);
}

.category-image{
    width:95px;
    height:95px;
    margin:0 auto 18px;
    border-radius:50%;
    overflow:hidden;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
}

.category-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

.category-card:hover .category-image img{
    transform:scale(1.08);
}

.category-card h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:10px;
}

.category-card p{
    color:#666;
    font-size:15px;
    line-height:1.6;
}

.industries-grid{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:center;
}
.industry-tag{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:12px 20px;
    border-radius:999px;
    font-size:14.5px;
    font-weight:600;
    transition:transform .2s ease, background .2s ease, color .2s ease;
}
.industry-tag i{
    color:#c62828;
    font-size:12px;
    transition:color .2s ease;
}
.industry-tag:hover{
    background:#c62828;
    color:#fff;
    transform:translateY(-3px);
}
.industry-tag:hover i{
    color:#fff;
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:22px;
}
.process-card{
    position:relative;
    padding:30px 26px;
    border-radius:16px;
    overflow:hidden;
    transition:transform .25s ease, box-shadow .25s ease;
}
.process-card:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 32px rgba(0,0,0,.1);
}
.process-num{
    position:absolute;
    top:14px;
    right:18px;
    font-size:30px;
    font-weight:800;
    color:rgba(198,40,40,.08);
}
.process-icon{
    width:48px;
    height:48px;
    border-radius:14px;
    background:rgba(198,40,40,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
    font-size:19px;
    color:#c62828;
}
.process-card h4{
    margin:0 0 8px;
    font-size:17px;
}
.process-card p{
    margin:0;
    font-size:13.5px;
    line-height:1.65;
    opacity:.75;
}
@media screen and (max-width:900px){
    .process-grid{ grid-template-columns:1fr 1fr; }
}
@media screen and (max-width:560px){
    .process-grid{ grid-template-columns:1fr; }
}
/* ===== Inner Pages ===== */
.inner-hero{padding:150px 0 72px;background:radial-gradient(circle at 85% 20%,rgba(245,166,35,.22),transparent 28%),linear-gradient(135deg,#4d0710,#8c0f16 55%,#5b0810);color:#fff;position:relative;overflow:hidden}.inner-hero h1{font-size:clamp(38px,6vw,70px);line-height:1.05;margin:10px 0 14px;color:#fff}.inner-hero p{max-width:720px;font-size:18px;opacity:.88}.inner-hero .eyebrow{color:#ffd17a}.crumb{display:flex;gap:10px;align-items:center;margin-top:24px;font-size:14px}.crumb a{color:#ffd17a}.crumb b{font-weight:600}.inner-split,.product-detail,.contact-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center}.inner-image,.detail-visual{border-radius:28px;overflow:hidden;box-shadow:0 22px 55px rgba(67,22,10,.15);background:#fff}.inner-image img,.detail-visual img{width:100%;display:block}.feature-mini{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.feature-mini>div{padding:18px;border:1px solid rgba(140,15,22,.12);border-radius:16px;background:#fff;display:grid;grid-template-columns:36px 1fr;column-gap:10px}.feature-mini i{grid-row:1/3;color:#c62828;font-size:22px}.feature-mini span{font-size:13px;opacity:.7}.soft-section{background:#fff8ec}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stats-row div{text-align:center;background:#fff;padding:28px 15px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.stats-row strong{display:block;font-size:28px;color:#8c0f16}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.catalog-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 12px 35px rgba(60,20,10,.08);transition:.3s}.catalog-card:hover{transform:translateY(-7px)}.catalog-img{display:block;aspect-ratio:1/1;overflow:hidden;background:#fff8ec}.catalog-img img{width:100%;height:100%;object-fit:cover}.catalog-body{padding:22px}.catalog-body>span{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#c62828;font-weight:700}.catalog-body h3{margin:6px 0 8px;font-size:21px}.catalog-body p{font-size:14px;line-height:1.65;min-height:68px}.quality-banner{padding:38px 42px;border-radius:24px;background:linear-gradient(135deg,#fff,#ffe6b5);display:flex;align-items:center;justify-content:space-between;gap:30px}.quality-banner h2{margin:5px 0 8px}.quality-banner p{max-width:750px;margin:0}.detail-visual{position:relative}.quality-pill{position:absolute;left:20px;bottom:20px;background:#8c0f16;color:#fff;padding:10px 16px;border-radius:999px;font-weight:700}.detail-copy h3{margin-top:25px}.check-list{list-style:none;padding:0;margin:15px 0 25px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-list li{display:flex;gap:9px;align-items:center}.check-list i{color:#198754}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}.outline-btn{border:1px solid #8c0f16;color:#8c0f16;background:transparent}.uses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.uses-grid>div{background:#fff;padding:26px;border-radius:18px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.05)}.uses-grid i{display:block;font-size:28px;color:#c62828;margin-bottom:12px}.gallery-grid{columns:4 240px;column-gap:18px}.gallery-item{display:block;margin:0 0 18px;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.08)}.gallery-item img{width:100%;display:block;transition:.35s}.gallery-item:hover img{transform:scale(1.04)}.contact-grid{align-items:start}.contact-cards{display:grid;gap:14px;margin-top:28px}.contact-cards>a,.contact-cards>div{display:flex;gap:16px;align-items:center;padding:18px;border-radius:16px;background:#fff8ec;color:inherit}.contact-cards i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#8c0f16;color:#fff}.contact-cards b,.contact-cards span{display:block}.contact-cards span{font-size:14px;margin-top:3px;opacity:.75}.enquiry-form{padding:30px;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(60,20,10,.1)}.enquiry-form h3{font-size:26px;margin:0 0 20px}.enquiry-form label{display:block;font-size:13px;font-weight:700;margin-bottom:15px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;margin-top:7px;border:1px solid #e1d6ca;border-radius:10px;padding:13px 14px;font:inherit;background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.enquiry-form small{display:block;margin-top:12px;opacity:.6;line-height:1.5}@media(max-width:900px){.inner-split,.product-detail,.contact-grid{grid-template-columns:1fr;gap:32px}.catalog-grid{grid-template-columns:1fr 1fr}.stats-row,.uses-grid{grid-template-columns:1fr 1fr}.inner-hero{padding-top:125px}.quality-banner{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.feature-mini,.catalog-grid,.stats-row,.uses-grid,.check-list,.form-row{grid-template-columns:1fr}.inner-hero h1{font-size:40px}.quality-banner{padding:28px 22px}}