@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
:root{--orange:#E8531A;--orange-light:#FF6B35;--cream:#FFF8F4;--dark:#1A1A1A;--gray:#6B6B6B;--light-gray:#F5F0EC;--border:#E5DDD8;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',sans-serif;background:#fff;color:var(--dark);}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:0 5%;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:65px;}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-logo-icon{width:38px;height:38px;background:var(--orange);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;}
.nav-brand{font-weight:700;font-size:16px;line-height:1.1;color:var(--dark);}
.nav-brand span{color:var(--orange);}
.nav-links{display:flex;gap:4px;list-style:none;}
.nav-links a{text-decoration:none;color:var(--gray);font-size:13px;font-weight:500;padding:8px 14px;border-radius:8px;transition:all .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--orange);background:#FFF3EE;}
.nav-cta{background:var(--orange);color:#fff;padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;}
.nav-cta:hover{background:var(--orange-light);}
.nav-mobile-toggle{display:none;background:none;border:none;font-size:22px;cursor:pointer;}

/* PAGE HEADER */
.page-header{margin-top:65px;background:linear-gradient(135deg,#FFF3EE,#FFF8F4);padding:48px 5% 36px;border-bottom:1px solid var(--border);}
.page-header h1{font-size:clamp(26px,4vw,40px);font-weight:800;margin-bottom:8px;}
.page-header h1 span{color:var(--orange);}
.page-header p{color:var(--gray);font-size:15px;}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--gray);margin-bottom:14px;}
.breadcrumb a{color:var(--orange);text-decoration:none;}
.breadcrumb span{color:var(--border);}

/* SECTION */
.section{padding:60px 5%;}
.section-alt{background:var(--light-gray);}
.section-title{text-align:center;margin-bottom:40px;}
.section-title h2{font-size:clamp(22px,3.5vw,34px);font-weight:800;margin-bottom:8px;}
.section-title h2 span{color:var(--orange);}
.section-title p{color:var(--gray);font-size:14px;max-width:500px;margin:0 auto;}

/* TABS */
.occasion-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:36px;}
.occ-tab{padding:10px 22px;border-radius:25px;border:2px solid var(--border);background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;color:var(--gray);font-family:'Poppins',sans-serif;}
.occ-tab.active{background:var(--orange);border-color:var(--orange);color:#fff;}
.occ-tab:hover:not(.active){border-color:var(--orange);color:var(--orange);}
.occasion-panel{display:none;}
.occasion-panel.active{display:block;}
.price-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;}
.price-tab{padding:7px 16px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;color:var(--gray);font-family:'Poppins',sans-serif;}
.price-tab.active{background:var(--orange);border-color:var(--orange);color:#fff;}
.price-panel{display:none;}
.price-panel.active{display:block;}

/* MENU CARDS */
.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;}
.menu-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .2s;}
.menu-card:hover{box-shadow:0 8px 32px rgba(232,83,26,.12);border-color:var(--orange);transform:translateY(-3px);}
.menu-card-header{background:linear-gradient(135deg,var(--orange),var(--orange-light));color:#fff;padding:14px 18px;}
.menu-card-header h4{font-size:14px;font-weight:700;margin-bottom:2px;}
.menu-card-header p{font-size:11px;opacity:.85;}
.menu-card-body{padding:14px 18px;}
.menu-items{list-style:none;}
.menu-items li{font-size:12px;color:var(--gray);padding:4px 0;border-bottom:1px solid var(--light-gray);display:flex;align-items:flex-start;gap:8px;}
.menu-items li:last-child{border-bottom:none;}
.menu-items li::before{content:"•";color:var(--orange);font-weight:700;flex-shrink:0;}
.select-btn{width:100%;margin-top:12px;padding:10px;background:var(--orange);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s;font-family:'Poppins',sans-serif;}
.select-btn:hover{background:var(--orange-light);}

/* SEMINAR */
.seminar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;}
.seminar-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.seminar-card-header{background:var(--orange);color:#fff;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;}
.seminar-card-header h4{font-size:14px;font-weight:700;}
.seminar-card-header span{font-size:11px;background:rgba(255,255,255,.25);padding:3px 10px;border-radius:12px;}
.seminar-meal{padding:10px 18px;border-bottom:1px solid var(--light-gray);}
.seminar-meal:last-of-type{border-bottom:none;}
.seminar-meal-label{font-size:10px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;}
.seminar-meal p{font-size:11px;color:var(--gray);line-height:1.5;}
.seminar-select-btn{width:calc(100% - 32px);margin:0 16px 14px;padding:9px;background:var(--orange);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;}
.seminar-select-btn:hover{background:var(--orange-light);}

/* CUSTOM BUILDER */
.custom-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:36px;}
.tier-card{border:2px solid var(--border);border-radius:16px;padding:22px;cursor:pointer;transition:all .2s;position:relative;background:#fff;}
.tier-card.selected{border-color:var(--orange);background:#FFF3EE;}
.tier-card:hover{border-color:var(--orange);}
.tier-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--orange);color:#fff;font-size:10px;font-weight:700;padding:3px 12px;border-radius:12px;white-space:nowrap;}
.tier-name{font-size:16px;font-weight:800;margin-bottom:4px;}
.tier-price{font-size:26px;font-weight:800;color:var(--orange);margin-bottom:12px;}
.tier-price span{font-size:13px;color:var(--gray);font-weight:400;}
.tier-includes{list-style:none;font-size:12px;color:var(--gray);}
.tier-includes li{padding:3px 0;display:flex;align-items:center;gap:8px;}
.tier-includes li::before{content:"✓";color:var(--orange);font-weight:700;}
.food-builder{background:var(--light-gray);border-radius:16px;padding:26px;margin-bottom:24px;display:none;}
.food-builder.visible{display:block;}
.builder-title{font-size:15px;font-weight:700;margin-bottom:18px;}
.food-category{margin-bottom:20px;}
.food-category-label{font-size:12px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;justify-content:space-between;}
.food-category-label span{color:var(--gray);text-transform:none;font-weight:400;}
.food-options{display:flex;flex-wrap:wrap;gap:8px;}
.food-chip{padding:6px 13px;border-radius:20px;border:1px solid var(--border);background:#fff;font-size:12px;cursor:pointer;transition:all .2s;color:var(--dark);}
.food-chip.selected{background:var(--orange);border-color:var(--orange);color:#fff;}
.food-chip:hover:not(.selected){border-color:var(--orange);color:var(--orange);}
.addon-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px;padding:14px 18px;margin-bottom:18px;border:2px solid var(--border);transition:border .2s;}
.addon-row.active{border-color:var(--orange);}
.addon-info h4{font-size:14px;font-weight:700;}
.addon-info p{font-size:12px;color:var(--gray);}
.addon-price{font-size:17px;font-weight:800;color:var(--orange);}
.toggle{width:46px;height:25px;background:var(--border);border-radius:13px;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;}
.toggle.on{background:var(--orange);}
.toggle::after{content:'';position:absolute;width:19px;height:19px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s;}
.toggle.on::after{transform:translateX(21px);}
.price-summary{background:linear-gradient(135deg,var(--orange),var(--orange-light));border-radius:16px;padding:22px;color:#fff;margin-bottom:18px;}
.price-summary h3{font-size:13px;font-weight:600;opacity:.85;margin-bottom:6px;}
.price-row{display:flex;justify-content:space-between;font-size:12px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.2);}
.price-row:last-of-type{border-bottom:none;}
.price-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;}
.price-total span:first-child{font-size:15px;font-weight:700;}
.price-total span:last-child{font-size:30px;font-weight:800;}

/* QUOTE FORM */
.quote-wrap{max-width:680px;margin:0 auto;}
.quote-form{background:var(--light-gray);border-radius:20px;padding:32px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;}
.form-group label{font-size:12px;font-weight:600;color:var(--dark);}
.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid var(--border);border-radius:10px;padding:11px 14px;font-size:13px;color:var(--dark);font-family:'Poppins',sans-serif;transition:border .2s;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--orange);}
.form-group textarea{resize:vertical;min-height:90px;}
.selected-package-display{background:#FFF3EE;border:1px solid rgba(232,83,26,.4);border-radius:10px;padding:12px 16px;margin-bottom:14px;display:none;}
.selected-package-display p{font-size:13px;color:var(--orange);font-weight:600;}

/* BUTTONS */
.wa-btn{width:100%;padding:15px;background:#25D366;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-family:'Poppins',sans-serif;transition:all .2s;text-decoration:none;}
.wa-btn:hover{background:#1ebe5b;transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,.3);}
.btn-primary{background:var(--orange);color:#fff;padding:13px 26px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:'Poppins',sans-serif;}
.btn-primary:hover{background:var(--orange-light);transform:translateY(-2px);}
.btn-outline{border:2px solid var(--orange);color:var(--orange);padding:12px 26px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px;}
.btn-outline:hover{background:var(--orange);color:#fff;}

/* FLOATING WA */
.float-wa{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;}
.float-wa-btn{width:58px;height:58px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(37,211,102,.45);transition:transform .2s;animation:pulse-wa 2.5s infinite;}
.float-wa-btn:hover{transform:scale(1.1);}
.float-wa-label{background:#25D366;color:#fff;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px rgba(37,211,102,.35);opacity:0;transform:translateX(10px);transition:all .3s;}
.float-wa:hover .float-wa-label{opacity:1;transform:translateX(0);}
@keyframes pulse-wa{0%,100%{box-shadow:0 6px 24px rgba(37,211,102,.45);}50%{box-shadow:0 6px 32px rgba(37,211,102,.7),0 0 0 10px rgba(37,211,102,.1);}}

/* FOOTER */
footer{background:#1A1A1A;color:#fff;padding:48px 5% 28px;}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;margin-bottom:36px;}
.footer-brand h3{font-size:18px;font-weight:800;margin-bottom:6px;}
.footer-brand h3 span{color:var(--orange);}
.footer-brand p{font-size:12px;color:rgba(255,255,255,.5);line-height:1.8;margin-top:8px;}
.footer-col h4{font-size:12px;font-weight:700;margin-bottom:12px;color:rgba(255,255,255,.8);}
.footer-col ul{list-style:none;}
.footer-col ul li{font-size:12px;color:rgba(255,255,255,.5);padding:3px 0;}
.footer-col ul li a{color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s;}
.footer-col ul li a:hover{color:var(--orange);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.35);}
.footer-wa{display:flex;align-items:center;gap:8px;background:#25D366;padding:9px 16px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;text-decoration:none;}
.footer-wa:hover{background:#1ebe5b;}

/* ANIMATIONS */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s;}
.fade-in.visible{opacity:1;transform:translateY(0);}

/* RESPONSIVE */
@media(max-width:900px){.custom-tiers{grid-template-columns:1fr 1fr;}}
@media(max-width:700px){
  /* NAV MOBILE */
  .nav-cta{display:none;}
  .nav-mobile-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--light-gray);border-radius:8px;border:none;font-size:20px;cursor:pointer;color:var(--dark);transition:background .2s;}
  .nav-mobile-toggle:hover{background:#FFE8DB;color:var(--orange);}
  .nav-links{
    display:none;
    position:fixed;
    top:65px;left:0;right:0;
    background:#fff;
    flex-direction:column;
    gap:4px;
    padding:16px 5% 24px;
    border-bottom:1px solid var(--border);
    box-shadow:0 8px 32px rgba(0,0,0,.12);
    z-index:998;
  }
  .nav-links.open{display:flex;}
  .nav-links li{width:100%;}
  .nav-links a{display:block;padding:13px 16px;font-size:15px;border-radius:10px;font-weight:500;}
  .nav-mobile-cta{display:block;margin-top:8px;background:var(--orange);color:#fff !important;padding:14px 16px;border-radius:10px;font-size:14px;font-weight:700 !important;text-align:center;}
  .nav-mobile-cta:hover{background:var(--orange-light) !important;}

  /* LAYOUT */
  .form-row{grid-template-columns:1fr;}
  .custom-tiers{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr;}
  .hero-btns{flex-direction:column;}
  .section{padding:44px 5%;}
  .hero-stats{gap:18px;}
  .stat-num{font-size:22px;}
}
