:root{
    --bg:#202124; --bg2:#202124; --glass:rgba(255,255,255,0.06); --glass-border:rgba(32,33,36,0.18);
    --ink:#eaf1ff; --ink-dim:#9fb0cf; --brass:#202124; --brass-bright:#202124;
    --green:#10b981; --card:#202124;
  }
  *{box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent;}
  html{ scroll-behavior:smooth; }
  body{
    background:#f1f3f4;
    color:var(--ink); font-family:'Manrope',sans-serif; -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{ max-width:100%; display:block; }
  button{ font-family:inherit; cursor:pointer; }
  .wrap{ max-width:480px; margin:0 auto; padding:0 18px 90px; position:relative; }

  /* ================= HEADER ================= */
  .site-header{
    position:sticky; top:0; z-index:60;
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    padding:10px 16px; flex-wrap:nowrap;
    backdrop-filter:blur(20px) saturate(160%); -webkit-backdrop-filter:blur(20px) saturate(160%);
    background:#f1f3f4; border-bottom:1px solid rgba(0,0,0,0.08);
  }
  .header-logo{ margin-right:0; min-width:0; display:flex; align-items:center; line-height:0; }
  .header-logo img{ height:36px; width:auto; max-width:52vw; filter:none; object-fit:contain; vertical-align:middle; }
  .header-trust{
    flex:1; min-width:0; margin:0 8px;
    display:flex; flex-direction:row; align-items:center; justify-content:center; gap:8px;
    padding:4px 10px; height:26px; box-sizing:border-box;
    border:1px solid rgba(0,0,0,0.06); border-radius:14px;
    background:rgb(229,231,234); overflow:hidden; text-align:left;
  }
  .ht-time{
    display:flex; align-items:center; gap:3px; flex-shrink:0; order:2;
  }
  .ht-box{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:20px; height:16px; padding:0 3px; box-sizing:border-box;
    background:#505356; border:1px solid rgba(0,0,0,0.3); border-radius:5px;
    font-size:9px; font-weight:800; color:#f1f3f4; font-variant-numeric:tabular-nums;
  }
  .ht-msg{
    font-size:10px; font-weight:600; color:#202124; white-space:nowrap;
    overflow:hidden; text-overflow:ellipsis; flex:0 1 auto; min-width:0; order:1;
    transition:opacity 0.3s ease, transform 0.3s ease;
  }
  .ht-msg .ht-emoji{
    filter:grayscale(1); -webkit-filter:grayscale(1);
    margin-right:2px; display:inline-block;
  }
  .ht-msg.fade{ opacity:0; transform:translateX(12px); }
  .header-cart{
    position:relative; flex-direction:row; padding:0; width:44px; margin-left:auto; order:3;
    display:flex; align-items:center; justify-content:center;
  }
  .header-cart svg{ width:18px; height:18px; fill:rgb(80,83,86); flex-shrink:0; }
  .header-cart .cart-badge{
    position:absolute; top:-6px; right:-6px; z-index:2; min-width:17px; height:17px; border-radius:999px;
    background:#ff5c6e; color:#fff; font-size:9.5px; font-weight:800; line-height:1;
    display:flex; flex:none; align-items:center; justify-content:center; outline:2px solid #f1f3f4;
    animation: waNotifPulse 1.6s ease-in-out infinite;
  }

  /* ============ MENU BUTTON (rounded pill only) ============ */
  .menu-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:5px;
    width:40px; height:28px; border-radius:14px;
    background:rgb(229,231,234); border:1px solid rgba(0,0,0,0.06);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.15);
    cursor:pointer; flex-shrink:0; margin-right:0;
    flex-direction:column; padding:7px 0;
  }
.menu-btn span:not(.cart-badge){
    display:block; flex:1; width:16px; max-height:2px; border-radius:2px;
    background:rgb(80,83,86); flex-basis:2px;
  }
  .menu-btn:active{ transform:scale(0.94); }

  /* ================= 3D HERO ================= */
.hero-scene{
    position:relative; margin-top:14px; border-radius:24px; overflow:hidden;
    aspect-ratio:4/5; border:1px solid #C7CBD2;
  }
  .hero-img-static{
    width:100%; height:100%; object-fit:cover; display:block;
  }
/* ================= TITLE & PRICE ================= */
  .eyebrow{ text-align:center; font-size:10.5px; letter-spacing:0.22em; text-transform:uppercase; color:var(--brass-bright); margin-top:20px; }
  .p-title{ font-family:'Poppins',sans-serif; font-weight:600; font-size:clamp(18px,5vw,21px); text-align:center; margin-top:6px; line-height:1.35; letter-spacing:-0.01em; text-transform:uppercase; }
  .p-price-row{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; column-gap:10px; row-gap:8px; margin-top:8px; }
  .price-now{ font-family:'Poppins',sans-serif; font-size:clamp(15px,4.4vw,18px); font-weight:800; color:var(--brass-bright); line-height:1; white-space:nowrap; }
  .price-old{ font-family:'Poppins',sans-serif; font-size:clamp(15px,4.4vw,18px); font-weight:600; color:var(--ink-dim); text-decoration:line-through; line-height:1; white-space:nowrap; }
  .price-off{ display:inline-flex; align-items:center; justify-content:center; font-family:'Poppins',sans-serif; font-size:clamp(13.5px,3.8vw,16px); font-weight:600; line-height:1; background:rgba(32,33,36,0.16); color:var(--brass-bright); padding:4px 11px; border-radius:999px; border:1px solid rgba(32,33,36,0.32); white-space:nowrap; }

  .trust-row{ display:flex; flex-wrap:wrap; gap:7px; justify-content:center; margin-top:16px; }
  .trust-chip{
    font-size:10.5px; color:var(--ink); background:rgba(255,255,255,0.07);
    border:1px solid var(--glass-border); padding:6px 12px; border-radius:999px;
  }

  .buy-row{ display:flex; gap:10px; margin-top:16px; }
  .add-cart-btn{
    flex:1; display:flex; align-items:center; justify-content:center; gap:8px;
    padding:15px; border-radius:14px; border:1px solid rgba(32,33,36,0.5);
    background:rgba(32,33,36,0.12); color:var(--brass-bright); font-weight:800; font-size:13.5px;
  }
  .add-cart-btn svg{ width:17px; height:17px; fill:var(--brass-bright); }
  .buy-now-btn{
    flex:1; padding:15px; border:none; border-radius:14px;
    background:linear-gradient(135deg, var(--brass-bright), var(--brass)); color:#fff;
    font-weight:800; font-size:13.5px;
  }
  .add-cart-btn:active,.buy-now-btn:active{ transform:scale(0.97); }

  /* ================= GLASS BASE — UNIFIED BLOCK STYLE ================= */
  .glass{
    position:relative;
    background:rgba(230,232,236,0.9);
    backdrop-filter:blur(16px) saturate(140%); -webkit-backdrop-filter:blur(16px) saturate(140%);
    border:1px solid #C7CBD2; border-radius:18px;
  }

  @keyframes uiPulse{
    0%,100%{ transform:scale(1); opacity:1; }
    50%{ transform:scale(1.02); opacity:0.9; }
  }
  .order-now-btn, .glass .submit-btn, .cart-checkout, .combo-cart{ animation:uiPulse 3s ease-in-out infinite; }

  .section{ margin-top:20px; padding:18px; }
  .section-title{ font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:12px; text-align:center; }
  .section-title.left{ justify-content:flex-start; text-align:left; }
  .section-title svg{ width:16px; height:16px; fill:var(--brass-bright); flex-shrink:0; }
  .order-title{
    font-family:'Poppins',sans-serif; font-weight:600; font-size:clamp(14px,4vw,16px);
    text-align:center; color:var(--ink); line-height:1.4; margin-bottom:12px;
    display:flex; align-items:center; justify-content:center; gap:8px;
  }
  .order-title svg{ width:15px; height:15px; fill:var(--brass-bright); flex-shrink:0; }
  .desc-text{ font-size:13.5px; line-height:1.85; color:var(--ink-dim); }
  .desc-text strong{ color:var(--ink); font-weight:700; }
  .desc-text + .desc-text{ margin-top:11px; }

  .feat-list{ list-style:none; }
  .feature-heading{
    font-family:'Poppins',sans-serif; font-weight:600; text-align:center;
    font-size:clamp(15px,4.5vw,18px); color:var(--ink); line-height:1.4; margin-bottom:16px;
    letter-spacing:-0.01em;
  }
  .feat-list li{
    font-size:13px; line-height:1.7; color:#5b5f63;
    display:flex; align-items:flex-start; gap:12px; margin-bottom:12px;
    position:relative; padding-left:28px;
  }
  .feat-list li::before{
    content:''; flex-shrink:0; position:absolute; left:0; top:2px;
    width:16px; height:16px; border-radius:4px;
    border:1px solid var(--glass-border); background:transparent;
  }
  .feat-list li::after{
    content:''; position:absolute; left:4px; top:6px; width:8px; height:4px;
    border-left:2px solid var(--brass-bright); border-bottom:2px solid var(--brass-bright);
    transform:rotate(-45deg);
  }
  .brand-text{ text-align:center; font-size:12.5px; color:#43506b; line-height:1.8; margin-top:-6px; margin-bottom:14px; }
  .feat-item{ display:block !important; padding-left:30px; }
  .feat-item .feat-title{
    font-family:'Manrope',sans-serif; font-size:13.5px; font-weight:700; color:#202124;
    line-height:1.5; margin:0 0 3px; display:block;
  }
  .feat-item .feat-sub{ display:block; font-size:12px; color:#43506b; line-height:1.6; }
  .feat-more{
    overflow:hidden; display:grid;
    grid-template-rows:0fr; transition:grid-template-rows 0.4s ease;
  }
  .feat-more > ul{ overflow:hidden; }
  .feat-more.open{ grid-template-rows:1fr; }
  .feat-toggle{
    display:flex; width:fit-content; margin:10px auto 0;
    align-items:center; justify-content:center; gap:4px;
    padding:4px 6px;
    background:none; border:none; color:#202124; opacity:0.75;
    font-family:'Manrope',sans-serif; font-size:11px; font-weight:600; letter-spacing:0.06em;
    cursor:pointer; white-space:nowrap; line-height:1;
    animation: measureBounce 2s ease-in-out infinite;
    transition:opacity 0.2s ease;
  }
  .feat-toggle svg{ width:12px; height:12px; fill:#202124; flex-shrink:0; }
  .feat-toggle:hover{ opacity:1; }
  .feat-toggle:active{ animation:none; transform:scale(0.98); }

  /* ================= SIZE & COLOR ================= */
  .color-row{ display:flex; gap:12px; margin-bottom:16px; flex-wrap:wrap; }
  .color-opt{ display:flex; flex-direction:column; align-items:center; gap:5px; position:relative; }
  .color-swatch{
    width:38px; height:38px; border-radius:50%; border:2px solid transparent;
    display:flex; align-items:center; justify-content:center; transition:all 0.2s ease;
  }
  .color-opt.active .color-swatch{ border-color:var(--brass-bright); }
  .color-opt.disabled{ opacity:0.35; pointer-events:none; }
  .color-label{ font-size:9.5px; color:var(--ink-dim); }
  .oos-tag{ font-size:7.5px; color:#f88; }
  .in-stock-tag{ font-size:7.5px; color:#2ee6a5; }

  .dim-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:6px; }
  .dim-item{ text-align:center; background:rgba(255,255,255,0.05); border:1px solid var(--glass-border); border-radius:12px; padding:10px 4px; }
  .dim-val{ font-family:'Cormorant Garamond',serif; font-size:16px; color:var(--brass-bright); }
  .dim-label{ font-size:8.5px; color:var(--ink-dim); margin-top:2px; }

  .measure-block{
    border:1px solid rgba(32,33,36,0.35);
    border-radius:14px;
    padding:12px 12px 10px;
    margin-top:6px;
    background:rgba(32,33,36,0.04);
  }
  .measure-block + .measure-block{ margin-top:16px; }
  .measure-title{
    font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
    color:var(--ink-dim); text-align:center; margin:0 0 6px;
  }
  .measure-table{ width:100%; border-collapse:collapse; margin-top:4px; }
  .measure-table td{ padding:9px 12px; font-size:12px; line-height:1.55; border-bottom:1px solid rgba(32,33,36,0.1); vertical-align:middle; text-align:center; }
  .measure-table tr:last-child td{ border-bottom:none; }
  .measure-table .mt-label{ color:#202124; font-weight:600; width:42%; }
  .measure-table .mt-value{ color:#202124; font-weight:700; }
  .measure-table .measure-more{ display:none; }
  .measure-table.open .measure-more{ display:table-row; }
  .measure-toggle{
    display:flex; width:fit-content; margin:10px auto 0;
    align-items:center; justify-content:center; gap:4px;
    padding:4px 6px;
    background:none; border:none; color:#202124; opacity:0.75;
    font-family:'Manrope',sans-serif; font-size:11px; font-weight:600; letter-spacing:0.06em;
    cursor:pointer; white-space:nowrap; line-height:1;
    animation: measureBounce 2s ease-in-out infinite;
    transition:opacity 0.2s ease;
  }
  .measure-toggle svg{ width:12px; height:12px; fill:#202124; flex-shrink:0; }
  .measure-toggle:hover{ opacity:1; }
  .measure-toggle:active{ animation:none; transform:scale(0.98); }
  @keyframes measureBounce{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(4px);} }

  .qty-block{ display:flex; align-items:center; justify-content:space-between; margin-top:16px; background:rgba(255,255,255,0.05); border:1px solid var(--glass-border); border-radius:12px; padding:10px 14px; }
  .qty-block-label{ font-size:12.5px; font-weight:600; }
  .qty-row{ display:flex; align-items:center; gap:12px; }
  .qty-btn{ width:32px; height:32px; border-radius:8px; background:rgba(255,255,255,0.06); border:1px solid var(--glass-border); color:var(--brass-bright); font-size:16px; }
  .qty-val{ font-size:14px; min-width:18px; text-align:center; font-weight:700; }

  .spec-line{ display:flex; align-items:center; gap:8px; font-size:12.5px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,0.07); }
  .spec-line:last-of-type{ border-bottom:none; }
  .spec-label{ color:var(--ink-dim); min-width:64px; font-weight:600; }
  .spec-value{ color:var(--ink); font-weight:700; }
.order-now-btn{
    width:100%; margin-top:16px; padding:15px; border:none; border-radius:999px;
    background:linear-gradient(135deg, var(--brass-bright), var(--brass)); color:#fff;
    font-weight:800; font-size:13.5px;
  }
  .order-now-btn:active{ transform:scale(0.97); }

  .product-block .p-title{ margin-top:0; }
  .product-block{
    background:rgba(230,232,236,0.9);
    border-color:#C7CBD2;
  }
.product-block .p-title{ color:#202124; }
  .product-block .price-now{ color:#202124; }
  .product-block .price-old{ color:#202124; }
  .product-block .price-off{ color:#202124; background:rgba(32,33,36,0.12); border-color:rgba(32,33,36,0.35); }
  .product-block .spec-block-title{ color:#202124; }
  .product-block .spec-block-title::before{ color:#202124; }
  .product-block .measure-title{ color:#202124; }
  .product-block .measure-table td{ border-bottom:1px solid rgba(32,33,36,0.1); text-align:center; }
  .product-block .measure-table .mt-label{ color:#202124; }
  .product-block .measure-table .mt-value{ color:#202124; }
  .product-block .dim-item{ background:rgba(32,33,36,0.05); border-color:rgba(32,33,36,0.4); }
  .product-block .dim-val{ color:#202124; }
  .product-block .dim-label{ color:#7c8aa6; }
  .product-block .qty-cart-combo{ background:rgba(32,33,36,0.05); border-color:rgba(32,33,36,0.4); }
  .product-block .combo-btn{ background:rgba(255,255,255,0.8); border-color:rgba(32,33,36,0.45); color:#202124; }
  .product-block .combo-val{ color:#202124; }
  .product-block .combo-sep{ background:rgba(32,33,36,0.15); }
  .product-block .combo-cart{ color:#202124; }
  .product-block .combo-cart svg{ fill:#202124; }
  .product-block .color-opt.active .color-swatch{ border-color:#202124; }
  .product-block .order-now-btn{ background:linear-gradient(135deg,#202124,#202124); color:#ffffff; }
  .qty-cart-row{ display:flex; gap:10px; margin-top:16px; }
  .qty-cart-row .qty-block{ flex:1; margin-top:0; margin-bottom:0; }
  .qty-cart-row .add-cart-btn{ padding:12px; white-space:nowrap; }

  .spec-block-title{ font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink-dim); margin-top:18px; margin-bottom:9px; }
  .spec-block-title::before{ content:'â—†'; color:var(--brass-bright); font-size:8px; margin-right:7px; position:relative; top:1px; }

  .cq-row{ display:flex; align-items:center; gap:12px; margin-top:16px; }
.qty-cart-combo{
    flex:1; display:flex; align-items:center; justify-content:flex-start; gap:5px; margin-top:16px;
    background:rgba(32,33,36,0.10); border:1px solid rgba(32,33,36,0.45);
    border-radius:999px; padding:6px 48px 6px 36px;
  }
  .qty-cart-combo .color-opt{ flex-direction:row; gap:0; }
  .qty-cart-combo .color-swatch{ width:34px; height:34px; border-radius:50%; }
.combo-btn{
    width:34px; height:34px; border-radius:10px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,0.07); border:1px solid var(--glass-border);
    color:var(--brass-bright); font-size:18px; font-weight:700; cursor:pointer; user-select:none;
    transition:transform 0.12s ease;
  }
  .combo-btn:active{ transform:scale(0.9); }
  .combo-val{ min-width:24px; text-align:center; font-size:15px; font-weight:800; color:var(--ink); }
  .combo-sep{ width:1px; height:24px; background:var(--glass-border); margin:0 3px; flex-shrink:0; }
.combo-cart{
    margin-left:auto; display:inline-flex; align-items:center; justify-content:center; gap:6px;
    background:rgba(32,33,36,0.12); border:1px solid rgba(32,33,36,0.35); border-radius:999px;
    padding:6px 14px; color:#202124; font-weight:700; font-size:12.5px; cursor:pointer; white-space:nowrap;
  }
  .combo-cart svg{ width:16px; height:16px; fill:var(--brass-bright); flex-shrink:0; }
  .choose-qty{ text-align:center; font-size:11px; color:var(--ink-dim); margin-top:9px; }

  /* ================= Video ================= */
  .video-card{
    position:relative; width:100%; aspect-ratio:16/9; border-radius:16px; overflow:hidden;
    background:linear-gradient(135deg,#e6e8ec,#e0e4ea); cursor:pointer;
    border:1px solid #C9CBD5;
  }
  .video-card img{ width:100%; height:100%; object-fit:cover; opacity:0.7; }
  .video-play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
  .video-play-btn{
    width:58px; height:58px; border-radius:50%; background:rgba(32,33,36,0.9);
    display:flex; align-items:center; justify-content:center;
    animation: playPulse 2.2s ease-in-out infinite;
  }
  @keyframes playPulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.06); } }
  .video-play-btn svg{ width:22px; height:22px; fill:#ffffff; margin-left:3px; }
  .video-caption{ position:absolute; bottom:10px; left:12px; font-size:11.5px; font-weight:600; color:#fff; text-shadow:0 1px 6px rgba(0,0,0,0.8); }

  /* ================= REVIEWS ================= */
  .rev-carousel{ position:relative; overflow:hidden; border-radius:16px; }
  .rev-track{ display:flex; transition:transform 0.5s ease; }
  .rev-slide{ min-width:100%; padding:2px; }
  .review-card{ padding:16px; display:flex; gap:12px; }
  .rev-avatar{
    width:38px; height:38px; border-radius:50%; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg, var(--brass), var(--brass-bright)); color:#fff; font-weight:700; font-size:14px;
  }
  .review-stars{ color:var(--brass-bright); font-size:12px; letter-spacing:2px; }
  .review-text{ font-size:12.5px; line-height:1.6; color:var(--ink-dim); margin-top:5px; }
  .review-name{ font-size:10.5px; margin-top:7px; font-weight:700; color:var(--ink); }
.rev-dots{ display:flex; justify-content:center; gap:6px; margin-top:10px; }
  .rev-dots span{ width:6px; height:6px; border-radius:50%; background:rgba(32,33,36,0.3); transition:all 0.3s ease; }
  .rev-dots span.active{ background:#202124; width:20px; border-radius:4px; }
  .rating-sub{ text-align:center; font-size:12.5px; color:#43506b; margin-bottom:4px; line-height:1.5; }
  .rating-line{ text-align:center; font-size:12px; color:var(--ink-dim); margin-bottom:6px; line-height:1.5; }
  .rating-line b{ color:var(--brass-bright); }

  #reviewsBlock .feature-heading{ margin-bottom:8px; }
  #reviewsBlock .rating-sub{ margin-bottom:4px; }
  #reviewsBlock .rating-line{ margin-bottom:2px; }
  #reviewsBlock .rev-dots{ margin-top:8px; }

  /* ================= SOCIAL MEDIA POSTS ================= */
  .soc-carousel{ position:relative; overflow:hidden; border-radius:16px; }
  .soc-track{ display:flex; transition:transform 0.5s ease; }
  .soc-slide{ min-width:100%; padding:2px; }
  .soc-link{ display:block; }
  .soc-link img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:10px; }
  .soc-dots{ display:flex; justify-content:center; gap:6px; margin-top:12px; }
  .soc-dots span{ width:6px; height:6px; border-radius:50%; background:rgba(32,33,36,0.3); border:1px solid rgba(32,33,36,0.15); transition:all 0.3s ease; }
  .soc-dots span.active{ background:#202124; width:22px; border-radius:4px; }
  .soc-follow-label{ text-align:center; font-size:12px; color:#43506b; margin:14px 0 10px; }
  .soc-trending{ text-align:center; font-size:10px; color:#43506b; margin:-6px 0 12px; letter-spacing:0.04em; }
  .soc-icons{ display:flex; align-items:center; justify-content:center; gap:18px; }
  .soc-icon{
    width:44px; height:44px; border-radius:50%; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    background:transparent; border:1px solid rgba(32,33,36,0.35); color:#202124;
    text-decoration:none; transition:transform 0.15s ease, border-color 0.15s ease;
  }
  .soc-icon svg{ width:22px; height:22px; fill:#202124; }
  .soc-icon:active{ transform:scale(0.92); }

  /* ================= FAQ ================= */
  .faq-item{ border-bottom:1px solid rgba(255,255,255,0.08); }
  .faq-item:last-child{ border-bottom:none; }
  .faq-q{
    width:100%; background:none; border:none; color:var(--ink); text-align:left;
    padding:13px 0; font-size:12.5px; font-weight:600; display:flex; justify-content:space-between; align-items:center; gap:10px;
  }
  .faq-q svg{ width:14px; height:14px; fill:var(--brass-bright); flex-shrink:0; transition:transform 0.3s ease; }
  .faq-item.open .faq-q svg{ transform:rotate(45deg); }
  .faq-a{ max-height:0; overflow:hidden; transition:max-height 0.35s ease; }
  .faq-item.open .faq-a{ max-height:200px; }
  .faq-a p{ font-size:12px; line-height:1.6; color:var(--ink-dim); padding-bottom:14px; }

  .order-cart{
    background:#e5e7ea; border:1px solid rgba(199,203,210,0.9);
    border-radius:14px; padding:12px 14px; margin:0 0 12px;
  }
  .order-cart .cart-head{ padding-bottom:10px; border-bottom:1px solid rgba(32,33,36,0.12); margin-bottom:10px; }
  .order-cart .cart-title{ font-size:10px; font-weight:600; color:#5b5f63; }
  .order-cart .cart-item-name{ color:#202124; }
  .order-cart .cart-item-sub{ color:#202124; }
  .order-cart .cart-qty-val{ color:#202124; }
  .order-cart .cart-empty{ color:#5b5f63; font-size:10px; }
  .cart-badge-inline{
    min-width:20px; height:20px; padding:0 5px; border-radius:999px;
    background:#ff5c6e; color:#fff; font-size:11px; font-weight:800;
    display:inline-flex; align-items:center; justify-content:center;
  }

  /* ================= ORDER FORM ================= */
.f-input{
    width:100%; background:rgba(255,255,255,0.06); border:1px solid var(--glass-border); border-radius:999px;
    padding:12px 14px; color:#5b5f63; font-size:10px; font-weight:600; font-family:'Manrope',sans-serif; outline:none;
    transition:border-color 0.2s ease; margin-bottom:9px;
  }
  .f-input:focus{ border-color:var(--brass-bright); }
  .f-input::placeholder{ color:rgba(91,95,99,0.6); }
  textarea.f-input{ resize:none; height:56px; }

  .zone-row{ display:flex; gap:8px; margin:10px 0 6px; }
.zone-btn{
    flex:1; padding:11px 12px; border-radius:999px; border:1px solid var(--glass-border);
    background:rgba(255,255,255,0.03); color:#5b5f63; font-size:10px; font-weight:600;
    display:flex; align-items:center; justify-content:space-between; gap:14px;
    transition:all 0.2s ease;
  }
  .zone-btn.active{ border-color:var(--brass); color:var(--brass-bright); background:rgba(32,33,36,0.12); }
  .zone-fee{ font-size:10px; opacity:0.8; flex-shrink:0; }
  .zone-eta{ text-align:center; font-size:11px; color:var(--green); margin-bottom:14px; display:flex; align-items:center; justify-content:center; gap:5px; }
  .zone-eta svg{ width:12px; height:12px; fill:var(--green); }

  .free-delivery-box{
    background:rgba(16,185,129,0.10); border:1px solid rgba(16,185,129,0.3); border-radius:999px;
    padding:11px 14px; margin-bottom:12px; font-size:11.5px;
  }
  .fd-bar-bg{ width:100%; height:5px; background:rgba(255,255,255,0.1); border-radius:99px; margin-top:7px; overflow:hidden; }
  .fd-bar{ height:100%; background:linear-gradient(90deg, var(--brass), var(--green)); border-radius:99px; transition:width 0.4s ease; }

  .promo-row{ display:flex; gap:8px; margin-bottom:12px; }
  .promo-row .f-input{ margin-bottom:0; }
  .promo-apply{ padding:0 16px; border-radius:999px; border:1px solid var(--glass-border); background:rgba(32,33,36,0.14); color:var(--brass-bright); font-size:12px; font-weight:700; white-space:nowrap; }
  .promo-msg{ font-size:11px; margin-bottom:10px; margin-top:-4px; }
  .promo-msg.ok{ color:var(--green); }
  .promo-msg.err{ color:#f88; }

  .summary-box{ background:rgba(255,255,255,0.05); border:1px solid var(--glass-border); border-radius:12px; padding:12px 14px; margin:18px 0 14px; }
  .summary-row{ display:flex; justify-content:space-between; font-size:12px; color:var(--ink-dim); padding:5px 0; }
  .summary-row.total{ border-top:1px solid rgba(255,255,255,0.1); margin-top:4px; padding-top:9px; font-size:14px; font-weight:700; color:var(--ink); }
  .summary-row.total span:last-child{ color:var(--brass-bright); }
  .summary-row .strike{ text-decoration:line-through; opacity:0.6; margin-right:5px; }

.submit-btn{
    display:flex; width:100%; padding:15px; border:none; border-radius:999px;
    background:linear-gradient(135deg, var(--brass-bright), var(--brass)); color:#ffffff;
    font-weight:800; font-size:13.5px; align-items:center; justify-content:center; gap:8px;
  }
  .submit-btn svg{ width:17px; height:17px; fill:#ffffff; flex-shrink:0; }
  .submit-btn:active{ transform:scale(0.97); }
  .cod-note{ text-align:center; font-size:10px; color:var(--ink-dim); margin-top:9px; }

  .toast{
    position:fixed; bottom:24px; left:50%; transform:translateX(-50%) translateY(10px);
    background:rgba(230,232,236,0.95); border:1px solid #C7CBD2; color:#202124;
    font-size:11.5px; padding:10px 16px; border-radius:999px; z-index:300;
    opacity:0; pointer-events:none; transition:opacity 0.3s ease, transform 0.3s ease;
  }
  .toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }

  /* ================= FOOTER ================= */
  .site-footer{
    margin-top:26px; padding:18px; display:flex; align-items:center; justify-content:space-between;
    border-top:1px solid rgba(32,33,36,0.15);
  }
  .footer-text{ font-size:10.5px; color:var(--ink-dim); letter-spacing:0.03em; }
  .back-top{
    display:flex; align-items:center; gap:5px; font-size:10.5px; color:#202124;
    border:1px solid #C9CBD5; padding:7px 12px; border-radius:999px; background:rgba(230,232,236,0.7);
  }
  .back-top svg{ width:11px; height:11px; fill:#202124; }

/* ================= FLOATING WHATSAPP CHATBOT ================= */
  .float-wa{
    position:fixed; bottom:22px; right:16px; z-index:160; width:55px; height:55px; border-radius:50%;
    border:none; display:flex; align-items:center; justify-content:center;
    background:#25D366; color:#fff; box-shadow:0 6px 18px rgba(0,0,0,0.22);
    animation: waPulse 2.6s ease-in-out infinite;
  }
  @keyframes waPulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.06); } }
  .float-wa svg{ width:30px; height:30px; fill:#ffffff; }
  .wa-notif{
    position:absolute; top:-3px; right:-3px; min-width:19px; height:19px; border-radius:999px;
    background:#ff3b30; color:#fff; font-size:10px; font-weight:800;
    display:flex; align-items:center; justify-content:center; outline:2px solid #f1f3f4;
    animation: waNotifPulse 1.6s ease-in-out infinite;
  }
  .wa-notif.hide{ display:none; }
  @keyframes waNotifPulse{ 0%,100%{ transform:scale(1);} 50%{ transform:scale(1.18);} }

  /* ================= WHATSAPP CHAT PANEL ================= */
  .chat-panel{
    position:fixed; bottom:88px; right:16px; z-index:170;
    width:min(340px, calc(100vw - 32px));
    max-height:min(480px, calc(100vh - 110px));
    display:flex; flex-direction:column;
    background:#efe7dd; border-radius:16px; overflow:hidden;
    border:1px solid rgba(32,33,36,0.14);
    box-shadow:0 14px 38px rgba(0,0,0,0.25);
    opacity:0; transform:translateY(18px) scale(0.96); pointer-events:none;
    transition:opacity 0.25s ease, transform 0.25s ease;
  }
  .chat-panel.open{ opacity:1; transform:translateY(0) scale(1); pointer-events:auto; }
  .chat-head{
    display:flex; align-items:center; gap:10px; padding:12px 14px;
    background:#075E54; color:#fff; flex-shrink:0;
  }
  .chat-head-logo{ width:26px; height:26px; fill:#fff; flex-shrink:0; }
  .chat-head-info{ flex:1; min-width:0; }
  .chat-head-name{ font-weight:800; font-size:14px; line-height:1.2; }
  .chat-head-status{ font-size:10.5px; opacity:0.9; display:flex; align-items:center; gap:4px; }
  .chat-status-dot{ width:7px; height:7px; border-radius:50%; background:#25D366; display:inline-block; }
  .chat-close{
    border:none; background:rgba(255,255,255,0.14); color:#fff; width:30px; height:30px;
    border-radius:8px; font-size:14px; display:flex; align-items:center; justify-content:center;
  }
  .chat-body{
    flex:1; overflow-y:auto; padding:12px;
    display:flex; flex-direction:column; gap:8px;
  }
  .msg{ display:flex; max-width:82%; }
  .msg.user{ align-self:flex-end; }
  .msg.bot{ align-self:flex-start; }
  .bubble{
    padding:9px 12px; border-radius:12px; font-size:12.5px; line-height:1.6; color:#202124;
  }
  .msg.user .bubble{ background:#dcf8c6; border-top-right-radius:2px; }
  .msg.bot .bubble{ background:#fff; border:1px solid rgba(32,33,36,0.1); border-top-left-radius:2px; }
  .bubble p{ margin:0; white-space:pre-line; }
  .typing{ display:flex; gap:4px; padding:12px 14px; align-items:center; }
  .typing span{ width:7px; height:7px; border-radius:50%; background:#9fb0cf; animation:typingBlink 1.2s ease-in-out infinite; }
  .typing span:nth-child(2){ animation-delay:0.2s; }
  .typing span:nth-child(3){ animation-delay:0.4s; }
  @keyframes typingBlink{ 0%,60%,100%{ transform:translateY(0); opacity:0.4; } 30%{ transform:translateY(-4px); opacity:1; } }
  .chat-quick{
    flex-shrink:0; padding:10px 12px; display:flex; flex-wrap:wrap; gap:8px;
    background:#fff; border-top:1px solid rgba(32,33,36,0.08);
  }
  .quick-chip{
    border:1px solid #25D366; background:#e8f8ee; color:#128C4B;
    border-radius:999px; padding:8px 12px; font-size:12px; font-weight:600; cursor:pointer;
    min-height:36px; display:inline-flex; align-items:center; justify-content:center;
  }
  @media (max-width:428px){
    .chat-panel{ bottom:84px; right:14px; }
  }

  /* ================= WHATSAPP HINT OPTIONS (timed teasers) ================= */
  .wa-hints{
    position:fixed; bottom:34px; right:78px; z-index:165;
    display:flex; flex-direction:column; align-items:flex-end; gap:6px; pointer-events:none;
  }
  .wa-hint{
    pointer-events:auto;
    border:1px solid #25D366; background:rgba(232,248,238,0.85); color:#128C4B;
    border-radius:999px; padding:8px 13px; font-size:12px; font-weight:600; cursor:pointer;
    white-space:nowrap; box-shadow:0 4px 12px rgba(0,0,0,0.12);
    opacity:0; transform:translateX(14px);
    transition:opacity 0.4s ease, transform 0.4s ease;
  }
  .wa-hint.show{ opacity:0.8; transform:translateX(0); }
  .wa-hint.show:hover{ opacity:1; }
  @media (max-width:428px){
    .wa-hints{ right:72px; bottom:32px; }
    .wa-hint{ font-size:11px; padding:7px 11px; }
  }

  /* ================= CART DRAWER ================= */
  .cart-overlay{
    position:fixed; inset:0; z-index:250; display:flex; align-items:flex-end; justify-content:center;
    background:rgba(0,0,0,0.6); backdrop-filter:blur(4px);
    opacity:0; pointer-events:none; transition:opacity 0.3s ease; padding:0; 
  }
  .cart-overlay.open{ opacity:1; pointer-events:auto; }
  .cart-sheet{
    width:100%; max-width:480px; max-height:70vh; border-radius:22px 22px 0 0;
    background:rgba(230,232,236,0.95); border:1px solid #C7CBD2; overflow:hidden;
    display:flex; flex-direction:column; padding:20px 18px 26px;
    transform:translateY(100%); transition:transform 0.4s cubic-bezier(.22,.9,.28,1);
  }
  .cart-sheet .cart-title{ color:#5b5f63; }
  .cart-sheet .cart-row{ color:#43506b; }
  .cart-sheet .cart-item{ background:rgba(255,255,255,0.65); border-color:rgba(199,203,210,0.8); }
  .cart-sheet .cart-item-name{ color:#202124; }
  .cart-sheet .cart-item-sub{ color:#6b7890; }
  .cart-sheet .cart-qty-btn{ color:#202124; border-color:rgba(32,33,36,0.35); background:rgba(255,255,255,0.6); }
  .cart-sheet .cart-close{ color:#43506b; border-color:rgba(32,33,36,0.15); background:rgba(255,255,255,0.6); }
  .cart-sheet .cart-empty{ color:#43506b; }
  .cart-sheet .cart-note{ color:#6b7890; }
  .cart-overlay.open .cart-sheet{ transform:translateY(0); }
  .cart-head{ display:flex; align-items:center; justify-content:space-between; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:14px; }
  .cart-title{ font-size:16px; font-weight:800; color:var(--ink); }
  .cart-close{ width:30px; height:30px; border-radius:50%; border:1px solid var(--glass-border); background:rgba(255,255,255,0.06); color:var(--ink-dim); font-size:14px; display:flex; align-items:center; justify-content:center; }
  .cart-items{ overflow-y:auto; padding: 6px 0; display:flex; flex-direction:column; gap:8px; }
  .cart-empty{ text-align:center; color:var(--ink-dim); font-size:13px; padding:22px 0; }
  .cart-item{ display:flex; gap:12px; align-items:center; background:rgba(255,255,255,0.05); border:1px solid var(--glass-border); border-radius:14px; padding:10px 12px; }
  .cart-item-img{ width:48px; height:48px; border-radius:10px; object-fit:cover; flex-shrink:0; }
  .cart-item-info{ flex:1; min-width:0; }
  .cart-item-name{ font-size:12.5px; font-weight:700; color:var(--ink); }
  .cart-item-sub{ font-size:10.5px; color:var(--ink-dim); margin-top:2px; }
  .cart-item-qty{ display:flex; align-items:center; gap:10px; }
  .cart-qty-btn{ width:26px; height:26px; border-radius:8px; background:rgba(255,255,255,0.08); border:1px solid var(--glass-border); color:var(--brass-bright); font-size:15px; display:flex; align-items:center; justify-content:center; }
  .cart-qty-val{ font-size:13px; font-weight:700; min-width:14px; text-align:center; }
  .cart-foot{ border-top:1px solid rgba(255,255,255,0.1); padding-top:14px; }
  .cart-row{ display:flex; justify-content:space-between; font-size:12px; color:var(--ink-dim); padding:4px 0; }
  .cart-row span:last-child{ font-weight:800; color:var(--brass-bright); font-size:14px; }
.cart-checkout{
    width:100%; margin-top:12px; padding:15px; border:none; border-radius:999px;
    background:linear-gradient(135deg, var(--brass-bright), var(--brass)); color:#fff;
    font-weight:800; font-size:13.5px; display:flex; align-items:center; justify-content:center; gap:8px;
  }
  .cart-checkout svg{ width:17px; height:17px; fill:#ffffff; }
  .cart-checkout:active{ transform:scale(0.97); }
  .cart-note{ text-align:center; font-size:10px; color:var(--ink-dim); margin-top:9px; }

  /* ================= MODALS ================= */
  .modal-overlay{
    position:fixed; inset:0; background:rgba(0,0,0,0.85); backdrop-filter:blur(6px);
    display:flex; align-items:center; justify-content:center; z-index:400; padding:20px;
    opacity:0; pointer-events:none; transition:opacity 0.3s ease;
  }
  .modal-overlay.open{ opacity:1; pointer-events:auto; }
  .video-modal-box{ width:100%; max-width:420px; aspect-ratio:16/9; background:#e6e8ec; border-radius:16px; overflow:hidden; position:relative; transform:scale(0.92); transition:transform 0.3s ease; border:1px solid #C7CBD2; }
  .modal-overlay.open .video-modal-box{ transform:scale(1); }
  .video-modal-box iframe{ width:100%; height:100%; border:0; }
  .modal-close-x{ position:absolute; top:-38px; right:0; color:#fff; font-size:13px; background:none; border:none; z-index:2; }
  .video-embed{
    position:relative; width:100%; aspect-ratio:16/9; border-radius:16px; overflow:hidden;
    border:1px solid #C9CBD5; background:#e6e8ec;
  }
  .video-embed iframe{ width:100%; height:100%; border:0; display:block; }
  .video-mute-btn{
    position:absolute; left:12px; top:12px; z-index:2;
    display:inline-flex; align-items:center; gap:6px;
    background:rgba(0,0,0,0.55); border:1px solid rgba(255,255,255,0.35);
    color:#fff; font-size:11px; font-weight:600; padding:8px 12px; border-radius:999px;
    backdrop-filter:blur(4px); cursor:pointer;
  }
  .video-mute-btn svg{ width:15px; height:15px; fill:#fff; flex-shrink:0; }

  .order-call-title{
    font-family:'Poppins',sans-serif; font-weight:700; text-align:center;
    font-size:clamp(15px,4.4vw,17.5px); color:#202124; margin-top:16px; line-height:1.4;
  }
  .order-call-sub{ text-align:center; font-size:12.5px; color:#43506b; margin-top:6px; }
  .video-wa-btn{
    display:flex; align-items:center; justify-content:center; gap:8px;
    margin:14px auto 0; width:100%; padding:13px 16px; border-radius:999px;
    background:linear-gradient(135deg,#25d366,#128c7e); color:#fff; text-decoration:none;
    font-weight:800; font-size:14px;
  }
  .video-wa-btn svg{ width:19px; height:19px; fill:#fff; flex-shrink:0; }
  .video-wa-btn .wa-247{
    display:inline-flex; align-items:center; gap:4px;
    background:rgba(255,255,255,0.22); border-radius:999px; padding:4px 9px;
    font-size:11px; font-weight:700;
  }
  .video-wa-btn .wa-247 svg{ width:12px; height:12px; }
  #videoWaBtn, #bestWaBtn, #submitOrder, #orderNowTop, #cartCheckout{
    background:linear-gradient(135deg, #202124 40%, #f1f3f4 120%);
    color:#ffffff;
    border:0.5px solid #f5f5f5;
    text-shadow:0 1px 2px rgba(32,33,36,0.55);
    isolation:isolate;
  }
  #videoWaBtn svg, #bestWaBtn svg, #submitOrder svg, #orderNowTop svg, #cartCheckout svg{ fill:#ffffff; filter:drop-shadow(0 1px 1px rgba(32,33,36,0.45)); }
  #videoWaBtn .wa-247, #bestWaBtn .wa-247, #submitOrder .wa-247, #orderNowTop .wa-247, #cartCheckout .wa-247{ background:rgba(255,255,255,0.92); color:#202124; }
  #videoWaBtn .wa-247 svg, #bestWaBtn .wa-247 svg, #submitOrder .wa-247 svg, #orderNowTop .wa-247 svg, #cartCheckout .wa-247 svg{ fill:#202124; }
  #videoWaBtn::after, #bestWaBtn::after, #submitOrder::after, #orderNowTop::after, #cartCheckout::after{
    content:'';
    position:absolute; inset:0; border-radius:999px;
    background:linear-gradient(315deg, #202124 40%, #f1f3f4 120%);
    opacity:0; transition:opacity 0.6s ease;
    pointer-events:none; z-index:-1;
  }
  #videoWaBtn:hover::after, #bestWaBtn:hover::after, #submitOrder:hover::after, #orderNowTop:hover::after, #cartCheckout:hover::after{ opacity:1; }

  .thanks-box{ width:100%; max-width:360px; padding:26px 22px; text-align:center; transform:scale(0.9); transition:transform 0.3s ease; }
  .modal-overlay.open .thanks-box{ transform:scale(1); }
  .thanks-icon{ width:56px; height:56px; border-radius:50%; background:rgba(16,185,129,0.15); display:flex; align-items:center; justify-content:center; margin:0 auto 14px; }
  .thanks-icon svg{ width:26px; height:26px; fill:var(--green); }
  .thanks-title{ font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:600; }
  .thanks-sub{ font-size:12.5px; color:var(--ink-dim); margin-top:8px; line-height:1.6; }
  .thanks-policy{ font-size:10px; color:#64748b; margin-top:16px; line-height:1.6; border-top:1px solid rgba(255,255,255,0.1); padding-top:14px; }
  .thanks-close{ margin-top:16px; padding:11px 26px; border-radius:10px; border:none; background:linear-gradient(135deg,var(--brass-bright),var(--brass)); color:#ffffff; font-weight:700; font-size:12.5px; }

  /* =========================================================
     LIGHT GLASS CARDS — matching colors (dark text on white glass)
     ========================================================= */
  .glass .section-title{ color:#202124; }
  .glass .section-title svg{ fill:#202124; }
  .glass .order-title{ color:#202124; }
  .glass .order-title svg{ fill:#202124; }
  .glass .desc-text{ color:#43506b; }
  .glass .desc-text strong{ color:#202124; }
.glass .feat-list li{ color:#5b5f63; }
  .glass .feature-heading{ color:#202124; }
  .glass .rating-line{ color:#43506b; }
  .glass .rating-line b{ color:#202124; }
  .glass .review-stars{ color:#202124; }
  .glass .review-text{ color:#43506b; }
  .glass .review-name{ color:#202124; }
  .glass .rev-dots span{ background:rgba(32,33,36,0.25); }
  .glass .rev-dots span.active{ background:#202124; }
.glass .faq-item{ border-bottom:1px solid rgba(32,33,36,0.1); }
  .glass .faq-q{ color:#202124; }
  .glass .faq-q svg{ fill:#202124; }
  .glass .faq-a p{ color:#43506b; }

.glass .f-input{ background:rgba(32,33,36,0.05); border-color:rgba(32,33,36,0.3); color:#5b5f63; }
  .glass .f-input:focus{ border-color:#202124; }
  .glass .f-input::placeholder{ color:rgba(91,95,99,0.6); }
  .glass .zone-btn{ border-color:rgba(32,33,36,0.3); background:rgba(32,33,36,0.03); color:#5b5f63; }
  .glass .zone-btn.active{ border-color:#202124; color:#202124; background:rgba(32,33,36,0.12); }
  .glass .zone-eta{ color:#0a9d68; }
  .glass .zone-eta svg{ fill:#0a9d68; }
  .glass .free-delivery-box{ background:rgba(16,185,129,0.12); border-color:rgba(16,185,129,0.4); color:#202124; }
  .glass .promo-apply{ border-color:rgba(32,33,36,0.35); background:rgba(32,33,36,0.14); color:#202124; }
  .glass .summary-box{ background:rgba(32,33,36,0.05); border-color:rgba(32,33,36,0.25); }
  .glass .summary-row{ color:#5b5f63; }
  .glass .summary-row.total{ border-top:1px solid rgba(32,33,36,0.12); color:#202124; }
  .glass .summary-row.total span:last-child{ color:#202124; }
  .glass .submit-btn{ background:linear-gradient(135deg,#202124,#202124); color:#ffffff; }
  .glass .submit-btn svg{ fill:#ffffff; }
  .glass .cod-note{ color:#5b5f63; }

  .glass .thanks-title{ color:#202124; }
  .glass .thanks-sub{ color:#43506b; }
  .glass .thanks-policy{ color:#7c8aa6; border-top:1px solid rgba(32,33,36,0.12); }
  .glass .thanks-close{ background:linear-gradient(135deg,#202124,#202124); color:#ffffff; }

  .glass .dim-item:active{ transform:translateY(1px); }
  .combo-btn{
    transform:translateZ(0);
  }
  .combo-btn:active{ transform:translateY(1px); }
  .order-now-btn, .glass .submit-btn, .glass .promo-apply, .cart-checkout{
    transition:transform 0.12s ease;
  }
  .order-now-btn:active, .glass .submit-btn:active, .glass .promo-apply:active, .cart-checkout:active{
    transform:translateY(1px);
  }
  .glass .zone-btn, .glass .qty-btn{ transition:transform 0.12s ease; }
  .glass .zone-btn:active{ transform:translateY(1px); }
  .order-now-btn:active, .glass .submit-btn:active, .cart-checkout:active, .combo-cart:active{ animation:none; }
  @media(hover:hover){
    .section.glass:hover{ transform:translateY(-2px); }
  }

  /* =========================================================
     RESPONSIVE — 320 / 375 / 428 / 768
     ========================================================= */
  @media (max-width:768px){
    .wrap{ max-width:100%; }
  }
  @media (max-width:428px){
    .site-header{ gap:8px; padding:8px 12px; }
    .header-logo img{ max-width:46vw; height:34px; }
    .menu-btn{ margin-right:3px; }
    .header-trust{ margin:0 4px; padding:3px 6px; }
    .ht-msg{ font-size:9px; }
    .ht-time{ font-size:8px; }
    .qty-cart-combo{ padding:6px 12px; }
    .combo-btn{ width:30px; height:30px; }
    .combo-cart{ font-size:11px; gap:4px; }
    .combo-sep{ margin:0 2px; }
    .wrap{ padding:0 14px 80px; }
    .section{ padding:16px; }
    .desc-text{ font-size:13px; line-height:1.75; }
    .feat-list li{ font-size:12.5px; }
    .review-card{ padding:14px; gap:10px; }
    .cart-item-img{ width:44px; height:44px; }
    .video-play-btn{ width:52px; height:52px; }
  }
  @media (max-width:375px){
    .zone-row{ gap:6px; }
    .zone-btn{ padding:11px 8px; font-size:10px; }
    .zone-fee{ font-size:9px; }
    .summary-box{ margin:16px 0 12px; padding:11px 12px; }
    .ht-msg{ font-size:8.5px; }
    .ht-time{ font-size:8px; }
  }
  @media (max-width:320px){
    .wrap{ padding:0 10px 72px; }
    .site-header{ gap:6px; padding:8px; }
    .menu-btn{ width:38px; height:26px; margin-right:2px; }
    .header-logo img{ max-width:34vw; height:28px; }
    .header-trust{ margin:0 2px; padding:2px 4px; height:24px; }
    .qty-cart-combo{ padding:5px 10px; }
    .combo-btn{ width:28px; height:28px; }
    .combo-val{ min-width:20px; font-size:13px; }
    .combo-cart{ font-size:10px; }
    .ht-msg{ display:none; }
    .ht-time{ font-size:7.5px; }
    .cart-sheet{ padding-left:14px; padding-right:14px; }
    .f-input{ padding:13px 12px; font-size:10px; }
    .zone-eta{ font-size:10px; }
    .footer-text{ font-size:10px; }
    .thanks-box{ padding:22px 16px; }
  }

  /* ===== Buttons / tap targets >= 44px ===== */
.menu-btn,
  .add-cart-btn,
  .buy-now-btn,
  .order-now-btn,
  .combo-btn,
  .combo-cart,
  .zone-btn,
  .promo-apply,
  .submit-btn,
  .cart-qty-btn,
  .cart-close,
  .cart-checkout,
  .float-wa,
  .thanks-close,
  .feat-toggle,
  .measure-toggle,
  .video-wa-btn,
  .soc-icon,
  .back-top{ min-height:45px; min-width:45px; display:inline-flex; align-items:center; justify-content:center; }
  .menu-btn{ min-width:40px; min-height:28px; }
  .combo-btn{ min-width:34px; min-height:34px; padding:6px; }
  .cart-qty-btn{ min-width:38px; min-height:38px; }
  .cart-close{ min-width:40px; min-height:40px; }
  .back-top{ padding:10px 14px; }
  .promo-apply{ padding:0 18px; min-height:44px; }
  .measure-toggle{ display:flex; min-height:0; min-width:0; }
  .feat-toggle{ display:flex; min-height:0; min-width:0; }
  .combo-cart{ min-height:auto; }

  /* ===== Responsive: measurements table ===== */
  @media (max-width:428px){
    .measure-table td{ padding:8px 6px; font-size:11.5px; }
    .measure-title{ letter-spacing:0.1em; }
    .measure-toggle{ font-size:10.5px; padding:3px 4px; }
  }

  /* =========================================================
     VIDEO BLOCK BUTTON — TRAVELING SNAKE BORDER
     Animation layer ONLY. Existing button styles untouched.
     ========================================================= */
  @property --snake-angle{
    syntax:'<angle>';
    initial-value:0deg;
    inherits:false;
  }
  @keyframes snakeTravel{
    from{ --snake-angle:0deg; }
    to{ --snake-angle:360deg; }
  }
  #videoWaBtn, #bestWaBtn, #submitOrder, #orderNowTop, #cartCheckout{
    position:relative;
  }
  #videoWaBtn::before, #bestWaBtn::before, #submitOrder::before, #orderNowTop::before, #cartCheckout::before{
    content:'';
    position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px;
    border-radius:999px; padding:1.5px;
    background:conic-gradient(from var(--snake-angle), transparent 0deg 260deg, rgba(234,241,255,0.35) 288deg, #eaf1ff 315deg, #202124 325deg, transparent 340deg 360deg);
    -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask-composite:exclude;
    animation:snakeTravel 5s linear infinite;
    filter:drop-shadow(0 0 6px rgba(245,245,245,0.80));
    pointer-events:none;
  }
  @keyframes bwGlowPulse{
    0%,100%{ box-shadow:0 0 6px rgba(245,245,245,0.35), 0 0 10px rgba(32,33,36,0.30); }
    50%{ box-shadow:0 0 10px rgba(245,245,245,0.65), 0 0 16px rgba(32,33,36,0.55); }
  }
  #videoWaBtn, #bestWaBtn, #submitOrder, #orderNowTop, #cartCheckout{
    animation:bwGlowPulse 2.5s ease-in-out infinite;
  }

  /* =========================================================
     HEADER MIDDLE — SNAKE BORDER (inset, no clip issues)
     ========================================================= */
  #headerTrust{
    position:relative;
  }
  #headerTrust::before{
    content:'';
    position:absolute; inset:0; border-radius:14px; padding:1px;
    background:conic-gradient(from var(--snake-angle), transparent 0deg 260deg, rgba(234,241,255,0.35) 288deg, #eaf1ff 315deg, #202124 325deg, transparent 340deg 360deg);
    -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask-composite:exclude;
    animation:snakeTravel 5s linear infinite;
    pointer-events:none;
  }