/* =====================================================
       CSS CUSTOM PROPERTIES
    ===================================================== */
    :root {
      --honey:        #FF9644;
      --peach:        #FFCE99;
      --warm-white:   #FFFDF1;
      --brown-deep:   #562F00;
      --brown-mid:    #8B4F10;
      --cream:        #FFF5E0;
      --green:        #25D366;
      --red:          #e74c3c;

      --bg:           var(--warm-white);
      --bg-card:      #FFFFFF;
      --bg-section:   var(--cream);
      --text-primary: var(--brown-deep);
      --text-secondary:#8B4F10;
      --text-muted:   #A0826D;
      --border:       rgba(86,47,0,0.12);
      --shadow:       0 4px 32px rgba(86,47,0,0.10);
      --shadow-lg:    0 12px 48px rgba(86,47,0,0.18);
      --nav-bg:       rgba(255,253,241,0.94);

      --font-display: 'Playfair Display', Georgia, serif;
      --font-body:    'DM Sans', sans-serif;
      --section-py:   clamp(4rem, 8vw, 6.5rem);
      --container:    1200px;
      --radius:       16px;
      --radius-sm:    8px;
      --ease:         cubic-bezier(0.22, 1, 0.36, 1);
    }
    [data-theme="dark"] {
      --bg:            #1A0F00;
      --bg-card:       #251400;
      --bg-section:    #1F1200;
      --text-primary:  #FFF0D8;
      --text-secondary:#E8C49A;
      --text-muted:    #AA8060;
      --border:        rgba(255,206,153,0.14);
      --shadow:        0 4px 32px rgba(0,0,0,0.45);
      --shadow-lg:     0 12px 48px rgba(0,0,0,0.6);
      --nav-bg:        rgba(26,15,0,0.96);
    }

    /* RESET */
    *, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
    html  { scroll-behavior:smooth; }
    body  {
      font-family:var(--font-body);
      background:var(--bg); color:var(--text-primary);
      line-height:1.65; overflow-x:hidden;
      transition:background .5s var(--ease), color .5s var(--ease);
    }
    img   { max-width:100%; height:auto; display:block; }
    a     { color:inherit; text-decoration:none; }
    ul    { list-style:none; }
    button { cursor:pointer; border:none; background:none; font-family:inherit; }

    /* UTILS */
    .container {
      max-width:var(--container);
      margin-inline:auto;
      padding-inline:clamp(1.25rem,4vw,2rem);
    }
    .section-label {
      display:inline-block; font-size:.72rem; font-weight:600;
      letter-spacing:.18em; text-transform:uppercase;
      color:var(--honey); margin-bottom:.6rem;
    }
    .section-title {
      font-family:var(--font-display);
      font-size:clamp(1.9rem,3.5vw,3rem);
      font-weight:700; line-height:1.18;
      color:var(--text-primary); margin-bottom:1rem;
    }
    .section-sub {
      font-size:1rem; color:var(--text-secondary);
      max-width:520px; line-height:1.78;
    }
    .fade-in { opacity:0; transform:translateY(26px); transition:opacity .7s var(--ease),transform .7s var(--ease); }
    .fade-in.visible { opacity:1; transform:none; }
    .fd1{transition-delay:.1s} .fd2{transition-delay:.2s} .fd3{transition-delay:.3s}

    .btn {
      display:inline-flex; align-items:center; gap:.5rem;
      padding:.72rem 1.7rem; border-radius:100px;
      font-size:.92rem; font-weight:600; transition:all .3s var(--ease);
    }
    .btn-primary { background:var(--honey); color:var(--brown-deep); }
    .btn-primary:hover { background:var(--brown-mid); color:#fff; transform:translateY(-2px); box-shadow:0 8px 24px rgba(255,150,68,.38); }
    .btn-outline  { border:2px solid var(--honey); color:var(--honey); }
    .btn-outline:hover { background:var(--honey); color:var(--brown-deep); transform:translateY(-2px); }

    /* NAVBAR */
    #navbar {
      position:fixed; top:0; left:0; right:0; z-index:1000;
      padding:.85rem 0; background:var(--nav-bg);
      backdrop-filter:blur(14px); border-bottom:1px solid var(--border);
      transition:background .5s var(--ease), box-shadow .3s;
    }
    #navbar.scrolled { box-shadow:var(--shadow); }
    .nav-inner { display:flex; flex-direction:column; align-items:center; gap:.42rem; position:relative; }
    .nav-logo   { display:flex; align-items:center; gap:.5rem; font-family:var(--font-display); font-size:1.45rem; font-weight:700; color:var(--brown-deep); }
    [data-theme="dark"] .nav-logo { color:var(--text-primary); }
    .logo-icon  { width:32px; height:32px; background:var(--honey); border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:1rem; }
    .nav-links  { display:flex; align-items:center; gap:.15rem; }
    .nav-links a { padding:.32rem .8rem; font-size:.85rem; font-weight:500; color:var(--text-secondary); border-radius:100px; transition:color .2s,background .2s; }
    .nav-links a:hover,.nav-links a.active { color:var(--honey); background:rgba(255,150,68,.1); }
    .nav-controls { position:absolute; right:clamp(1.25rem,4vw,2rem); top:50%; transform:translateY(-50%); display:flex; align-items:center; gap:.5rem; }
    .cart-btn   { position:relative; width:40px; height:40px; border-radius:50%; background:var(--bg-section); display:flex; align-items:center; justify-content:center; font-size:1.15rem; transition:background .3s,transform .3s; }
    .cart-btn:hover { background:var(--honey); transform:scale(1.08); }
    .cart-count { position:absolute; top:-4px; right:-4px; background:var(--honey); color:var(--brown-deep); font-size:.65rem; font-weight:700; width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; opacity:0; transform:scale(0); transition:opacity .25s,transform .25s; }
    .cart-count.show { opacity:1; transform:scale(1); }
    .theme-toggle { width:40px; height:40px; border-radius:50%; background:var(--bg-section); display:flex; align-items:center; justify-content:center; font-size:1.05rem; transition:background .3s,transform .3s; }
    .theme-toggle:hover { background:var(--peach); transform:rotate(20deg); }
    .hamburger  { display:none; flex-direction:column; gap:5px; width:36px; height:36px; align-items:center; justify-content:center; border-radius:var(--radius-sm); background:var(--bg-section); }
    .hamburger span { display:block; width:20px; height:2px; background:var(--text-primary); border-radius:2px; transition:all .3s var(--ease); }
    .hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
    .hamburger.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
    .hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
    .mobile-nav { display:none; flex-direction:column; position:fixed; inset:0; background:var(--bg); z-index:999; padding:7rem 2rem 3rem; gap:.4rem; animation:mSlide .35s var(--ease); }
    .mobile-nav.open { display:flex; }
    .mobile-nav a { font-family:var(--font-display); font-size:2rem; font-weight:500; padding:.65rem 0; border-bottom:1px solid var(--border); transition:color .2s,padding-left .2s; }
    .mobile-nav a:hover { color:var(--honey); padding-left:.5rem; }
    @keyframes mSlide { from{opacity:0;transform:translateY(-16px)} to{opacity:1;transform:none} }

    /* HERO */
    #hero { min-height:100vh; position:relative; display:flex; align-items:center; overflow:hidden; padding-top:90px; }
    .hero-bg { position:absolute; inset:0; background:radial-gradient(ellipse 80% 60% at 70% 40%,rgba(255,206,153,.55) 0%,transparent 65%),radial-gradient(ellipse 50% 50% at 20% 80%,rgba(255,150,68,.22) 0%,transparent 60%),var(--bg); }
    [data-theme="dark"] .hero-bg { background:radial-gradient(ellipse 80% 60% at 70% 40%,rgba(86,47,0,.65) 0%,transparent 65%),radial-gradient(ellipse 50% 50% at 20% 80%,rgba(139,79,16,.32) 0%,transparent 60%),var(--bg); }
    .hero-img-wrap { position:absolute; right:-2%; top:0; bottom:0; width:52%; overflow:hidden; border-radius:0 0 0 80px; }
    .hero-img-wrap img { width:100%; height:100%; object-fit:cover; will-change:transform; }
    .hero-img-wrap::after { content:''; position:absolute; inset:0; background:linear-gradient(to right,var(--bg) 0%,transparent 25%),linear-gradient(to bottom,transparent 60%,var(--bg) 100%); pointer-events:none; }
    .hero-content { position:relative; z-index:2; max-width:540px; }
    .hero-badge { display:inline-flex; align-items:center; gap:.5rem; background:rgba(255,150,68,.13); border:1px solid rgba(255,150,68,.28); color:var(--honey); padding:.38rem 1rem; border-radius:100px; font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; margin-bottom:1.4rem; }
    .hero-badge .dot { width:6px; height:6px; background:var(--honey); border-radius:50%; animation:blink 1.5s infinite; }
    @keyframes blink { 0%,100%{opacity:1} 50%{opacity:.3} }
    .hero-title { font-family:var(--font-display); font-size:clamp(2.6rem,5.5vw,4.8rem); font-weight:700; line-height:1.1; margin-bottom:1.4rem; }
    .hero-title em { font-style:italic; color:var(--honey); }
    .hero-desc  { font-size:1.05rem; color:var(--text-secondary); margin-bottom:2rem; line-height:1.8; }
    .hero-cta   { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }
    .scroll-cue { position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:.35rem; color:var(--text-muted); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; animation:bounce 2.5s infinite; }
    @keyframes bounce { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(6px)} }

    /* ABOUT */
    #about { padding:var(--section-py) 0; background:var(--bg); }
    .about-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
    .about-images { position:relative; height:480px; }
    .about-img-main  { position:absolute; top:0; left:0; width:74%; height:78%; object-fit:cover; border-radius:var(--radius); box-shadow:var(--shadow-lg); }
    .about-img-accent{ position:absolute; bottom:0; right:0; width:54%; height:54%; object-fit:cover; border-radius:var(--radius); box-shadow:var(--shadow-lg); border:4px solid var(--bg); }
    .about-tag { position:absolute; top:50%; left:64%; transform:translate(-50%,-50%); background:var(--honey); color:var(--brown-deep); padding:.8rem 1.2rem; border-radius:var(--radius); font-weight:700; font-size:.88rem; box-shadow:var(--shadow); text-align:center; line-height:1.3; z-index:2; }
    .about-tag span { display:block; font-size:1.45rem; }
    .about-features { display:grid; grid-template-columns:1fr 1fr; gap:.85rem; margin-top:1.75rem; }
    .about-feature  { background:var(--bg-section); border:1px solid var(--border); border-radius:var(--radius-sm); padding:1rem; transition:border-color .3s,transform .3s; }
    .about-feature:hover { border-color:var(--honey); transform:translateY(-3px); }
    .about-feature-icon { font-size:1.4rem; margin-bottom:.4rem; }
    .about-feature h4 { font-size:.88rem; font-weight:600; margin-bottom:.2rem; }
    .about-feature p  { font-size:.78rem; color:var(--text-muted); }

    /* MENU */
    #menu { padding:var(--section-py) 0; background:var(--bg-section); }
    .menu-header { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:2.25rem; flex-wrap:wrap; gap:1rem; }
    .menu-filters { display:flex; gap:.45rem; flex-wrap:wrap; }
    .filter-btn { padding:.45rem 1.15rem; border-radius:100px; font-size:.82rem; font-weight:500; border:1.5px solid var(--border); color:var(--text-secondary); background:var(--bg-card); transition:all .25s; }
    .filter-btn:hover,.filter-btn.active { background:var(--honey); border-color:var(--honey); color:var(--brown-deep); }
    .menu-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:1.35rem; }
    .menu-card { background:var(--bg-card); border-radius:var(--radius); overflow:hidden; border:1px solid var(--border); transition:transform .3s var(--ease),box-shadow .3s; }
    .menu-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); }
    .menu-card-img { position:relative; height:190px; overflow:hidden; }
    .menu-card-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease); }
    .menu-card:hover .menu-card-img img { transform:scale(1.07); }
    .menu-card-badge { position:absolute; top:.7rem; left:.7rem; background:var(--honey); color:var(--brown-deep); font-size:.68rem; font-weight:700; padding:.22rem .55rem; border-radius:100px; text-transform:uppercase; letter-spacing:.06em; }
    .menu-card-body { padding:1.15rem; }
    .menu-card-top  { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:.4rem; }
    .menu-card-name { font-family:var(--font-display); font-size:1.05rem; font-weight:600; }
    .menu-card-price{ font-weight:700; font-size:1rem; color:var(--honey); white-space:nowrap; }
    .menu-card-desc { font-size:.83rem; color:var(--text-muted); line-height:1.5; }
    .menu-card-tags { display:flex; gap:.35rem; flex-wrap:wrap; margin-top:.8rem; }
    .menu-tag { font-size:.68rem; color:var(--honey); background:rgba(255,150,68,.1); padding:.18rem .5rem; border-radius:100px; font-weight:500; }
    .menu-card-footer { padding:.9rem 1.15rem 1.15rem; border-top:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
    .qty-stepper { display:flex; align-items:center; gap:.45rem; }
    .qty-btn { width:28px; height:28px; border-radius:50%; background:var(--bg-section); border:1.5px solid var(--border); color:var(--text-primary); font-size:1rem; font-weight:600; display:flex; align-items:center; justify-content:center; transition:all .2s; line-height:1; }
    .qty-btn:hover { background:var(--honey); border-color:var(--honey); color:var(--brown-deep); }
    .qty-value { font-weight:700; font-size:.95rem; min-width:1.2rem; text-align:center; }
    .add-btn { flex:1; padding:.5rem .9rem; background:var(--honey); color:var(--brown-deep); border-radius:100px; font-size:.82rem; font-weight:700; border:none; transition:all .25s; display:flex; align-items:center; justify-content:center; gap:.35rem; }
    .add-btn:hover { background:var(--brown-mid); color:#fff; }
    .add-btn.added { background:#2ecc71; color:#fff; }

    /* CART PANEL */
    .cart-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:1100; }
    .cart-overlay.open { display:block; animation:fadeOv .25s; }
    @keyframes fadeOv { from{opacity:0} to{opacity:1} }
    .cart-panel { position:fixed; top:0; right:0; bottom:0; width:min(420px,100vw); background:var(--bg-card); z-index:1101; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .4s var(--ease); box-shadow:-8px 0 48px rgba(0,0,0,.18); }
    .cart-panel.open { transform:translateX(0); }
    .cart-header { display:flex; align-items:center; justify-content:space-between; padding:1.4rem 1.5rem; border-bottom:1px solid var(--border); }
    .cart-header h3 { font-family:var(--font-display); font-size:1.3rem; }
    .cart-close { width:36px; height:36px; border-radius:50%; background:var(--bg-section); border:1px solid var(--border); font-size:1.1rem; display:flex; align-items:center; justify-content:center; transition:all .2s; }
    .cart-close:hover { background:var(--honey); }
    .cart-items { flex:1; overflow-y:auto; padding:1rem 1.5rem; display:flex; flex-direction:column; gap:.85rem; }
    .cart-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; gap:1rem; color:var(--text-muted); font-size:.9rem; text-align:center; }
    .cart-empty-icon { font-size:3rem; opacity:.38; }
    .cart-item { display:grid; grid-template-columns:56px 1fr auto; gap:.85rem; align-items:center; background:var(--bg-section); border-radius:var(--radius-sm); padding:.75rem; animation:ciIn .3s var(--ease); }
    @keyframes ciIn { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }
    .cart-item-img  { width:56px; height:56px; border-radius:8px; object-fit:cover; }
    .cart-item-name { font-weight:600; font-size:.88rem; margin-bottom:.15rem; }
    .cart-item-price{ font-size:.82rem; color:var(--honey); font-weight:600; }
    .cart-item-ctrl { display:flex; align-items:center; gap:.3rem; }
    .ci-btn { width:26px; height:26px; border-radius:50%; background:var(--bg-card); border:1.5px solid var(--border); font-size:.9rem; font-weight:700; display:flex; align-items:center; justify-content:center; transition:all .2s; }
    .ci-btn:hover { background:var(--honey); border-color:var(--honey); color:var(--brown-deep); }
    .ci-btn.rm:hover { background:var(--red); border-color:var(--red); color:#fff; }
    .ci-qty { font-weight:700; font-size:.88rem; min-width:1.1rem; text-align:center; }
    .cart-footer { padding:1.25rem 1.5rem; border-top:1px solid var(--border); }
    .cart-sub { display:flex; justify-content:space-between; font-size:.88rem; color:var(--text-muted); margin-bottom:.4rem; }
    .cart-tot { display:flex; justify-content:space-between; font-family:var(--font-display); font-size:1.25rem; font-weight:700; margin-bottom:1.25rem; }
    .cart-tot .tv { color:var(--honey); }
    .checkout-btn { width:100%; padding:.85rem; background:var(--honey); color:var(--brown-deep); border:none; border-radius:100px; font-size:1rem; font-weight:700; display:flex; align-items:center; justify-content:center; gap:.5rem; transition:all .3s var(--ease); }
    .checkout-btn:hover { background:var(--brown-mid); color:#fff; transform:translateY(-2px); }
    .checkout-btn:disabled { opacity:.45; pointer-events:none; }
    .cart-note { margin-top:.85rem; font-size:.75rem; color:var(--text-muted); text-align:center; line-height:1.5; }

    /* PAYMENT */
    #payment { padding:var(--section-py) 0; background:var(--bg); }
    .payment-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,4vw,4rem); align-items:start; }
    .order-summary { background:var(--bg-card); border:1.5px solid var(--border); border-radius:var(--radius); overflow:hidden; }
    .os-header { padding:1.25rem 1.5rem; background:var(--brown-deep); color:#fff; display:flex; align-items:center; justify-content:space-between; }
    .os-header h3 { font-family:var(--font-display); font-size:1.2rem; }
    .os-body { padding:1.25rem 1.5rem; }
    .os-empty { text-align:center; padding:2rem; color:var(--text-muted); font-size:.88rem; }
    .os-items { display:flex; flex-direction:column; gap:.7rem; }
    .os-row { display:flex; justify-content:space-between; align-items:center; font-size:.88rem; gap:.5rem; }
    .os-row .in { flex:1; color:var(--text-primary); }
    .os-row .iq { color:var(--text-muted); font-size:.8rem; margin-right:.5rem; }
    .os-row .ip { font-weight:600; color:var(--honey); white-space:nowrap; }
    .os-div { height:1px; background:var(--border); margin:.85rem 0; }
    .os-total { display:flex; justify-content:space-between; font-family:var(--font-display); font-size:1.15rem; font-weight:700; }
    .os-total .tv { color:var(--honey); }
    .co-card { background:var(--bg-card); border:1.5px solid var(--border); border-radius:var(--radius); padding:2rem; }
    .co-card h3 { font-family:var(--font-display); font-size:1.35rem; margin-bottom:1.5rem; }
    .form-group { margin-bottom:1rem; }
    .form-group label { display:block; font-size:.79rem; font-weight:600; color:var(--text-secondary); margin-bottom:.38rem; text-transform:uppercase; letter-spacing:.06em; }
    .form-group input,.form-group select,.form-group textarea { width:100%; padding:.7rem .95rem; background:var(--bg); border:1.5px solid var(--border); border-radius:var(--radius-sm); font-family:var(--font-body); font-size:.88rem; color:var(--text-primary); outline:none; transition:border-color .25s,box-shadow .25s; }
    .form-group input:focus,.form-group select:focus,.form-group textarea:focus { border-color:var(--honey); box-shadow:0 0 0 3px rgba(255,150,68,.14); }
    .form-group input.err { border-color:var(--red); }
    .ferr { font-size:.76rem; color:var(--red); margin-top:.28rem; display:none; }
    .has-err .ferr { display:block; }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:.85rem; }
    .pay-methods { display:grid; grid-template-columns:repeat(3,1fr); gap:.65rem; margin-bottom:1.25rem; }
    .pay-m { border:1.5px solid var(--border); border-radius:var(--radius-sm); padding:.75rem .5rem; text-align:center; cursor:pointer; transition:all .25s; }
    .pay-m:hover { border-color:var(--honey); }
    .pay-m.sel { border-color:var(--honey); background:rgba(255,150,68,.08); }
    .pay-m-icon { font-size:1.4rem; margin-bottom:.3rem; }
    .pay-m-lbl { font-size:.75rem; font-weight:600; color:var(--text-secondary); }
    .pay-m.sel .pay-m-lbl { color:var(--honey); }
    .wa-btn { width:100%; padding:.9rem; background:#25D366; color:#fff; border:none; border-radius:100px; font-size:1rem; font-weight:700; display:flex; align-items:center; justify-content:center; gap:.6rem; transition:all .3s var(--ease); margin-top:1.25rem; }
    .wa-btn:hover { background:#1ebe5d; transform:translateY(-2px); box-shadow:0 8px 24px rgba(37,211,102,.35); }
    .wa-btn:disabled { opacity:.45; pointer-events:none; }
    .wa-icon { width:22px; height:22px; flex-shrink:0; }
    .co-note { font-size:.75rem; color:var(--text-muted); text-align:center; margin-top:.85rem; line-height:1.6; }
    .order-sent { display:none; background:rgba(37,211,102,.1); border:1px solid rgba(37,211,102,.3); border-radius:var(--radius-sm); padding:1.1rem 1.25rem; margin-top:1rem; text-align:center; font-weight:600; font-size:.9rem; color:#1a9a50; line-height:1.55; }
    [data-theme="dark"] .order-sent { color:#6ce880; }
    .order-sent.show { display:block; }
    .how-box { background:rgba(255,150,68,.08); border:1px solid rgba(255,150,68,.2); border-radius:var(--radius-sm); padding:1rem 1.15rem; margin-top:1.25rem; }
    .how-box h4 { font-weight:700; font-size:.88rem; color:var(--honey); margin-bottom:.4rem; }
    .how-box ol { padding-left:1.1rem; font-size:.82rem; color:var(--text-secondary); line-height:1.85; }

    /* FOOTER */
    #footer { background:var(--brown-deep); color:rgba(255,253,241,.72); padding:3.5rem 0 0; }
    .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.4fr; gap:2.5rem; padding-bottom:2.75rem; border-bottom:1px solid rgba(255,253,241,.1); }
    .footer-brand .nav-logo { color:#fff; margin-bottom:.9rem; }
    .footer-brand p { font-size:.85rem; line-height:1.75; margin-bottom:1.1rem; }
    .fn-row { display:flex; border-radius:100px; overflow:hidden; border:1px solid rgba(255,206,153,.2); }
    .fn-row input { flex:1; padding:.55rem .9rem; background:transparent; border:none; outline:none; font-family:var(--font-body); font-size:.8rem; color:#fff; }
    .fn-row input::placeholder { color:rgba(255,253,241,.38); }
    .fn-row button { padding:.55rem 1rem; background:var(--honey); color:var(--brown-deep); font-size:.78rem; font-weight:700; }
    .footer-col h4 { color:#fff; font-size:.82rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; margin-bottom:1.1rem; }
    .footer-col ul { display:flex; flex-direction:column; gap:.5rem; }
    .footer-col ul a { font-size:.85rem; transition:color .2s,padding-left .2s; display:block; }
    .footer-col ul a:hover { color:var(--honey); padding-left:4px; }
    .fc-li { display:flex; gap:.55rem; font-size:.85rem; margin-bottom:.6rem; align-items:flex-start; }
    .footer-bottom { display:flex; align-items:center; justify-content:space-between; padding:1.25rem 0; font-size:.78rem; flex-wrap:wrap; gap:.75rem; }
    .footer-bottom a:hover { color:var(--honey); }
    .sif-row { display:flex; gap:.6rem; }
    .sif { width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.07); border:1px solid rgba(255,253,241,.12); display:flex; align-items:center; justify-content:center; color:rgba(255,253,241,.7); transition:all .25s; }
    .sif:hover { background:var(--honey); border-color:var(--honey); color:var(--brown-deep); }

    #scroll-top { position:fixed; bottom:1.5rem; right:1.5rem; width:42px; height:42px; border-radius:50%; background:var(--honey); color:var(--brown-deep); font-size:1rem; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 16px rgba(255,150,68,.4); opacity:0; transform:translateY(14px); transition:all .35s var(--ease); z-index:900; border:none; }
    #scroll-top.show { opacity:1; transform:none; }
    #scroll-top:hover { transform:translateY(-3px); background:var(--brown-mid); color:#fff; }

    /* RESPONSIVE */
    @media(max-width:1024px) {
      .about-grid   { grid-template-columns:1fr; }
      .about-images { height:320px; }
      .payment-grid { grid-template-columns:1fr; }
      .footer-grid  { grid-template-columns:1fr 1fr; gap:1.75rem; }
    }
    @media(max-width:768px) {
      .hamburger      { display:flex; }
      .nav-links      { display:none; }
      .hero-img-wrap  { display:none; }
      .hero-content   { max-width:100%; }
      .about-features { grid-template-columns:1fr; }
      .footer-grid    { grid-template-columns:1fr; }
      .footer-bottom  { flex-direction:column; text-align:center; }
      .form-row       { grid-template-columns:1fr; }
    }
    @media(max-width:480px) {
      .cart-panel { width:100vw; }
    }