/* ===== Heavenly Creations — Organic Juice Bar ===== */
:root{
  --green:#7cb518;
  --green-d:#5c8a10;
  --lime:#a8d94b;
  --lime-l:#eaf5d3;
  --orange:#f6a11f;
  --coral:#f76f6c;
  --cream:#f6f0e0;
  --cream-d:#e7dcc2;
  --ink:#2b2318;
  --ink-soft:#5b5240;
  --white:#fffdf7;
  --shadow:0 18px 40px -18px rgba(60,50,20,.35);
  --radius:22px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Poppins',system-ui,sans-serif;
  color:var(--ink);
  background:var(--cream);
  line-height:1.6;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:'Fredoka',sans-serif;line-height:1.1;font-weight:600}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.script{font-family:'Pacifico',cursive;font-weight:400}

/* ===== NAV ===== */
.nav{position:sticky;top:0;z-index:50;background:rgba(246,240,224,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--cream-d)}
.nav-inner{max-width:1180px;margin:0 auto;padding:.7rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.5rem;font-family:'Fredoka';font-weight:700;font-size:1.25rem;color:var(--green-d)}
.brand-mark{font-size:1.5rem}
.nav-links{display:flex;align-items:center;gap:1.4rem}
.nav-links a{font-weight:500;font-size:.95rem;color:var(--ink-soft);transition:color .2s}
.nav-links a:hover{color:var(--green-d)}
.nav-cta{background:var(--green);color:#fff!important;padding:.5rem .9rem;border-radius:100px;font-weight:600!important;box-shadow:0 6px 16px -6px var(--green)}
.nav-cta:hover{background:var(--green-d)}
.nav-toggle{display:none;background:none;border:none;font-size:1.6rem;color:var(--green-d);cursor:pointer}

/* ===== HERO ===== */
.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#eaf5d3 0%,#f6f0e0 60%)}
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(circle at 85% 15%,rgba(168,217,75,.35),transparent 40%),
  radial-gradient(circle at 10% 90%,rgba(246,161,31,.18),transparent 45%);}
.hero-inner{position:relative;max-width:1180px;margin:0 auto;padding:3.5rem 1.3rem 4rem;display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
.hero-badge{display:inline-block;background:var(--orange);color:#fff;font-weight:600;padding:.4rem 1rem;border-radius:100px;font-size:.85rem;letter-spacing:.5px;box-shadow:0 8px 18px -8px var(--orange)}
.hero-title{font-size:clamp(3rem,7vw,5.3rem);margin:1rem 0 .3rem;color:var(--green-d);font-weight:700;letter-spacing:-1px}
.hero-title span{color:var(--orange)}
.hero-sub{font-family:'Pacifico',cursive;color:var(--coral);font-size:clamp(1.4rem,3vw,2rem);margin-bottom:.8rem}
.hero-desc{max-width:480px;color:var(--ink-soft);font-size:1.05rem}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.6rem 0 1.4rem}
.hero-tags{list-style:none;display:flex;gap:1.3rem;flex-wrap:wrap;font-weight:500;color:var(--green-d)}
.hero-art{position:relative}
.hero-art img{border-radius:50%;box-shadow:var(--shadow);animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-14px)}}

.btn{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;padding:.8rem 1.5rem;border-radius:100px;cursor:pointer;transition:transform .15s,box-shadow .2s;font-family:'Fredoka'}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 12px 24px -10px var(--green)}
.btn-primary:hover{background:var(--green-d)}
.btn-ghost{background:#fff;color:var(--green-d);border:2px solid var(--lime)}
.btn.big{font-size:1.15rem;padding:1rem 2rem}

/* ===== FEATURES ===== */
.features{max-width:1180px;margin:-2.2rem auto 0;padding:0 1.3rem;position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.feature{background:var(--white);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow);text-align:center;border:1px solid var(--cream-d)}
.feature-ico{font-size:2.4rem;margin-bottom:.4rem}
.feature h3{color:var(--green-d);font-size:1.2rem;margin-bottom:.3rem}
.feature p{color:var(--ink-soft);font-size:.95rem}

/* ===== SECTION HEADS ===== */
.section-head{text-align:center;max-width:700px;margin:0 auto 2.2rem}
.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.8rem;font-weight:600;color:var(--orange)}
.section-head h2{font-size:clamp(2.2rem,5vw,3.2rem);color:var(--green-d);margin:.3rem 0}
.section-head h2.light{color:#fff}
.section-note{color:var(--ink-soft)}
.section-note.light{color:rgba(255,255,255,.85)}

/* ===== MENU ===== */
.menu{max-width:1080px;margin:0 auto;padding:4.5rem 1.3rem}
.menu-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2.2rem}
.tab{font-family:'Fredoka';font-weight:500;background:var(--white);border:2px solid var(--cream-d);color:var(--ink-soft);padding:.55rem 1.1rem;border-radius:100px;cursor:pointer;transition:all .18s;font-size:.95rem}
.tab:hover{border-color:var(--lime)}
.tab.active{background:var(--green);color:#fff;border-color:var(--green)}
.menu-panel{display:none;background:var(--white);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);border:1px solid var(--cream-d);animation:fade .35s ease}
.menu-panel.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1}}
.panel-head{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;border-bottom:2px dashed var(--cream-d);padding-bottom:.9rem;margin-bottom:1.3rem}
.panel-head h3{font-size:1.7rem;color:var(--green-d)}
.panel-tag{color:var(--coral);font-weight:600;font-size:.9rem}
.panel-lead{color:var(--ink-soft);margin:1rem 0 .6rem;font-weight:500}

.price-grid{display:flex;flex-direction:column;gap:.15rem}
.grid-h,.row{display:grid;align-items:center;gap:.5rem}
.price-grid.three .grid-h,.price-grid.three .row{grid-template-columns:1fr 60px 60px 60px}
.price-grid.two .grid-h,.price-grid.two .row{grid-template-columns:1fr 70px 70px}
.price-grid.one .grid-h,.price-grid.one .row{grid-template-columns:1fr 70px}
.grid-h{font-family:'Fredoka';font-weight:600;color:var(--orange);text-align:center;padding:.3rem 0;font-size:1.05rem}
.grid-h span:first-child{text-align:left;color:var(--green-d)}
.row{padding:.6rem .3rem;border-radius:12px;text-align:center;transition:background .15s}
.row:nth-child(even){background:var(--lime-l)}
.row:hover{background:#e6f2cf}
.row .item{text-align:left;font-weight:500}
.row span:not(.item){font-family:'Fredoka';font-weight:600;color:var(--ink)}
.tight .row,.tight .grid-h{padding-top:.4rem;padding-bottom:.4rem}

.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.size-pills{display:flex;gap:.6rem;flex-wrap:wrap;margin:.4rem 0}
.pill{background:var(--green);color:#fff;font-family:'Fredoka';font-weight:600;padding:.4rem 1.1rem;border-radius:100px}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chips span{background:var(--lime-l);border:1px solid var(--lime);color:var(--green-d);padding:.35rem .85rem;border-radius:100px;font-size:.9rem;font-weight:500}
.chips.small span{font-size:.82rem;padding:.28rem .7rem;background:#fff}
.addon-box{margin-top:1.4rem;background:var(--lime-l);border-radius:16px;padding:1rem 1.2rem}
.addon-box strong{color:var(--green-d);display:block;margin-bottom:.5rem}

.menu-list h4{color:var(--orange);font-size:1.2rem;margin:.4rem 0 .6rem;border-bottom:1px solid var(--cream-d);padding-bottom:.3rem}
.lrow{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.55rem 0;border-bottom:1px dashed var(--cream-d)}
.lrow small{display:block;color:var(--ink-soft);font-size:.82rem;font-weight:400}
.lrow .item{font-weight:600}
.lrow .price{font-family:'Fredoka';font-weight:700;color:var(--green-d);white-space:nowrap}

/* ===== SIGNATURE ===== */
.signature{background:linear-gradient(160deg,var(--green) 0%,var(--green-d) 100%);padding:4.5rem 1.3rem;position:relative}
.sig-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}
.sig-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s}
.sig-card:hover{transform:translateY(-6px)}
.sig-card img{aspect-ratio:1;object-fit:cover}
.sig-cap{padding:1.1rem 1.2rem 1.4rem}
.sig-cap h3{color:var(--green-d);font-size:1.2rem;margin-bottom:.25rem}
.sig-cap p{color:var(--ink-soft);font-size:.9rem}

/* ===== VIDEOS ===== */
.videos{max-width:1080px;margin:0 auto;padding:4.5rem 1.3rem}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.video-wrapper{position:relative;width:100%;background:#000;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--cream-d);display:flex;align-items:center;justify-content:center;aspect-ratio:9/16;max-height:75vh}
.video-wrapper video{width:100%;height:100%;object-fit:contain;background:#000;border:none;display:block;border-radius:var(--radius)}

/* ===== FLYERS ===== */
.flyers{background:linear-gradient(160deg,var(--orange) 0%,#e08a10 100%);padding:4.5rem 1.3rem}
.flyer-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.flyer-grid img{border-radius:16px;box-shadow:var(--shadow);cursor:zoom-in;transition:transform .2s;border:4px solid #fff}
.flyer-grid img:hover{transform:scale(1.03)}

/* ===== CATERING ===== */
.catering{background:var(--coral);padding:4.5rem 1.3rem;text-align:center;background-image:linear-gradient(160deg,#f88a87,#f6605c)}
.catering-inner{max-width:640px;margin:0 auto}
.catering h2{font-size:clamp(2.2rem,5vw,3.2rem)}
.catering p{color:#fff;font-size:1.1rem;margin:1rem 0 1.8rem}

/* ===== LOCATION ===== */
.location-section{max-width:1180px;margin:0 auto;padding:4.5rem 1.3rem}
.location-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch}
.location-info{display:flex;flex-direction:column;gap:1.2rem}
.info-card{background:var(--white);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--cream-d);display:flex;gap:1.2rem;align-items:flex-start}
.info-ico{font-size:2rem;background:var(--lime-l);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}
.info-body h3{color:var(--green-d);font-size:1.15rem;margin-bottom:.3rem}
.address-text{font-size:1rem;color:var(--ink);line-height:1.4}
.neighborhood{font-size:.85rem;color:var(--orange);font-weight:600;margin:.4rem 0 .8rem}
.phone-link{font-family:'Fredoka';font-weight:600;font-size:1.2rem;color:var(--green-d)}
.sub-info{font-size:.88rem;color:var(--ink-soft);margin-top:.2rem}
.btn-sm{padding:.5rem 1rem;font-size:.85rem}
.location-map{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--cream-d);min-height:350px}
.footer-address{color:var(--lime);font-size:.9rem;margin-top:.6rem;line-height:1.4}

/* ===== FOOTER ===== */
.footer{background:var(--ink);color:#e9e2d2;padding:3.5rem 1.3rem 1.5rem}
.footer-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-brand h3{color:#fff;font-size:1.5rem;margin:.4rem 0 .2rem}
.brand-mark.big{font-size:2.2rem}
.tagline{color:var(--lime);font-size:.95rem}
.footer-col h4{color:var(--orange);margin-bottom:.7rem;font-size:1.05rem}
.footer-col p{margin:.35rem 0;color:#cfc7b6;font-size:.95rem}
.footer-col a:hover,.footer-brand a:hover{color:var(--lime)}
.footer-bottom{max-width:1080px;margin:1.3rem auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;font-size:.85rem;color:#a89f8c}
.wedo{font-family:'Pacifico',cursive;color:var(--lime)}

/* ===== LIGHTBOX ===== */
.lightbox{display:none;position:fixed;inset:0;z-index:100;background:rgba(20,16,8,.92);align-items:center;justify-content:center;padding:2rem;cursor:zoom-out}
.lightbox.open{display:flex}
.lightbox img{max-width:92vw;max-height:88vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb-close{position:absolute;top:1.2rem;right:1.6rem;color:#fff;font-size:2rem;cursor:pointer;font-family:sans-serif}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;text-align:center}
  .hero-desc{margin:0 auto}
  .hero-actions,.hero-tags{justify-content:center}
  .hero-art{max-width:360px;margin:1rem auto 0}
  .features{grid-template-columns:1fr}
  .sig-grid{grid-template-columns:1fr 1fr}
  .flyer-grid{grid-template-columns:1fr 1fr}
  .location-container{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .nav-links{position:fixed;top:60px;right:0;flex-direction:column;background:var(--white);width:230px;padding:1.2rem;gap:1rem;box-shadow:var(--shadow);border-radius:0 0 0 18px;transform:translateX(110%);transition:transform .3s;height:auto;align-items:flex-start}
  .nav-links.open{transform:translateX(0)}
  .nav-toggle{display:block}
  .split{grid-template-columns:1fr}
  .video-grid{grid-template-columns:1fr}
  .video-wrapper{aspect-ratio:9/16;max-height:80vh}
  .video-wrapper video{object-fit:contain}
  .sig-grid,.flyer-grid{grid-template-columns:1fr}
  .menu-panel{padding:1.3rem}
  .price-grid.three .grid-h,.price-grid.three .row{grid-template-columns:1fr 44px 44px 44px;gap:.2rem;font-size:.92rem}
}