:root{
    --cocoa:#6B4A38; --cocoa-dark:#3B2A21; --cocoa-light:#8A6748;
    --cream:#FFFCF9; --gold:#C97B93; --gold-soft:#F5D8E0;
    --blush:#F0E2D9; --ink:#2E2018; --sage:#B4677A; --sage-light:#D9A9B4;
    --desc:#A2763F;
    --font-display:'Marcellus',serif; --font-body:'Quicksand',sans-serif; --font-mono:'IBM Plex Mono',monospace;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;font-family:var(--font-body);background:var(--cream);color:var(--ink);min-height:100vh;display:flex;flex-direction:column;}
  a{color:inherit;text-decoration:none;}
  :focus-visible{outline:2px solid var(--cocoa);outline-offset:3px;border-radius:4px;}
  .wrap{max-width:1100px;margin:0 auto;padding:0 20px;}
  .wrap-narrow{max-width:760px;margin:0 auto;padding:0 20px;}

  /* Nav */
  header.site{position:sticky;top:0;z-index:40;background:rgba(255,252,249,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--gold-soft);}
  .nav-inner{max-width:1100px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between;}
  .brand{font-family:var(--font-display);font-size:1.25rem;color:var(--cocoa-dark);cursor:pointer;}
  .brand .sparkle{color:var(--gold);font-size:.8rem;vertical-align:super;}
  nav.links{display:flex;gap:28px;font-size:.9rem;}
  nav.links a{color:rgba(46,32,24,.8);cursor:pointer;}
  nav.links a:hover{color:var(--cocoa-dark);}
  .cta-btn{display:inline-flex;align-items:center;border-radius:999px;background:var(--cocoa-dark);color:var(--cream);padding:9px 20px;font-size:.9rem;cursor:pointer;border:none;font-family:var(--font-body);}
  .cta-btn:hover{background:var(--cocoa);}
  .menu-btn{display:none;background:none;border:none;color:var(--cocoa-dark);cursor:pointer;padding:8px;}
  @media (max-width:820px){
    nav.links, header.site .cta-btn{display:none;}
    .menu-btn{display:block;}
  }
  #mobileMenu{display:none;border-top:1px solid var(--gold-soft);background:var(--cream);padding:8px 20px 16px;flex-direction:column;gap:10px;font-size:.9rem;}
  #mobileMenu.open{display:flex;}
  #mobileMenu a{padding:6px 0;}

  main{flex:1;}
  footer.site{background:var(--cocoa-dark);color:rgba(255,252,249,.8);margin-top:0;}
  .footer-grid{max-width:1100px;margin:0 auto;padding:48px 20px;display:grid;gap:32px;grid-template-columns:1fr;font-size:.9rem;}
  @media(min-width:640px){.footer-grid{grid-template-columns:repeat(3,1fr);}}
  .footer-grid h3{font-family:var(--font-display);font-size:1.1rem;color:var(--cream);margin:0 0 8px;}
  .footer-label{color:var(--gold-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;margin-bottom:8px;}
  .footer-bottom{border-top:1px solid rgba(255,252,249,.1);padding:16px;text-align:center;font-size:.75rem;color:rgba(255,252,249,.5);}

  .floral-divider{display:flex;align-items:center;gap:12px;color:var(--gold);margin-bottom:12px;}
  .floral-divider::before,.floral-divider::after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent);}
  .eyebrow{font-family:var(--font-display);font-size:.85rem;}

  h1.hero-title{font-family:var(--font-display);font-size:2.6rem;line-height:1.15;margin:0 0 24px;}
  @media(min-width:640px){h1.hero-title{font-size:3.2rem;}}
  h2.section-title{font-family:var(--font-display);font-size:1.9rem;color:var(--cocoa-dark);margin:0 0 12px;}
  h3.card-title{font-family:var(--font-display);font-size:1.15rem;color:var(--cocoa-dark);margin:0 0 8px;}

  /* Hero */
  section.hero{background:var(--cocoa-dark);color:var(--cream);}
  .hero-inner{max-width:1100px;margin:0 auto;padding:96px 20px;display:grid;gap:40px;grid-template-columns:1fr;align-items:center;}
  @media(min-width:820px){.hero-inner{grid-template-columns:1fr 1fr;padding:128px 20px;}}
  .tag{text-transform:uppercase;letter-spacing:.2em;color:var(--gold-soft);font-size:.75rem;margin-bottom:16px;}
  .hero-p{color:rgba(255,252,249,.8);max-width:420px;margin-bottom:32px;}
  .btn-row{display:flex;flex-wrap:wrap;gap:16px;}
  .btn-gold{display:inline-flex;align-items:center;border-radius:999px;background:var(--gold);color:var(--cocoa-dark);padding:12px 24px;font-weight:500;cursor:pointer;border:none;font-family:var(--font-body);font-size:.95rem;}
  .btn-gold:hover{background:var(--gold-soft);}
  .btn-outline-light{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(255,252,249,.3);padding:12px 24px;cursor:pointer;background:none;color:var(--cream);font-family:var(--font-body);font-size:.95rem;}
  .btn-outline-light:hover{background:rgba(255,252,249,.1);}
  .quote-box{border-radius:20px;border:1px solid rgba(245,216,224,.4);padding:32px;background:rgba(255,252,249,.05);font-family:var(--font-display);font-size:1.15rem;line-height:1.5;}
  .quote-cite{margin-top:16px;font-family:var(--font-body);font-size:.85rem;color:var(--gold-soft);}

  /* Cards / grids */
  .card{border-radius:20px;background:rgba(255,255,255,.6);border:1px solid var(--blush);padding:24px;box-shadow:0 8px 30px -12px rgba(46,32,24,.25);transition:transform .15s ease,box-shadow .15s ease;}
  .card[onclick]:hover{transform:translateY(-3px);box-shadow:0 14px 34px -12px rgba(46,32,24,.32);border-color:var(--cocoa-light);}
  .grid-4{display:grid;gap:20px;grid-template-columns:1fr;}
  @media(min-width:640px){.grid-4{grid-template-columns:1fr 1fr;}}
  @media(min-width:960px){.grid-4{grid-template-columns:repeat(4,1fr);}}
  .grid-2{display:grid;gap:20px;grid-template-columns:1fr;}
  @media(min-width:640px){.grid-2{grid-template-columns:1fr 1fr;}}
  .pill-time{text-transform:uppercase;letter-spacing:.05em;color:var(--sage);font-size:.75rem;margin-bottom:8px;}
  .price-mono{font-family:var(--font-mono);color:var(--cocoa-dark);font-size:1.1rem;}

  section.pad{padding:80px 0;}
  section.blush-bg{background:rgba(240,226,217,.4);}
  ol.steps{display:grid;gap:32px;grid-template-columns:1fr;list-style:none;margin:0;padding:0;}
  @media(min-width:820px){ol.steps{grid-template-columns:repeat(4,1fr);}}
  ol.steps li .num{font-family:var(--font-mono);color:var(--gold);font-size:.9rem;margin-bottom:8px;}
  ol.steps li p.step-title{font-family:var(--font-display);font-size:1.1rem;color:var(--cocoa-dark);margin:0 0 4px;}
  ol.steps li p.step-desc{font-size:.9rem;color:rgba(46,32,24,.7);margin:0;}

  .center{text-align:center;}
  .text-muted{color:rgba(46,32,24,.7);}

  /* Services page */
  .service-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(240,226,217,.6);padding:4px 0;font-size:.9rem;}
  .service-row span.count{font-family:var(--font-mono);color:var(--cocoa);}

  /* Info page (berpantang) */
  .info-block{border-radius:20px;background:rgba(255,255,255,.6);border:1px solid var(--blush);padding:24px;margin-bottom:20px;font-size:.9rem;line-height:1.6;}
  .info-important{border-radius:20px;background:var(--cocoa-dark);color:var(--cream);border:1px solid rgba(245,216,224,.4);padding:24px;margin-bottom:32px;}

  .btn-outline.tab-active{background:var(--cocoa-dark);color:var(--cream);}
  .flexi-status-pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:600;}
  .flexi-status-WAITING{background:var(--gold-soft);color:#8A3A54;}
  .flexi-status-BOOKED{background:rgba(180,103,122,.2);color:var(--sage);}
  .flexi-status-BURNED{background:#FFE1DE;color:#B23B30;}
  .flexi-status-EXPIRED{background:var(--blush);color:rgba(46,32,24,.6);}
  .offer-row{display:flex;justify-content:space-between;align-items:center;border-radius:12px;border:1px solid var(--blush);background:rgba(255,255,255,.5);padding:12px 16px;margin-bottom:8px;font-size:.9rem;}
  .wa-bubble{max-width:340px;background:#DCF8C6;border-radius:12px;border-bottom-right-radius:2px;padding:12px 14px;font-size:.88rem;color:#1b1b1b;line-height:1.5;margin:12px 0;box-shadow:0 1px 2px rgba(0,0,0,.12);}
  .wa-bubble .wa-meta{display:flex;align-items:center;gap:6px;font-size:.72rem;color:rgba(46,32,24,.5);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em;}
  .info-important p.title{font-family:var(--font-display);font-size:1.1rem;margin:0 0 8px;}

  /* Forms */
  label.field-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--gold);margin-bottom:6px;}
  input[type=text], input[type=tel], input[type=email], input[type=date], input[type=datetime-local], textarea{
    width:100%;border-radius:10px;border:1px solid var(--blush);padding:10px 14px;background:rgba(255,255,255,.7);font-family:var(--font-body);font-size:.95rem;color:var(--ink);
  }
  textarea{resize:vertical;}
  .field{margin-bottom:20px;}
  .btn-outline{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--cocoa-dark);padding:8px 18px;font-size:.85rem;cursor:pointer;background:none;color:var(--ink);font-family:var(--font-body);}
  .btn-outline:hover{background:var(--cocoa-dark);color:var(--cream);}
  .btn-dark{display:inline-flex;align-items:center;border-radius:999px;background:var(--cocoa-dark);color:var(--cream);padding:10px 24px;cursor:pointer;border:none;font-family:var(--font-body);font-size:.95rem;}
  .btn-dark:hover{background:var(--cocoa);}
  .btn-dark:disabled{opacity:.4;cursor:not-allowed;}
  .btn-link{background:none;border:none;color:var(--cocoa-dark);text-decoration:underline;cursor:pointer;font-family:var(--font-body);font-size:.9rem;padding:0;}
  .msg-error{color:#b91c1c;font-size:.9rem;}
  .msg-success{border-radius:12px;background:rgba(180,103,122,.1);border:1px solid rgba(180,103,122,.4);padding:12px;font-size:.9rem;}
  .msg-danger{border-radius:12px;background:#fef2f2;border:1px solid #fecaca;padding:12px;font-size:.9rem;color:#991b1b;}

  /* Wizard */
  .steps-bar{display:flex;gap:8px;margin-bottom:32px;}
  .steps-bar .seg{flex:1;height:4px;border-radius:999px;background:var(--blush);}
  .steps-bar .seg.done, .steps-bar .seg.active{background:var(--gold);}
  .steps-back{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--cocoa-dark);cursor:pointer;margin-bottom:20px;background:none;border:none;font-family:var(--font-body);padding:0;}
  .steps-back:hover{opacity:.7;}
  .service-pick{text-align:left;border-radius:20px;border:1px solid var(--blush);background:rgba(255,255,255,.5);padding:16px;cursor:pointer;font-family:var(--font-body);width:100%;transition:opacity .2s ease,filter .2s ease;}
  .service-pick.dimmed{opacity:.45;filter:blur(1px) grayscale(.3);}
  .service-pick.dimmed:hover{opacity:.8;filter:blur(0) grayscale(0);}

  .wizard-sticky-footer{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(255,252,249,.95);backdrop-filter:blur(8px);border-top:1px solid var(--blush);padding:14px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -8px 24px -12px rgba(46,32,24,.15);}
  .wizard-sticky-footer-inner{max-width:760px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;}
  .wizard-content-pad{padding-bottom:96px;}
  .service-pick:hover{background:rgba(240,226,217,.3);}
  .service-pick.selected{border-color:var(--cocoa-dark);background:rgba(240,226,217,.5);}
  .service-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:999px;margin:2px 0 6px;}
  .service-badge.favorite{background:var(--gold-soft);color:#8A3A54;}
  .service-badge.top-pick{background:var(--blush);color:var(--cocoa-dark);}
  .service-pick p.name{font-weight:500;color:var(--cocoa-dark);margin:0 0 4px;}
  .service-pick p.meta{font-size:.85rem;color:rgba(46,32,24,.6);margin:0;}

  .slot-pick{display:block;text-align:left;border-radius:12px;border:1px solid var(--blush);background:rgba(255,255,255,.5);padding:12px 16px;font-size:.9rem;cursor:pointer;width:100%;margin-bottom:8px;font-family:var(--font-body);}
  .slot-pick.selected{border-color:var(--cocoa-dark);background:rgba(240,226,217,.5);}
  .time-chip{border-radius:999px;border:1px solid var(--blush);padding:6px 16px;font-size:.9rem;cursor:pointer;background:none;font-family:var(--font-body);}
  .time-chip.selected{border-color:var(--cocoa-dark);background:var(--cocoa-dark);color:var(--cream);}
  .chip-row{display:flex;flex-wrap:wrap;gap:8px;}

  .month-label{font-family:var(--font-display);font-size:1.15rem;color:var(--cocoa-dark);margin-bottom:14px;text-align:center;}
  .date-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;margin-bottom:24px;-webkit-overflow-scrolling:touch;}
  .date-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:14px;border:1px solid var(--blush);background:rgba(255,255,255,.6);padding:10px 18px;cursor:pointer;font-family:var(--font-body);min-width:60px;}
  .date-chip:hover{border-color:var(--cocoa-light);}
  .date-chip .dow{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(46,32,24,.5);}
  .date-chip .dom{font-family:var(--font-display);font-size:1.15rem;color:var(--cocoa-dark);}
  .date-chip.selected{border-color:var(--cocoa-dark);background:var(--cocoa-dark);}
  .date-chip.selected .dow{color:var(--gold-soft);}
  .date-chip.selected .dom{color:var(--cream);}
  .time-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
  @media(min-width:480px){.time-grid{grid-template-columns:repeat(3,1fr);}}
  @media(min-width:640px){.time-grid{grid-template-columns:repeat(4,1fr);}}
  .time-slot-btn{border-radius:10px;border:1px solid var(--blush);background:rgba(255,255,255,.65);padding:11px 8px;font-size:.9rem;cursor:pointer;font-family:var(--font-body);color:var(--ink);text-align:center;}
  .time-slot-btn:hover{border-color:var(--cocoa-light);}
  .time-slot-btn.selected{border-color:var(--cocoa-dark);background:var(--cocoa-dark);color:var(--cream);}
  .time-slot-btn.disabled-slot{border:1px solid var(--blush);background:none;color:rgba(46,32,24,.25);text-decoration:line-through;cursor:not-allowed;}

  /* Radio cards (delivery type, etc.) */
  .radio-card{display:flex;gap:12px;align-items:flex-start;text-align:left;border-radius:16px;border:1px solid var(--blush);background:rgba(255,255,255,.5);padding:16px 18px;cursor:pointer;font-family:var(--font-body);width:100%;margin-bottom:12px;}
  .radio-card:hover{border-color:var(--cocoa-light);}
  .radio-card.selected{border-color:var(--gold);background:var(--gold-soft);}
  .radio-card .dot{width:20px;height:20px;border-radius:999px;border:2px solid var(--blush);flex:0 0 auto;margin-top:2px;display:flex;align-items:center;justify-content:center;}
  .radio-card.selected .dot{border-color:var(--gold);}
  .radio-card.selected .dot::after{content:"";width:10px;height:10px;border-radius:999px;background:var(--gold);}
  .radio-card p.rc-title{font-weight:600;color:var(--cocoa-dark);margin:0 0 4px;font-size:.98rem;}
  .radio-card p.rc-desc{font-size:.85rem;color:rgba(46,32,24,.6);margin:0;}

  /* Flexible-slot informational screen */
  .flex-box{border-radius:16px;border:1px solid var(--blush);background:rgba(255,255,255,.6);padding:20px;margin-bottom:16px;font-size:.9rem;line-height:1.6;}
  .flex-box.highlight{background:var(--gold-soft);border-color:var(--gold);}
  .flex-box p.fb-title{font-weight:600;color:var(--cocoa-dark);margin:0 0 8px;}
  .flex-box ul{margin:0;padding-left:20px;}
  .agree-row{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--ink);margin:16px 0;}
  .agree-row input{margin-top:3px;}

  /* Admin weekly grid */
  .grid-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px;}
  .grid-nav-btn{border:1px solid var(--blush);background:rgba(255,255,255,.6);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
  .grid-week-label{font-family:var(--font-display);font-size:1.1rem;color:var(--cocoa-dark);}
  .cal-grid{display:grid;grid-template-columns:64px repeat(5,1fr);border:1px solid var(--blush);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.5);}
  .cal-head{padding:10px 4px;text-align:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cocoa-dark);background:var(--blush);font-weight:600;border-bottom:1px solid var(--blush);}
  .cal-time-label{padding:6px 8px;font-size:.72rem;color:rgba(46,32,24,.5);text-align:right;border-top:1px solid rgba(240,226,217,.6);font-family:var(--font-mono);}
  .cal-cell{border-top:1px solid rgba(240,226,217,.6);border-left:1px solid rgba(240,226,217,.6);min-height:26px;cursor:pointer;position:relative;background:rgba(180,103,122,.08);}
  .cal-cell:hover{outline:2px solid var(--cocoa-light);outline-offset:-2px;}
  .cal-cell.blocked{background-color:#FF3B30;}
  .cal-cell.risk-held{background:repeating-linear-gradient(135deg,var(--gold-soft),var(--gold-soft) 5px,#fff 5px,#fff 10px);cursor:pointer;}
  .cal-cell.booked{
    background-color:#D9EAD2;
    background-image:
      radial-gradient(circle at 22% 28%, #F4B6CE 2.2px, transparent 2.6px),
      radial-gradient(circle at 72% 22%, #FBE18E 2.2px, transparent 2.6px),
      radial-gradient(circle at 48% 68%, #C9B6E4 1.8px, transparent 2.2px),
      radial-gradient(circle at 85% 75%, #F4B6CE 1.8px, transparent 2.2px),
      radial-gradient(circle at 10% 80%, #FBE18E 1.6px, transparent 2px);
    background-size:18px 18px;
    background-repeat:repeat;
    cursor:pointer;
  }
  .cal-cell.buffer{background:repeating-linear-gradient(135deg,var(--cocoa-light),var(--cocoa-light) 3px,var(--blush) 3px,var(--blush) 7px);cursor:not-allowed;opacity:.7;}
  .cal-cell.flexi-pending{background:repeating-linear-gradient(135deg,#C9B6E4,#C9B6E4 4px,#F1E9F8 4px,#F1E9F8 9px);cursor:default;}
  .cal-cell.flexi-queued{background-color:#F1E9F8;background-image:radial-gradient(circle,#C9B6E4 1.6px,transparent 2px);background-size:10px 10px;border:1.5px dashed #C9B6E4;cursor:pointer;}
  .legend-row{display:flex;flex-wrap:wrap;gap:16px;font-size:.8rem;margin:16px 0 24px;color:rgba(46,32,24,.7);}
  .legend-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:6px;vertical-align:-2px;}

  .modal-overlay{position:fixed;inset:0;background:rgba(46,32,24,.45);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;}
  .modal-overlay.hidden{display:none;}
  .modal-box{background:var(--cream);border-radius:20px;padding:28px;max-width:400px;width:100%;box-shadow:0 24px 60px -20px rgba(46,32,24,.5);}
  .modal-box select{width:100%;border-radius:10px;border:1px solid var(--blush);padding:10px 12px;background:rgba(255,255,255,.8);font-family:var(--font-body);font-size:.95rem;color:var(--ink);}

  .review-box{border-radius:20px;border:1px solid var(--blush);background:rgba(255,255,255,.6);padding:24px;font-size:.9rem;}
  .review-row{display:flex;justify-content:space-between;padding:6px 0;}
  .review-row.total{font-size:1.1rem;color:var(--cocoa-dark);padding-top:10px;}
  .review-divider{border-top:1px solid var(--blush);margin-top:8px;padding-top:8px;}
  .deposit-note{border-radius:20px;background:rgba(245,216,224,.3);border:1px solid rgba(201,123,147,.4);padding:16px;font-size:.9rem;margin:20px 0;}

  /* Admin */
  table.admin-table{width:100%;border-collapse:collapse;font-size:.9rem;}
  table.admin-table th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--blush);}
  table.admin-table td{padding:10px 14px;border-bottom:1px solid rgba(240,226,217,.6);vertical-align:top;}
  tr.booking-row{cursor:pointer;}
  tr.booking-row:hover{background:rgba(180,103,122,.06);}
  .notes-input{width:150px;min-width:150px;border-radius:8px;border:1px solid var(--blush);background:rgba(255,255,255,.7);padding:6px 8px;font-family:var(--font-body);font-size:.82rem;color:var(--ink);resize:vertical;}
  .notes-input:focus{border-color:var(--cocoa-light);}

  .anv-subtabs{display:flex;gap:4px;border-bottom:1px solid var(--blush);margin-bottom:20px;}
  .anv-subtab-btn{background:none;border:none;padding:10px 16px;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--cocoa-light);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;}
  .anv-subtab-btn:hover{color:var(--cocoa-dark);}
  .anv-subtab-btn.active{color:var(--cocoa-dark);border-bottom-color:var(--gold);}
  .anv-card{border:1px solid var(--blush);border-radius:14px;background:rgba(255,255,255,.6);padding:14px 16px;margin-bottom:10px;cursor:pointer;}
  .anv-card:hover{border-color:var(--cocoa-light);}
  .anv-card-notes{width:100%;min-height:44px;border-radius:8px;border:1px solid var(--blush);background:rgba(255,255,255,.8);padding:7px 10px;font-family:var(--font-body);font-size:.82rem;color:var(--ink);resize:vertical;margin-top:10px;}
  .anv-card-notes:focus{border-color:var(--cocoa-light);}
  .anv-notes-label{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cocoa-light);margin:10px 0 4px;}
  .anv-completed-badge{display:inline-block;background:var(--sage);color:#fff;font-size:.72rem;font-weight:600;padding:2px 9px;border-radius:999px;}
  .anv-completed-badge.today{opacity:.5;}

  .status-pill{padding:3px 10px;border-radius:999px;font-size:.75rem;}
  .status-CONFIRMED{background:rgba(180,103,122,.2);color:var(--sage);}
  .status-PENDING_PAYMENT{background:rgba(245,216,224,.4);color:var(--cocoa-dark);}
  .status-CANCELLED{background:#fef2f2;color:#b91c1c;}
  .status-COMPLETED{background:rgba(122,160,120,.22);color:#3f6b3a;}
  .status-NO_SHOW{background:#fff4e5;color:#9a5b00;}
  /* Clients (client database) */
  .client-card{border-radius:16px;border:1px solid var(--blush);background:rgba(255,255,255,.6);padding:18px 20px;margin-bottom:14px;}
  .client-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
  .client-name{font-family:var(--font-display);font-size:1.15rem;color:var(--cocoa-dark);margin:0;}
  .client-sub{color:rgba(46,32,24,.6);font-size:.85rem;margin:2px 0 0;}
  .client-stats{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:.85rem;color:rgba(46,32,24,.75);}
  .client-stats strong{color:var(--cocoa-dark);}
  .client-bookings{margin-top:14px;border-top:1px solid var(--blush);padding-top:10px;}
  .client-bk-row{display:grid;grid-template-columns:1.6fr 1.4fr auto auto auto;gap:10px;align-items:center;
    font-size:.83rem;padding:7px 0;border-bottom:1px dashed rgba(180,103,122,.18);}
  .client-bk-row:last-child{border-bottom:none;}
  @media(max-width:640px){.client-bk-row{grid-template-columns:1fr 1fr;}}
  .slot-row{display:flex;justify-content:space-between;align-items:center;border-radius:10px;border:1px solid var(--blush);background:rgba(255,255,255,.5);padding:10px 16px;font-size:.9rem;margin-bottom:8px;}
  .banner-gold{border-radius:20px;border:1px solid rgba(201,123,147,.4);background:rgba(245,216,224,.2);padding:20px;margin-bottom:32px;}
  .collapsible-header{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;cursor:pointer;padding:8px 0;font-family:var(--font-body);text-align:left;}
  .collapsible-header:hover .collapsible-chevron{color:var(--cocoa-dark);}
  .collapsible-chevron{color:var(--gold);font-size:1.1rem;transition:transform .15s ease;}
  .collapsible-header.expanded .collapsible-chevron{transform:rotate(90deg);}

  /* Admin dashboard: sidebar layout */
  .admin-shell{display:flex;align-items:flex-start;}
  .admin-sidebar{position:sticky;top:64px;width:236px;flex:0 0 236px;height:calc(100vh - 64px);
    background:var(--cocoa-dark);color:rgba(255,252,249,.85);display:flex;flex-direction:column;padding:26px 14px;}
  .admin-brand{font-family:var(--font-display);font-size:1.15rem;color:var(--cream);
    padding:0 10px 22px;display:flex;flex-direction:column;gap:3px;}
  .admin-brand-sub{font-family:var(--font-body);font-size:.68rem;letter-spacing:.09em;
    text-transform:uppercase;color:var(--gold-soft);}
  .admin-nav{display:flex;flex-direction:column;gap:3px;}
  .admin-nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;
    background:none;border:none;color:rgba(255,252,249,.8);font-family:var(--font-body);
    font-size:.92rem;padding:10px 12px;border-radius:10px;cursor:pointer;text-decoration:none;line-height:1;}
  .admin-nav-item:hover{background:rgba(255,252,249,.09);color:var(--cream);}
  .admin-nav-item.active{background:var(--gold);color:var(--cocoa-dark);font-weight:600;}
  .admin-nav-ico{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
  .admin-sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:3px;
    padding-top:16px;border-top:1px solid rgba(255,252,249,.12);}
  .admin-nav-quiet{color:rgba(255,252,249,.6);}
  .admin-nav-signout{color:var(--gold-soft);}
  .admin-nav-signout:hover{background:rgba(201,123,147,.28);color:var(--cream);}
  .admin-main{flex:1;min-width:0;padding:40px 30px 80px;}
  .admin-section{display:none;}
  .admin-section.active{display:block;}
  .admin-section-title{font-family:var(--font-display);font-size:1.6rem;color:var(--cocoa-dark);margin:0 0 20px;}
  @media(max-width:820px){
    .admin-shell{flex-direction:column;}
    .admin-sidebar{position:static;width:auto;flex:none;height:auto;flex-wrap:wrap;padding:14px;}
    .admin-brand{width:100%;padding:0 6px 12px;}
    .admin-nav{flex-direction:row;flex-wrap:wrap;gap:6px;}
    .admin-nav-item{width:auto;font-size:.85rem;padding:8px 12px;}
    .admin-sidebar-foot{margin-top:12px;width:100%;flex-direction:row;flex-wrap:wrap;
      padding-top:12px;border-top:1px solid rgba(255,252,249,.12);}
    .admin-main{padding:24px 18px 60px;}
  }

  .page{display:none;}
  .page.active{display:block;}
  .hidden{display:none !important;}

  .demo-banner{background:var(--gold-soft);color:var(--cocoa-dark);text-align:center;font-size:.8rem;padding:6px 12px;}

  /* ================ ANNIVERSARY PRE-SALE (Direction 2 · finalized) ================ */
  #page-anniversary .anv2{padding:56px 0 64px;background:
     radial-gradient(circle at 12% 0%, #fbeef1 0, transparent 42%),
     radial-gradient(circle at 90% 12%, #f6ece4 0, transparent 40%), var(--cream);}
  .anv2-head{text-align:center;max-width:60ch;margin:0 auto;}
  .anv2-seal{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
    width:92px;height:92px;border-radius:50%;border:2px solid var(--gold);color:var(--cocoa-dark);
    font-family:var(--font-display);line-height:1;margin-bottom:16px;background:#fff;}
  .anv2-seal b{font-size:1.7rem;font-weight:500;}
  .anv2-seal span{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sage);margin-top:3px;}
  .anv2-head .tag{display:block;}
  .anv2-head h1{font-family:var(--font-display);font-weight:400;font-size:2.2rem;color:var(--cocoa-dark);
    margin:8px 0 12px;line-height:1.16;}
  .anv2-head h1 em{font-style:italic;color:var(--gold);}
  .anv2-head p{color:rgba(59,42,33,.72);line-height:1.7;margin:0 auto;max-width:48ch;}
  .anv2-strip{margin-top:22px;}
  /* availability — slots meter (Option B) */
  .anv-meter{max-width:440px;margin:0 auto;}
  .anv-meter-eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
    color:var(--sage);margin:0 0 12px;}
  .anv-meter-track{height:10px;border-radius:999px;background:var(--blush);overflow:hidden;}
  .anv-meter-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--sage));border-radius:999px;transition:width .4s ease;}
  .anv-meter-cap{display:flex;justify-content:space-between;font-size:.82rem;color:rgba(59,42,33,.7);margin-top:8px;}
  .anv-meter-cap strong{color:var(--cocoa-dark);font-family:var(--font-mono);}
  /* pass cards */
  .anv-passes{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:780px;margin:40px auto 0;}
  .anv-pass{position:relative;background:#fff;border:1px solid var(--gold-soft);border-radius:18px;
    display:flex;overflow:hidden;box-shadow:0 20px 44px -30px rgba(59,42,33,.5);}
  .anv-pass.feat{border-color:var(--gold);}
  .anv-stub{background:var(--gold);color:#fff;width:116px;flex:0 0 116px;padding:22px 12px;
    display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
  .anv-stub-num{font-family:var(--font-display);font-size:2.6rem;line-height:1;}
  .anv-stub-lbl{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;margin-top:4px;opacity:.92;}
  .anv-stub-tag{margin-top:10px;border:1px solid rgba(255,255,255,.8);color:#fff;border-radius:999px;
    font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;font-weight:600;line-height:1.4;}
  .anv-perf{position:relative;width:2px;background-image:linear-gradient(to bottom,var(--gold-soft) 55%,transparent 0);
    background-size:2px 13px;background-repeat:repeat-y;}
  .anv-perf::before,.anv-perf::after{content:"";position:absolute;left:50%;width:18px;height:18px;border-radius:50%;
    background:var(--cream);transform:translateX(-50%);}
  .anv-perf::before{top:-9px;} .anv-perf::after{bottom:-9px;}
  .anv-pass-body{padding:22px 24px;flex:1;min-width:0;}
  .anv-pass-eyebrow{font-family:var(--font-display);font-style:italic;color:var(--sage);font-size:.95rem;}
  .anv-pass-price{font-family:var(--font-display);font-size:2.1rem;color:var(--cocoa-dark);margin:2px 0 0;line-height:1;}
  .anv-pass-per{font-family:var(--font-mono);font-size:.78rem;color:var(--sage);margin:4px 0 12px;}
  .anv-pass-inc{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:rgba(59,42,33,.8);margin-bottom:16px;line-height:1.4;}
  .anv-pass-inc svg{flex:0 0 16px;margin-top:2px;}
  .anv-pass-btn{border:none;cursor:pointer;background:var(--cocoa-dark);color:var(--cream);
    border-radius:999px;padding:10px 22px;font-family:var(--font-body);font-size:.88rem;font-weight:500;}
  .anv-pass-btn:hover{background:var(--cocoa);}
  .anv-pass-btn.disabled,.anv-pass-btn:disabled{background:var(--blush);color:rgba(59,42,33,.5);cursor:not-allowed;}
  .anv-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:34px auto 0;}
  /* benefits — soft filled band (Option B3) */
  .anv2-benefits{background:var(--blush);border-radius:14px;padding:16px 20px;max-width:780px;margin:38px auto 0;
    display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;}
  .anv2-benefits span{display:flex;align-items:center;gap:7px;font-size:.86rem;color:var(--cocoa);}
  .anv2-benefits svg{flex:0 0 14px;}
  .anv2-tc{max-width:780px;margin:30px auto 0;text-align:center;color:rgba(59,42,33,.62);font-size:.8rem;line-height:1.8;}
  /* anniversary modals (shared, design-neutral) */
  .anv-modal-card{background:var(--cream);border-radius:20px;max-width:470px;width:100%;max-height:88vh;overflow:auto;padding:28px 30px;position:relative;}
  .anv-modal-close{position:absolute;top:16px;right:18px;background:none;border:none;font-size:1.3rem;line-height:1;color:rgba(59,42,33,.5);cursor:pointer;}
  .anv-modal-title{font-family:var(--font-display);font-size:1.4rem;color:var(--cocoa-dark);margin:0 0 6px;}
  .anv-modal-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;}
  .anv-cov{display:flex;align-items:center;gap:8px;font-size:.86rem;margin-top:12px;padding:10px 12px;border-radius:12px;}
  .anv-cov.ok{background:rgba(180,103,122,.1);color:var(--sage);}
  .anv-tick{width:48px;height:48px;border-radius:50%;background:var(--gold-soft);display:inline-flex;align-items:center;justify-content:center;margin:0 auto;transform:scale(1.4);}
  .anv-menu-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dashed rgba(201,123,147,.25);}
  .anv-menu-name{margin:0;color:var(--cocoa-dark);font-size:.92rem;}
  .anv-menu-sub{margin:2px 0 0;font-size:.78rem;color:rgba(59,42,33,.6);}
  .anv-menu-price{margin:0;font-family:var(--font-mono);color:var(--sage);}
  .anv-track-card{border:1px solid var(--blush);border-radius:14px;padding:14px 16px;margin-bottom:10px;}
  .anv-cap-bar{background:var(--gold-soft);color:var(--cocoa-dark);border-radius:12px;padding:12px 16px;font-size:.95rem;margin-bottom:16px;}
  @media(max-width:760px){
    .anv-passes{grid-template-columns:1fr;}
    .anv-stub{width:88px;flex-basis:88px;padding:18px 8px;}
    .anv-stub-num{font-size:2rem;}
    .anv2-head h1{font-size:1.8rem;}
  }

  /* ===================== SERVICES (info-only price list) ===================== */
  .price-notice{background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:14px;
    padding:20px 24px;margin:0 0 40px;max-width:640px;}
  .price-notice-tag{display:inline-block;background:var(--cocoa-dark);color:var(--cream);font-family:var(--font-mono);
    font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;padding:4px 11px;border-radius:6px;margin-bottom:12px;}
  .price-notice-main{font-family:var(--font-display);font-size:1.25rem;color:var(--cocoa-dark);margin:0 0 6px;line-height:1.4;}
  .price-notice-main strong{color:var(--sage);font-weight:600;}
  .price-notice-sub{font-size:.9rem;color:rgba(59,42,33,.72);margin:0;}
  .price-list{display:flex;flex-direction:column;}
  .price-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 4px;
    border-bottom:1px dashed rgba(201,123,147,.25);}
  .price-row:last-child{border-bottom:none;}
  .price-row-name{color:var(--cocoa-dark);font-size:.98rem;}
  .price-row-amt{font-family:var(--font-mono);font-size:1.05rem;color:var(--sage);white-space:nowrap;}

  /* self-service scheduling (date chips + time slots) */
  .anv-dates{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;}
  .anv-date{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;border:1px solid var(--blush);
    background:#fff;border-radius:12px;padding:8px 12px;cursor:pointer;min-width:56px;color:var(--cocoa-dark);font-family:var(--font-body);}
  .anv-date:hover{border-color:var(--gold);}
  .anv-date.active{background:var(--gold);color:#fff;border-color:var(--gold);}
  .anv-date-dow{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;opacity:.85;}
  .anv-date-day{font-family:var(--font-display);font-size:1.2rem;line-height:1.1;}
  .anv-date-mon{font-size:.68rem;opacity:.85;}
  .anv-slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
  .anv-slot{border:1px solid var(--gold-soft);background:#fff;border-radius:10px;padding:9px 16px;cursor:pointer;
    font-family:var(--font-mono);font-size:.9rem;color:var(--cocoa-dark);}
  .anv-slot:hover:not(:disabled){border-color:var(--gold);}
  .anv-slot.active{background:var(--cocoa-dark);color:var(--cream);border-color:var(--cocoa-dark);}
  .anv-slot:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through;}
 
  /* --- admin availability calendar (Google-driven) + tidy-ups --- */
  .cal-grid-6{grid-template-columns:64px repeat(6,1fr)!important;}
  .cal-cell.booked{background:#34C759!important;background-image:none!important;cursor:pointer;}
  .admin-nav-item[data-adminsec="flexi"],
  #adminsec-flexi{display:none!important;}
 
  /* --- scheduled-session lists (admin upcoming + customer track) --- */
  .anv-sched-list{display:flex;flex-direction:column;gap:6px;margin:6px 0 4px;}
  .anv-sched-row{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--cocoa-dark);
    background:rgba(245,216,224,.35);border-radius:10px;padding:8px 12px;}
  .anv-sched-row svg{flex:0 0 14px;}
  
   
  .anv-consent{display:flex;align-items:flex-start;gap:9px;font-size:.85rem;color:rgba(59,42,33,.85);margin:10px 0;line-height:1.5;cursor:pointer;}
  .anv-consent input{margin-top:2px;flex:0 0 auto;width:16px;height:16px;accent-color:var(--gold);}
  .anv-consent a{color:var(--gold);}
  
   /* --- treatment picker in the Schedule modal --- */
  .anv-svcs{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
  .anv-svc{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;width:100%;
    border:1px solid var(--gold-soft);background:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;
    font-family:var(--font-body);color:var(--cocoa-dark);}
  .anv-svc:hover{border-color:var(--gold);}
  .anv-svc.active{border-color:var(--gold);background:var(--gold-soft);}
  .anv-svc-name{font-size:.92rem;font-weight:500;}
  .anv-svc-dur{font-size:.78rem;color:var(--sage);}
  
   /* --- admin availability: solid colours, no patterns --- */
  .cal-cell.booked{background:#A8D5BA !important;background-image:none !important;cursor:pointer;}
  .cal-cell.blocked{background:#FF3B30 !important;background-image:none !important;cursor:pointer;}
  .cal-cell.open{cursor:pointer;}
 
  /* --- admin nav: show only the clicked section --- */
  #page-admin .admin-section{display:none;}
  #page-admin .admin-section.active{display:block;}
 
  /* --- hide Flexi Slot + Clients (nav buttons + their sections) --- */
  .admin-nav-item[data-adminsec="flexi"],
  .admin-nav-item[data-adminsec="clients"],
  #adminsec-flexi,#adminsec-clients{display:none!important;}

/* ============================================================================
 * BATCH: mobile menu (Option A), pass-card mobile centering, Show more/less
 * toggle for treatment info, NP: label, checkout field polish.
 * ========================================================================== */

/* --- mobile menu: dropdown card anchored under the hamburger (Option A) --- */
#mobileMenu{
  display:none;position:absolute;top:64px;right:20px;min-width:210px;
  background:var(--cream);border:1px solid var(--gold-soft);border-radius:14px;
  box-shadow:0 14px 34px -12px rgba(46,32,24,.28);padding:6px 0;
  flex-direction:column;gap:0;font-size:.92rem;z-index:45;
}
#mobileMenu.open{display:flex;}
#mobileMenu a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 18px;color:var(--ink);
}
#mobileMenu a:not(:last-child){border-bottom:1px solid rgba(240,226,217,.7);}
#mobileMenu a::after{content:"\203A";color:var(--gold);font-size:1.05rem;line-height:1;}

/* --- mobile menu: "About" as a tap-to-expand group, not flattened rows --- */
.mobile-menu-group{border-bottom:1px solid rgba(240,226,217,.7);}
.mobile-menu-group-trigger{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;padding:13px 18px;color:var(--ink);background:none;border:none;
  font-family:var(--font-body);font-size:.92rem;cursor:pointer;text-align:left;
}
.mobile-menu-group-trigger .chev{color:var(--gold);font-size:.85rem;transition:transform .15s ease;}
.mobile-menu-group-trigger.open .chev{transform:rotate(180deg);}
.mobile-menu-group-panel{display:none;flex-direction:column;background:rgba(240,226,217,.25);}
.mobile-menu-group-panel.open{display:flex;}
.mobile-menu-group-panel a{
  display:block;padding:11px 18px 11px 30px;color:var(--ink);font-size:.88rem;
}
.mobile-menu-group-panel a:not(:last-child){border-bottom:1px solid rgba(240,226,217,.6);}

/* --- services list: Show more/less toggle + NP: label --- */
.price-row{display:block;}
.price-row-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;}
.know-more-btn{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-body);
  font-size:.78rem;color:var(--sage);font-weight:500;}
.know-more-btn:hover{text-decoration:underline;}
.know-more-inline{display:none;margin-left:6px;font-size:.78rem;white-space:nowrap;}
.know-more-inline .dot{color:rgba(201,123,147,.5);margin-right:4px;}
.know-more-block{display:block;margin-top:4px;}
.price-row-info{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(201,123,147,.25);
  font-size:.78rem;color:var(--cocoa);line-height:1.8;}
.price-row-info.hidden{display:none;}

/* --- Berpantang: always-visible Servis / Jumlah Sesi table --- */
.berpantang-info-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.82rem;}
.berpantang-info-table th{text-align:left;color:var(--sage);font-family:var(--font-mono);
  font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px 6px 0;
  border-bottom:1px solid var(--blush);}
.berpantang-info-table td{padding:6px 8px 6px 0;color:var(--cocoa);border-bottom:1px solid rgba(240,226,217,.6);}
.berpantang-info-table td:last-child,.berpantang-info-table th:last-child{text-align:right;padding-right:0;}
.berpantang-info-table tr:last-child td{border-bottom:none;}

/* --- Pakej Penutup Pantang: shared service list + session/price picker --- */
.berpantang-service-list{margin-top:8px;font-size:.85rem;color:var(--cocoa-dark);line-height:2;}
.pp-session-picker{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
.pp-session-option{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--blush);
  border-radius:12px;padding:11px 14px;cursor:pointer;font-size:.88rem;color:var(--cocoa-dark);}
.pp-session-option input{width:15px;height:15px;margin-right:8px;vertical-align:middle;accent-color:var(--gold);}
.pp-session-option.selected{border:2px solid var(--gold);padding:10px 13px;background:rgba(245,216,224,.25);font-weight:500;}
.pp-session-price{font-family:var(--font-display);font-size:.95rem;color:var(--cocoa-dark);}
@media(min-width:640px){
  .know-more-inline{display:inline;}
  .know-more-block{display:none;}
}

.anv-menu-np{font-size:.62rem;letter-spacing:.06em;color:rgba(59,42,33,.45);margin:0 0 1px;}

/* --- checkout: inline validation errors + Notes field spacing --- */
.field .msg-error{margin:6px 0 0;font-size:.8rem;}
.field-hint{color:rgba(59,42,33,.5);text-transform:none;letter-spacing:0;font-weight:400;}

/* ============================================================================
 * DIRECT SERVICE BOOKING — new home/booking landing, 5-balanced category
 * tiles, nav "Offers" dropdown (Anniversary Pass moved off the main bar).
 * ========================================================================== */

/* --- booking landing hero --- */
.svc-hero{text-align:center;max-width:60ch;margin:0 auto;padding:48px 0 8px;}
.svc-hero-eyebrow{font-family:var(--font-display);font-size:1rem;color:var(--cocoa-dark);}
.svc-hero h1{font-family:var(--font-display);font-weight:400;font-size:2.1rem;color:var(--gold);margin:10px 0 10px;line-height:1.2;}
.svc-hero p{color:var(--desc);line-height:1.7;margin:0 auto 24px;max-width:44ch;}
.svc-hero-cta{display:inline-flex;align-items:center;border:none;cursor:pointer;background:var(--cocoa-dark);
  color:var(--cream);border-radius:999px;padding:14px 30px;font-family:var(--font-body);font-size:.98rem;font-weight:500;}
.svc-hero-cta:hover{background:var(--cocoa);}

/* Gentle breathing pulse on "Breathe." — a slow scale loop timed roughly to
   an actual breath cycle, echoing the headline itself. */
@keyframes svcBreathe{0%,100%{transform:scale(1);opacity:.92;}50%{transform:scale(1.045);opacity:1;}}
.h-breathe{display:inline-block;animation:svcBreathe 3.6s ease-in-out infinite;}

/* Soft gradient spanning the whole homepage (hero through footer), instead
   of the flat cream it used to be — same colors already used elsewhere. */
#page-services{background:linear-gradient(180deg,var(--cream) 0%,#F5E9DE 55%,var(--blush) 100%);}

/* --- 5 category tiles: 5-across on desktop, 2-col (last one full-width) on mobile --- */
.svc-cat-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--desc);margin:36px 0 12px;text-align:center;}
.svc-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:560px;margin:0 auto 40px;}
.svc-cat-tile{border:1px solid var(--blush);background:#fff;border-radius:14px;padding:18px 10px;text-align:center;
  cursor:pointer;font-family:var(--font-body);}
.svc-cat-tile:hover{border-color:var(--gold);}
.svc-cat-tile-name{font-family:var(--font-display);font-size:.92rem;color:var(--cocoa-dark);}
.svc-cat-tile-price{font-size:.72rem;color:var(--desc);margin-top:4px;font-family:var(--font-mono);}
@media(max-width:640px){
  .svc-cat-grid{grid-template-columns:1fr 1fr;max-width:360px;}
  .svc-cat-grid > .svc-cat-tile:last-child{grid-column:1 / span 2;}
}

/* --- Category peek carousel: one card centered, next card's edge peeks in
   so all three are discoverable without hiding any behind pagination.
   Auto-advances on its own (see the JS in index.html) so customers notice
   there are three without needing to swipe first. --- */
.svc-cat-carousel{max-width:420px;margin:0 auto 12px;padding-left:20px;}
.peek-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 30px 4px 0;scrollbar-width:none;}
.peek-track::-webkit-scrollbar{display:none;}
.peek-card{flex:0 0 78%;scroll-snap-align:start;border:1px solid var(--blush);background:#fff;border-radius:14px;
  padding:22px 10px;text-align:center;cursor:pointer;font-family:var(--font-body);}
.peek-card:hover{border-color:var(--gold);}
.peek-card .svc-cat-tile-name{font-size:.95rem;}
.car-dots{display:flex;justify-content:center;gap:6px;margin-top:14px;padding-right:20px;}
.car-dot{width:7px;height:7px;border-radius:50%;background:var(--blush);border:none;cursor:pointer;padding:0;}
.car-dot.active{background:var(--gold);}

/* --- Anniversary: demoted to a quiet text link (was a full promo card) so
   it doesn't compete with the main booking CTA. --- */
.svc-anniv-link{display:block;text-align:center;font-size:.82rem;color:var(--gold);text-decoration:underline;margin:8px auto 0;cursor:pointer;}

/* --- nav "Offers" dropdown (desktop) --- */
.nav-dropdown{position:relative;}
.nav-dropdown-trigger{display:flex;align-items:center;gap:4px;color:var(--gold);cursor:pointer;font-weight:500;}
.nav-dropdown-menu{display:none;position:absolute;top:100%;right:0;margin-top:14px;min-width:190px;
  background:var(--cream);border:1px solid var(--gold-soft);border-radius:10px;
  box-shadow:0 14px 34px -12px rgba(46,32,24,.28);padding:6px 0;z-index:45;}
.nav-dropdown.open .nav-dropdown-menu{display:block;}
.nav-dropdown-menu a{display:block;padding:11px 16px;font-size:.9rem;color:var(--ink);}
.nav-dropdown-menu a:hover{background:rgba(240,226,217,.4);}