.price-pill {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  
  .price-main {
    font-weight: 700;
    font-size: 1rem;
  }
  
  .price-sub {
    font-size: 0.85rem;
    opacity: 0.7;
    font-style: italic;
  }
    .hidden-item {
    display: none;
  }
  :root {
    --pink: #f472b6;
    --pink-light: #fce7f3;
    --pink-deep: #db2777;
    --pink-pale: #fdf2f8;
    --brown: #92400e;
    --brown-light: #fef3c7;
    --cream: #fffbf7;
    --dark: #fce4f0;
    --gold: #f59e0b;
    --text: #3b1a2a;
    --text-muted: #9d6b7e;
    --cookie: #d97706;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Nunito',sans-serif;background:var(--cream);color:var(--text);overflow-x:hidden}
  
  /* ── STARS BACKGROUND ── */
  body::before{
    content:'';position:fixed;inset:0;
    background-image:
      radial-gradient(1px 1px at 10% 15%, rgba(244,114,182,0.4) 0%, transparent 100%),
      radial-gradient(1px 1px at 25% 40%, rgba(244,114,182,0.3) 0%, transparent 100%),
      radial-gradient(1.5px 1.5px at 50% 10%, rgba(245,158,11,0.5) 0%, transparent 100%),
      radial-gradient(1px 1px at 70% 25%, rgba(244,114,182,0.3) 0%, transparent 100%),
      radial-gradient(1px 1px at 85% 60%, rgba(245,158,11,0.4) 0%, transparent 100%),
      radial-gradient(1.5px 1.5px at 15% 70%, rgba(244,114,182,0.2) 0%, transparent 100%),
      radial-gradient(1px 1px at 90% 85%, rgba(244,114,182,0.3) 0%, transparent 100%),
      radial-gradient(1px 1px at 35% 80%, rgba(245,158,11,0.3) 0%, transparent 100%),
      radial-gradient(1px 1px at 60% 90%, rgba(244,114,182,0.2) 0%, transparent 100%),
      radial-gradient(1.5px 1.5px at 5% 50%, rgba(245,158,11,0.4) 0%, transparent 100%);
    pointer-events:none;z-index:0;
  }
  
  /* ── NAV ── */
  nav{
    position:fixed;top:0;left:0;right:0;z-index:100;
    background:rgba(252,228,240,0.95);backdrop-filter:blur(8px);
    padding:0 2rem;height:64px;
    display:flex;align-items:center;justify-content:space-between;
    border-bottom:1px solid rgba(244,114,182,0.3);
  }
  .nav-logo{font-family:'Dancing Script',cursive;font-size:24px;color:var(--pink);text-decoration:none}
  .nav-links{display:flex;gap:2rem;list-style:none}
  .nav-links a{color:rgba(59,26,42,0.75);text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:color .2s}
  .nav-links a:hover{color:var(--pink)}
  .nav-order{background:var(--pink);color:white;padding:8px 20px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s}
  .nav-order:hover{background:var(--pink-deep);color:white}
  
  /* ── HERO ── */
  .hero{
    min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
    background:linear-gradient(180deg, #fce4f0 0%, #fdf0f7 50%, #fce4f0 100%);
    position:relative;text-align:center;padding:6rem 2rem 4rem;overflow:hidden;
  }
  .hero-glow{
    position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);
    width:600px;height:600px;border-radius:50%;
    background:radial-gradient(circle, rgba(244,114,182,0.15) 0%, transparent 70%);
    pointer-events:none;
  }
  .hero-logo{max-width:480px;width:90%;margin-bottom:2rem;position:relative;z-index:1;
    animation:floatIn 1s ease both;}
  .hero-tagline{font-size:clamp(16px,3vw,20px);color:rgba(59,26,42,0.7);margin-bottom:.75rem;position:relative;z-index:1;animation:floatIn 1s .2s ease both;}
  .hero-sub{font-size:14px;color:rgba(59,26,42,0.5);letter-spacing:.15em;text-transform:uppercase;margin-bottom:2.5rem;position:relative;z-index:1;animation:floatIn 1s .35s ease both;}
  .hero-btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:1;animation:floatIn 1s .5s ease both;}
  .btn-primary{background:var(--pink);color:white;padding:14px 32px;border-radius:999px;text-decoration:none;font-weight:700;font-size:15px;transition:all .2s;border:none;cursor:pointer}
  .btn-primary:hover{background:var(--pink-deep);transform:translateY(-2px)}
  .btn-outline{background:transparent;color:var(--pink-deep);padding:14px 32px;border-radius:999px;text-decoration:none;font-weight:700;font-size:15px;border:1.5px solid rgba(219,39,119,0.4);transition:all .2s}
  .btn-outline:hover{border-color:var(--pink);color:var(--pink);transform:translateY(-2px)}
  .hero-moon-row{
    display:flex;gap:8px;align-items:center;justify-content:center;
    margin-top:3rem;position:relative;z-index:1;animation:floatIn 1s .65s ease both;
  }
  .moon{width:12px;height:12px;border-radius:50%;background:rgba(244,114,182,0.3)}
  .moon.full{width:16px;height:16px;background:var(--pink)}
  .moon.crescent{width:12px;height:12px;background:transparent;border:2px solid rgba(244,114,182,0.5);border-radius:50%}
  
  /* ── SECTIONS ── */
  section{position:relative;z-index:1}
  .section-header{text-align:center;margin-bottom:3rem}
  .section-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--pink);font-weight:700;margin-bottom:.5rem}
  .section-title{font-family:'Dancing Script',cursive;font-size:clamp(36px,6vw,52px);color:var(--text)}
  .section-sub{font-size:15px;color:var(--text-muted);margin-top:.5rem}
  
  /* ── MENU ── */
  #menu{background:var(--cream);padding:6rem 2rem}
  .menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}
  .menu-card{
    background:white;border-radius:24px;padding:2rem;
    border:1.5px solid rgba(244,114,182,0.15);
    transition:all .3s;position:relative;overflow:hidden;
  }
  .menu-card::before{
    content:'';position:absolute;top:-40px;right:-40px;
    width:100px;height:100px;border-radius:50%;
    background:rgba(244,114,182,0.06);
  }
  .menu-card:hover{transform:translateY(-4px);border-color:rgba(244,114,182,0.4);box-shadow:0 12px 40px rgba(244,114,182,0.12)}
  .menu-emoji{font-size:40px;margin-bottom:1rem;display:block}
  .menu-name{font-family:'Dancing Script',cursive;font-size:28px;color:var(--text);margin-bottom:.35rem}
  .menu-desc{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:1.25rem}
  .menu-prices{display:flex;gap:8px;flex-wrap:wrap}
  .price-pill{
    background:var(--pink-light);color:var(--pink-deep);
    padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700
  }
  .price-pill span{font-weight:400;opacity:.75}
  
  /* ── ABOUT ── */
  #about{
    background:linear-gradient(135deg, #fce4f0 0%, #fdf0f7 100%);
    padding:6rem 2rem;color:var(--text);
  }
  .about-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
  .about-text .section-title{color:var(--text)}
  .about-text p{color:var(--text-muted);line-height:1.8;margin-top:1rem;font-size:15px}
  .about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
  .stat-card{background:rgba(244,114,182,0.1);border:1px solid rgba(244,114,182,0.3);border-radius:16px;padding:1.25rem;text-align:center}
  .stat-num{font-family:'Dancing Script',cursive;font-size:40px;color:var(--pink-deep)}
  .stat-label{font-size:12px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.1em}
  .moon-phases{display:flex;justify-content:center;gap:12px;margin-top:2rem;font-size:28px}
  
  /* ── ORDER ── */
  #order{background:var(--pink-pale);padding:6rem 2rem}
  .order-wrap{max-width:680px;margin:0 auto}
  .order-form{background:white;border-radius:24px;padding:2.5rem;border:1.5px solid rgba(244,114,182,0.2)}
  .form-row{margin-bottom:1.25rem}
  .form-row label{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}
  .form-row input,.form-row select,.form-row textarea{
    width:100%;padding:12px 16px;border-radius:12px;
    border:1.5px solid rgba(244,114,182,0.25);
    font-family:'Nunito',sans-serif;font-size:14px;color:var(--text);
    background:white;transition:border .2s;outline:none;
  }
  .form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--pink)}
  .form-row textarea{resize:vertical;min-height:100px}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
  .form-note{font-size:12px;color:var(--text-muted);margin-top:1.5rem;text-align:center;line-height:1.6}
  .submit-btn{
    width:100%;padding:16px;background:var(--pink);color:white;border:none;
    border-radius:999px;font-family:'Nunito',sans-serif;font-size:16px;font-weight:700;
    cursor:pointer;transition:all .2s;margin-top:1rem;
  }
  .submit-btn:hover{background:var(--pink-deep);transform:translateY(-2px)}
  .order-items{margin-bottom:1.5rem}
  .order-item{display:flex;align-items:center;gap:12px;padding:.75rem 0;border-bottom:1px solid rgba(244,114,182,0.1)}
  .order-item:last-child{border-bottom:none}
  .order-item-name{flex:1;font-size:14px;font-weight:600}
  .order-item select{width:auto;padding:6px 10px;font-size:13px}
  
  /* ── CONTACT ── */
  #contact{background:var(--pink-light);padding:5rem 2rem;color:var(--text)}
  .contact-inner{max-width:800px;margin:0 auto;text-align:center}
  .contact-inner .section-title{color:var(--text)}
  .contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2.5rem}
  .contact-card{background:rgba(255,255,255,0.7);border:1px solid rgba(244,114,182,0.25);border-radius:16px;padding:1.5rem;text-align:center}
  .contact-icon{font-size:28px;margin-bottom:.75rem}
  .contact-label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.35rem}
  .contact-val{font-size:14px;color:var(--text);font-weight:600}
  .contact-val a{color:var(--pink);text-decoration:none}
  
  /* ── FOOTER ── */
  footer{background:#fad6ea;padding:2rem;text-align:center;color:var(--text-muted);font-size:12px;border-top:1px solid rgba(244,114,182,0.2)}
  footer span{color:var(--pink)}
  
  /* ── ANIMATIONS ── */
  @keyframes floatIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
  .reveal{opacity:0;transform:translateY(24px);transition:all .7s ease}
  .reveal.visible{opacity:1;transform:translateY(0)}
  
  /* ── MOBILE ── */
  @media(max-width:768px){
    .nav-links{display:none}
    .about-inner{grid-template-columns:1fr}
    .form-grid{grid-template-columns:1fr}
    .hero-logo{max-width:320px}
    .order-item{flex-wrap: wrap;}
    .order-item select{flex: 1 1 100%;width:100%;}
  }