/*
Theme Name: Instant Kerala Magic Masala
Theme URI: https://uniquesolutiongroup.in
Author: Unique Solution Spices
Author URI: https://uniquesolutiongroup.in
Description: Single-page product theme for Instant Kerala Magic Masala, an entity of Unique Solution Group. 21 Spices, 21 Health Benefits — From God's Own Country to your Kitchen.
Version: 1.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: kerala-magic-masala
*/

*{margin:0;padding:0;box-sizing:border-box}
:root{--s:#FF9933;--g:#138808;--muted:#7a8faf;--font:'DM Sans',sans-serif;--display:'Dancing Script',cursive}
body{font-family:var(--font);background:#000;color:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.ts{color:#FF9933}.tw{color:#fff}.tg{color:#138808}
.ticker-wrap{background:linear-gradient(90deg,#021005,#031a08);border-bottom:1px solid rgba(19,136,8,0.2);padding:7px 0;overflow:hidden}
.ticker-label{background:#138808;color:#fff;font-size:10px;font-weight:700;padding:4px 12px;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}
.ticker-inner{display:flex;align-items:center}
.ticker-scroll{overflow:hidden;flex:1}
.ticker-track{display:flex;align-items:center;animation:tick 38s linear infinite;white-space:nowrap}
.ticker-track:hover{animation-play-state:paused}
.ti{font-size:12px;color:rgba(255,255,255,0.8);padding:0 2rem;display:inline-block}
.ts2{color:#138808;font-size:8px;padding:0 .5rem}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
nav{position:sticky;top:0;z-index:100;background:rgba(0,0,0,0.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(19,136,8,0.2);padding:0 1.5rem}
.nav-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(19,136,8,0.5)}
.brand-name{font-family:var(--display);font-size:16px;font-weight:700;background:linear-gradient(90deg,#FF9933,#fff,#138808);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.brand-sub{font-size:9px;color:rgba(19,136,8,0.8);letter-spacing:2px;text-transform:uppercase}
.nav-links{display:flex;gap:1.4rem;list-style:none}
.nav-links a{color:rgba(255,255,255,0.7);font-size:13px;font-weight:500;transition:color .2s}
.nav-links a:hover{color:#138808}
.nav-btn{background:linear-gradient(135deg,#138808,#0a5c06);color:#fff;border:none;padding:9px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}
.hamburger{display:none;flex-direction:column;gap:4px;background:transparent;border:none;cursor:pointer;padding:6px}
.hamburger span{width:22px;height:2px;background:#fff;display:block}
.mobile-nav{display:none;position:fixed;top:66px;left:0;right:0;background:rgba(0,0,0,0.98);border-bottom:1px solid rgba(19,136,8,0.2);padding:1.2rem 1.5rem;z-index:99}
.mobile-nav.open{display:block}
.mobile-nav ul{list-style:none;display:flex;flex-direction:column;gap:.9rem}
.mobile-nav a{color:rgba(255,255,255,0.8);font-size:14px;font-weight:500}
.hero{min-height:80vh;display:flex;align-items:center;background:linear-gradient(145deg,#000 0%,#021005 40%,#031a08 100%);position:relative;overflow:hidden;padding:60px 1.5rem}
.hero-g1{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(19,136,8,0.08),transparent 70%);top:-80px;right:0}
.hero-in{position:relative;max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(19,136,8,0.4);border-radius:100px;padding:5px 14px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1.5rem;background:rgba(19,136,8,0.06)}
.badge-d{width:6px;height:6px;background:#138808;border-radius:50%}
.badge-t{background:linear-gradient(90deg,#FF9933,#fff,#138808);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}
h1{font-family:var(--display);font-size:clamp(2rem,4.5vw,3.4rem);font-weight:700;line-height:1.1;margin-bottom:.6rem}
.hero-tag{font-size:13px;color:rgba(255,255,255,0.5);letter-spacing:1px;margin-bottom:1.2rem;line-height:1.6}
.hero-desc{font-size:.95rem;line-height:1.85;color:rgba(255,255,255,0.6);max-width:520px;margin-bottom:1.5rem}
.btns{display:flex;gap:1rem;flex-wrap:wrap}
.btn-p{background:linear-gradient(135deg,#138808,#0a5c06);color:#fff;padding:13px 26px;border-radius:8px;font-size:14px;font-weight:600;display:inline-block}
.btn-o{border:1px solid rgba(255,153,51,0.5);color:#FF9933;padding:13px 26px;border-radius:8px;font-size:14px;font-weight:600;display:inline-block}
.price-pills{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}
.price-pill{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:.6rem 1rem;text-align:center}
.price-pill .pw{font-size:11px;color:var(--muted)}
.price-pill .pp{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:#FF9933}
.hero-logo-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}
.big-logo{width:170px;height:170px;object-fit:contain;border-radius:50%;border:2px solid rgba(19,136,8,0.4);background:rgba(0,0,0,0.5);padding:1rem}
section{padding:70px 1.5rem}
.container{max-width:1200px;margin:0 auto}
.sec-tag{display:inline-block;background:rgba(19,136,8,0.08);border:1px solid rgba(19,136,8,0.25);color:#4caf50;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:4px 14px;border-radius:100px;margin-bottom:1rem}
.sec-title{font-family:var(--display);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:.8rem}
.sec-sub{font-size:.93rem;color:rgba(255,255,255,0.5);line-height:1.85;max-width:600px}
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(19,136,8,0.15),rgba(255,153,51,0.1),transparent)}

#why{background:linear-gradient(180deg,#04091c,#030a18)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}
.why-card{background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:1.4rem;transition:all .25s}
.why-card:hover{border-color:rgba(19,136,8,0.3);transform:translateY(-3px)}
.why-num{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#138808,#0a5c06);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-bottom:.7rem}
.why-card h4{font-size:13.5px;margin-bottom:.4rem}
.why-card p{font-size:11.5px;color:var(--muted);line-height:1.6}

#ingredients{background:#030a18}
.ing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:2rem}
.ing-card{background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:1.1rem}
.ing-card .ing-name{font-size:12.5px;font-weight:600;color:#fff;margin-bottom:.3rem}
.ing-card .ing-hi{font-size:11px;color:#4caf50;margin-bottom:.4rem}
.ing-card p{font-size:11px;color:var(--muted);line-height:1.6}

#roadmap{background:linear-gradient(180deg,#030a18,#04091c)}
.road-grid{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;max-width:760px}
.road-item{display:flex;gap:1.2rem;align-items:flex-start;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:1.3rem}
.road-date{flex-shrink:0;width:110px;font-family:'Playfair Display',serif;font-weight:700;color:#FF9933;font-size:.95rem}
.road-item p{font-size:13px;color:rgba(255,255,255,0.6);line-height:1.7}

#pricing{background:#030a18}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.price-card{background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:1.8rem;text-align:center}
.price-card.featured{border-color:rgba(255,153,51,0.4);background:rgba(255,153,51,0.05)}
.price-card .pc-wt{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.6rem}
.price-card .pc-amt{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:#fff}
.price-card .pc-strike{font-size:13px;color:var(--muted);text-decoration:line-through;margin-top:.3rem}
.festive-tag{display:inline-block;background:linear-gradient(135deg,#FF9933,#e07800);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;margin-top:.6rem;letter-spacing:1px;text-transform:uppercase}

#manufacturing{background:linear-gradient(180deg,#04091c,#030a18);text-align:center}
.mfg-pills{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}
.mfg-pill{background:rgba(19,136,8,0.08);border:1px solid rgba(19,136,8,0.25);border-radius:100px;padding:.7rem 1.4rem;font-size:13px;color:#4caf50}

#quote{background:#030a18;text-align:center}
.quote-text{font-family:var(--display);font-size:clamp(1.4rem,3vw,2rem);max-width:700px;margin:0 auto 1rem;line-height:1.4}

footer{background:linear-gradient(180deg,#030a18 0%,#040d28 50%,#071433 100%);border-top:1px solid rgba(19,136,8,0.15);padding:40px 1.5rem 0;text-align:center}
.foot-logo{width:60px;height:60px;object-fit:contain;border-radius:50%;margin-bottom:1rem}
.foot-name{font-family:var(--display);font-size:1.4rem;font-weight:700;background:linear-gradient(90deg,#FF9933,#fff,#138808);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.foot-entity{font-size:11px;color:rgba(19,136,8,0.7);letter-spacing:2px;text-transform:uppercase;margin:.5rem 0 1rem}
.foot-entities-list{font-size:12px;color:rgba(255,255,255,0.45);margin-bottom:1rem;line-height:1.8}
.foot-parent{font-size:13px;color:rgba(255,255,255,0.4);margin-bottom:.5rem}
.foot-parent a{color:#138808}
.foot-bottom{padding:1.5rem 0;border-top:1px solid rgba(255,255,255,0.05);margin-top:2rem;font-size:11.5px;color:var(--muted)}
.tribar{height:3px;background:linear-gradient(90deg,#FF9933 33%,#fff 33%,#fff 66%,#138808 66%)}

@media(max-width:900px){
  .hero-in{grid-template-columns:1fr}
  .hero-logo-box{display:none}
  .why-grid{grid-template-columns:1fr 1fr}
  .ing-grid{grid-template-columns:1fr 1fr}
  .price-grid{grid-template-columns:1fr}
  .road-item{flex-direction:column;gap:.5rem}
  .road-date{width:auto}
  .nav-links{display:none}
  .hamburger{display:flex}
}
@media(max-width:600px){
  .why-grid,.ing-grid{grid-template-columns:1fr}
}

/* WP core */
.wp-caption{max-width:100%}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute;height:1px;width:1px;overflow:hidden}