/* Royal Nutri Dry Fruits — Static site styles */
:root{
  --background:#faf6ee;
  --foreground:#3a2620;
  --card:#ffffff;
  --primary:#5a1f1a;        /* deep maroon */
  --primary-foreground:#faf6ee;
  --secondary:#efe6d4;
  --secondary-foreground:#3a2620;
  --muted:#ede4d1;
  --muted-foreground:#7a6757;
  --accent:#caa249;         /* gold */
  --accent-foreground:#3a2620;
  --border:#e3d8c2;
  --whatsapp:#25d366;
  --shadow-soft: 0 10px 30px -10px rgba(90,31,26,.22);
  --shadow-gold: 0 8px 24px -8px rgba(202,162,73,.55);
  --radius: 0.5rem;
}
*{box-sizing:border-box;margin:0;padding:0;border:0 solid var(--border)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,sans-serif;background:var(--background);color:var(--foreground);line-height:1.55;font-feature-settings:"ss01","cv11"}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.01em;color:var(--primary);line-height:1.15}
button,input,select,textarea{font:inherit;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
@media(min-width:640px){.container{padding:0 1.5rem}}
@media(min-width:1024px){.container{padding:0 2rem}}

/* Utility */
.text-balance{text-wrap:balance}
.text-pretty{text-wrap:pretty}
.eyebrow{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:#8b6a2b;font-weight:600}
.gradient-gold{background-image:linear-gradient(135deg,#e6c067 0%,#b8862e 100%)}
.gradient-maroon{background-image:linear-gradient(135deg,#5a1f1a 0%,#3d1411 100%);color:var(--primary-foreground)}
.bg-grain{background-color:var(--background);background-image:radial-gradient(at 20% 10%,rgba(202,162,73,.12) 0,transparent 50%),radial-gradient(at 80% 90%,rgba(90,31,26,.10) 0,transparent 50%)}

/* Header */
.site-header{position:sticky;top:0;z-index:40;background:rgba(250,246,238,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:.6rem}
.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:9999px;font-family:'Playfair Display',serif;font-weight:700;font-size:1.1rem;color:var(--primary);box-shadow:var(--shadow-gold)}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text strong{font-family:'Playfair Display',serif;font-weight:600;color:var(--primary);font-size:1rem}
.brand-text span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground);margin-top:3px}
.nav-links{display:none;gap:.25rem;align-items:center}
.nav-links a{padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#3a2620bf;border-radius:.4rem;transition:color .15s}
.nav-links a:hover{color:var(--primary)}
.nav-links a.active{color:var(--primary);font-weight:600}
.call-btn{display:none;padding:.55rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500}
.menu-btn{background:transparent;border:0;width:40px;height:40px;display:grid;place-items:center;color:var(--primary);cursor:pointer}
@media(min-width:1024px){.nav-links,.call-btn{display:inline-flex}.menu-btn{display:none}}
.mobile-nav{display:none;border-top:1px solid var(--border);background:var(--background)}
.mobile-nav.open{display:block}
.mobile-nav nav{display:flex;flex-direction:column;padding:.5rem 1rem 1rem}
.mobile-nav a{padding:.6rem 0;font-size:.9rem;font-weight:500}

/* Hero */
.hero{position:relative;overflow:hidden;color:#fff}
.hero-bg{position:absolute;inset:0;z-index:-1}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(40,15,12,.92),rgba(50,20,15,.75) 55%,rgba(50,20,15,.4))}
.hero-inner{padding:6rem 0 7rem;display:grid;gap:2.5rem}
@media(min-width:640px){.hero-inner{padding:8rem 0 9rem}}
@media(min-width:1024px){.hero-inner{padding:10rem 0 11rem}}
.pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(202,162,73,.45);background:rgba(255,255,255,.05);padding:.3rem .75rem;border-radius:9999px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);backdrop-filter:blur(8px)}
.hero h1{color:#fff;font-size:2.25rem;margin-top:1.25rem}
.hero h1 .accent{color:var(--accent)}
@media(min-width:640px){.hero h1{font-size:3rem}}
@media(min-width:1024px){.hero h1{font-size:4.25rem}}
.hero p.lead{margin-top:1.25rem;max-width:36rem;color:rgba(255,255,255,.82);font-size:1.05rem}
.cta-row{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:.75rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s,background .15s;border:0}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background-image:linear-gradient(135deg,#e6c067,#b8862e);color:var(--primary);box-shadow:var(--shadow-gold)}
.btn-wa{background:var(--whatsapp);color:#fff}
.btn-ghost{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px)}
.btn-ghost:hover{background:rgba(255,255,255,.13)}
.btn-maroon{background-image:linear-gradient(135deg,#5a1f1a,#3d1411);color:#fff}
.btn-outline-dark{border:1px solid rgba(255,255,255,.3);color:#fff;background:transparent}
.highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:46rem}
@media(min-width:640px){.highlights{grid-template-columns:repeat(4,1fr)}}
.highlight{display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.92);font-size:.85rem;font-weight:500;backdrop-filter:blur(8px)}
.highlight svg{color:var(--accent);flex-shrink:0}

/* Sections */
section.pad{padding:5rem 0}
@media(min-width:1024px){section.pad{padding:6rem 0}}
.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:3rem}
.section-head h2{font-size:1.85rem;margin-top:.4rem}
@media(min-width:640px){.section-head h2{font-size:2.5rem}}
.section-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem;font-weight:500;color:var(--primary)}

/* Product cards */
.grid-cards{display:grid;gap:1.5rem;grid-template-columns:1fr}
@media(min-width:640px){.grid-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.grid-cards{grid-template-columns:repeat(3,1fr)}}
.product{display:flex;flex-direction:column;overflow:hidden;border-radius:1rem;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft);transition:transform .25s,box-shadow .25s}
.product:hover{transform:translateY(-4px);box-shadow:var(--shadow-gold)}
.product .pimg{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--muted)}
.product .pimg img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.product:hover .pimg img{transform:scale(1.05)}
.badge{position:absolute;top:.75rem;left:.75rem;background:rgba(255,255,255,.92);color:var(--primary);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding:.25rem .65rem;border-radius:9999px}
.product .pbody{padding:1.5rem;display:flex;flex-direction:column;flex:1}
.product h3{font-size:1.4rem}
.product dl{margin-top:1rem;display:grid;gap:.4rem;font-size:.875rem}
.product dl div{display:flex;gap:.5rem}
.product dt{color:var(--muted-foreground);min-width:90px}
.actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem}
.actions a{flex:1;justify-content:center;font-size:.85rem;font-weight:500;padding:.6rem 1rem}
.actions .send{background:var(--secondary);color:var(--primary);border:1px solid rgba(90,31,26,.18);border-radius:9999px;display:inline-flex;align-items:center;gap:.4rem}
.actions .send:hover{background:var(--accent);color:var(--accent-foreground)}

/* Why us */
.why{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(239,230,212,.5)}
.why .grid{display:grid;gap:3rem;align-items:center}
@media(min-width:1024px){.why .grid{grid-template-columns:1fr 1fr}}
.why ul{margin-top:1.5rem;display:grid;grid-template-columns:1fr;gap:.6rem}
@media(min-width:640px){.why ul{grid-template-columns:repeat(2,1fr)}}
.why li{display:flex;gap:.6rem;font-size:.875rem;align-items:flex-start}
.check{margin-top:3px;width:16px;height:16px;display:grid;place-items:center;border-radius:9999px;background:var(--accent);color:var(--accent-foreground);font-size:10px;font-weight:700;flex-shrink:0}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.stat{border-radius:1.25rem;border:1px solid var(--border);background:var(--card);padding:1.5rem;text-align:center;box-shadow:var(--shadow-soft)}
.stat .num{font-family:'Playfair Display',serif;font-size:2.25rem;color:var(--primary)}
.stat .lab{margin-top:.4rem;font-size:.875rem;color:var(--muted-foreground)}

/* Testimonials */
.t-grid{display:grid;gap:1.5rem;margin-top:3rem;grid-template-columns:1fr}
@media(min-width:768px){.t-grid{grid-template-columns:repeat(3,1fr)}}
.t-card{border-radius:1rem;border:1px solid var(--border);background:var(--card);padding:1.75rem;box-shadow:var(--shadow-soft)}
.stars{color:var(--accent);display:flex;gap:2px}
blockquote{margin-top:1rem;color:rgba(58,38,32,.85)}
.t-name{margin-top:1.25rem;font-size:.875rem;font-weight:500;color:var(--primary)}

/* CTA */
.cta-band{position:relative;overflow:hidden;border-radius:1.5rem;padding:3rem 2rem;color:#fff}
@media(min-width:640px){.cta-band{padding:4rem}}
.cta-band::before{content:"";position:absolute;right:-80px;top:-80px;width:288px;height:288px;border-radius:9999px;background:rgba(202,162,73,.22);filter:blur(60px)}
.cta-band h2{color:#fff;font-size:1.85rem}
@media(min-width:640px){.cta-band h2{font-size:2.85rem}}
.cta-band p{margin-top:1rem;max-width:36rem;color:rgba(255,255,255,.82)}

/* Page header */
.page-hero{border-bottom:1px solid var(--border)}
.page-hero .inner{padding:5rem 0}
@media(min-width:640px){.page-hero .inner{padding:6rem 0}}
.page-hero h1{font-size:2.25rem;margin-top:.75rem}
@media(min-width:640px){.page-hero h1{font-size:3rem}}
@media(min-width:1024px){.page-hero h1{font-size:3.75rem}}
.page-hero p{margin-top:1.25rem;max-width:42rem;color:var(--muted-foreground);font-size:1.05rem}

/* About highlights */
.about-grid{display:grid;gap:2.5rem;align-items:flex-start}
@media(min-width:1024px){.about-grid{grid-template-columns:1fr 1fr}}
.prose p{margin-bottom:1rem;color:rgba(58,38,32,.85)}
.prose p:first-child{font-size:1.1rem}
.icon-card{border-radius:1rem;border:1px solid var(--border);background:var(--card);padding:1.5rem;box-shadow:var(--shadow-soft)}
.icon-badge{width:40px;height:40px;border-radius:9999px;display:grid;place-items:center;color:var(--primary)}
.icon-card h3{font-size:1.1rem;margin-top:1rem}
.icon-card p{margin-top:.4rem;font-size:.875rem;color:var(--muted-foreground)}
.tiles{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:640px){.tiles{grid-template-columns:repeat(2,1fr)}}

/* Bulk */
.bulk-grid{display:grid;gap:3rem}
@media(min-width:1024px){.bulk-grid{grid-template-columns:2fr 3fr}}
.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem}
.checklist li{display:flex;align-items:center;gap:.6rem;border:1px solid var(--border);background:var(--card);border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem}
.panel{border-radius:1.5rem;border:1px solid var(--border);background:var(--card);padding:2rem;box-shadow:var(--shadow-soft)}
.panel h3{font-size:1.25rem}
.feature-list{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.2rem}
.feature-list .ft{border-left:2px solid var(--accent);padding-left:1rem}
.feature-list .ft strong{font-weight:500;color:var(--foreground);display:block}
.feature-list .ft span{font-size:.875rem;color:var(--muted-foreground)}

/* Quality */
.quality-grid{display:grid;gap:.75rem;grid-template-columns:1fr}
@media(min-width:640px){.quality-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.quality-grid{grid-template-columns:repeat(3,1fr)}}
.q-point{display:flex;align-items:center;gap:.75rem;border-radius:1rem;border:1px solid var(--border);background:var(--card);padding:1.25rem;font-weight:500;box-shadow:var(--shadow-soft)}
.q-point svg{color:var(--accent);flex-shrink:0}
.why-panel{margin-top:4rem;border-radius:1.5rem;border:1px solid var(--border);background:rgba(239,230,212,.5);padding:2.5rem}
@media(min-width:640px){.why-panel{padding:3.5rem}}
.why-tiles{margin-top:2rem;display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:640px){.why-tiles{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.why-tiles{grid-template-columns:repeat(3,1fr)}}
.why-tile{display:flex;align-items:flex-start;gap:.75rem;border-radius:.75rem;background:var(--card);padding:1.25rem;border:1px solid var(--border)}

/* Gift */
.gift-grid{display:grid;gap:2.5rem;align-items:center}
@media(min-width:1024px){.gift-grid{grid-template-columns:1fr 1fr}}
.gift-img{border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-soft)}
.gift-cta{margin-top:4rem;border-radius:1.5rem;padding:2.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}
@media(min-width:640px){.gift-cta{padding:3.5rem}}
.gift-cta h2{color:#fff;font-size:1.85rem;margin-top:.75rem}
@media(min-width:640px){.gift-cta h2{font-size:2.5rem}}
.gift-cta p{margin-top:.75rem;color:rgba(255,255,255,.82);max-width:34rem}

/* Gallery */
.cat-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:3rem 0 0}
.cat{border:1px solid var(--border);background:var(--card);border-radius:9999px;padding:.4rem 1rem;font-size:.75rem;font-weight:500;color:var(--muted-foreground)}
.gallery-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);grid-auto-rows:220px;padding:3rem 0 6rem}
@media(min-width:1024px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}
.gal{position:relative;overflow:hidden;border-radius:1rem;background:var(--muted);box-shadow:var(--shadow-soft)}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.gal:hover img{transform:scale(1.1)}
.gal figcaption{position:absolute;inset:auto 0 0 0;background:linear-gradient(to top,rgba(90,31,26,.92),transparent);padding:1rem;font-size:.875rem;font-weight:500;color:#fff;opacity:0;transition:opacity .3s}
.gal:hover figcaption{opacity:1}
.span-2{grid-column:span 2}
.row-2{grid-row:span 2}

/* Contact */
.contact-grid{display:grid;gap:2.5rem}
@media(min-width:1024px){.contact-grid{grid-template-columns:2fr 3fr}}
.info-card{border-radius:1rem;padding:1.75rem;box-shadow:var(--shadow-soft);color:#fff}
.info-card h3{color:#fff;font-size:1.25rem}
.info-card ul{margin-top:1.25rem;display:flex;flex-direction:column;gap:1rem;font-size:.875rem}
.info-card li{display:flex;gap:.75rem}
.info-card svg{color:var(--accent);flex-shrink:0;margin-top:2px}
.info-card a{text-decoration:none}
.info-card a:hover{color:var(--accent)}
.map{margin-top:1.5rem;border-radius:1rem;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-soft)}
.map iframe{display:block;width:100%;height:260px;border:0}
.form-card{border-radius:1rem;border:1px solid var(--border);background:var(--card);padding:1.75rem;box-shadow:var(--shadow-soft)}
@media(min-width:640px){.form-card{padding:2.25rem}}
.form-card h2{font-size:1.5rem}
.form-card>p{margin-top:.4rem;font-size:.875rem;color:var(--muted-foreground)}
form.inquiry{display:grid;gap:1rem;margin-top:1.75rem;grid-template-columns:1fr}
@media(min-width:640px){form.inquiry{grid-template-columns:repeat(2,1fr)}}
form.inquiry label{display:block;margin-bottom:.4rem;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}
form.inquiry input,form.inquiry select,form.inquiry textarea{width:100%;border-radius:.5rem;border:1px solid var(--border);background:var(--card);padding:.75rem 1rem;font-size:.875rem;color:var(--foreground);transition:border .15s,box-shadow .15s}
form.inquiry input:focus,form.inquiry select:focus,form.inquiry textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(202,162,73,.25)}
form.inquiry .full{grid-column:1/-1}
.faq{margin-top:5rem}
.faq h2{font-size:1.85rem;text-align:center}
@media(min-width:640px){.faq h2{font-size:2.5rem}}
.faq-list{max-width:48rem;margin:2.5rem auto 0;display:grid;gap:.75rem}
details.faq-item{border-radius:1rem;border:1px solid var(--border);background:var(--card);padding:1.25rem;box-shadow:var(--shadow-soft)}
details.faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:500;color:var(--foreground)}
details.faq-item summary::-webkit-details-marker{display:none}
.plus{margin-left:1rem;width:28px;height:28px;display:grid;place-items:center;border-radius:9999px;background:var(--secondary);color:var(--primary);font-size:1.1rem;transition:transform .2s}
details[open] .plus{transform:rotate(45deg)}
details.faq-item p{margin-top:.75rem;font-size:.875rem;color:var(--muted-foreground)}

/* Footer */
footer.site{margin-top:6rem;color:#fff}
footer.site .grid{display:grid;gap:3rem;padding:4rem 0;grid-template-columns:1fr}
@media(min-width:1024px){footer.site .grid{grid-template-columns:repeat(4,1fr)}}
footer.site h4{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-family:'Inter',sans-serif;font-weight:600}
footer.site ul{margin-top:1.25rem;display:flex;flex-direction:column;gap:.65rem;font-size:.875rem;color:rgba(255,255,255,.82)}
footer.site ul a:hover{color:var(--accent)}
.f-brand{display:flex;align-items:center;gap:.6rem}
.f-brand .brand-mark{box-shadow:none}
.f-brand span{font-family:'Playfair Display',serif;font-size:1.3rem;color:#fff}
.f-about{margin-top:1rem;max-width:18rem;font-size:.875rem;color:rgba(255,255,255,.75)}
.socials{margin-top:1.25rem;display:flex;gap:.65rem}
.socials a{width:36px;height:36px;display:grid;place-items:center;border-radius:9999px;background:rgba(255,255,255,.1);transition:background .2s,color .2s}
.socials a:hover{background:var(--accent);color:var(--accent-foreground)}
.f-contact li{display:flex;gap:.75rem;align-items:flex-start}
.f-contact svg{color:var(--accent);flex-shrink:0;margin-top:2px}
.copy{border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 0;text-align:center;font-size:.75rem;color:rgba(255,255,255,.6)}

/* WhatsApp FAB */
.fab{position:fixed;right:20px;bottom:20px;z-index:50;background:var(--whatsapp);color:#fff;border-radius:9999px;padding:.85rem 1.1rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;box-shadow:0 10px 30px -10px rgba(37,211,102,.7);text-decoration:none;transition:transform .15s}
.fab:hover{transform:scale(1.05)}
.fab .pulse{position:relative;width:20px;height:20px;display:grid;place-items:center}
.fab .pulse::before{content:"";position:absolute;inset:0;border-radius:9999px;background:rgba(255,255,255,.4);animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite}
.fab .label{display:none}
@media(min-width:640px){.fab .label{display:inline}}
@keyframes ping{75%,100%{transform:scale(2);opacity:0}}

/* Icon size */
.ico{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ico-sm{width:14px;height:14px}
.ico-lg{width:22px;height:22px}