:root{
      --brand:#0f766e;
      --bg:#f6f8fb;
      --card:#ffffff;
      --muted:#667085;
    }
    body{background:var(--bg);}
    .navbar{backdrop-filter:saturate(180%) blur(10px); background:rgba(255,255,255,.9)!important;}
    .brand-dot{width:34px;height:34px;border-radius:12px;background:rgba(15,118,110,.12);display:grid;place-items:center;color:var(--brand);}
    .hero{
      padding:38px 0 22px;
      background:
        radial-gradient(900px 420px at 10% 10%, rgba(15,118,110,.18), transparent 60%),
        radial-gradient(900px 420px at 90% 0%, rgba(15,118,110,.10), transparent 55%);
      border-bottom: 1px solid rgba(15,118,110,.08);
    }
    .chip{
      border:1px solid rgba(15,118,110,.18);
      background: rgba(15,118,110,.06);
      color: var(--brand);
      padding:10px 14px;
      border-radius:999px;
      font-weight:600;
      cursor:pointer;
      user-select:none;
      transition:.15s;
      display:inline-flex;
      gap:8px;
      align-items:center;
    }
    .chip:hover{transform:translateY(-1px);}
    .searchbox{
      background: #fff;
      border:1px solid rgba(15,118,110,.12);
      border-radius: 18px;
      padding: 14px 16px;
      box-shadow: 0 12px 35px rgba(16,24,40,.06);
    }
    .product-card{
      border: 1px solid rgba(16,24,40,.08);
      border-radius: 18px;
      overflow:hidden;
      box-shadow: 0 12px 35px rgba(16,24,40,.06);
      transition:.18s;
      background: var(--card);
      height:100%;
    }
    .product-card:hover{transform:translateY(-2px);}
    .pimg{
      height: 170px;
      background: linear-gradient(180deg, rgba(15,118,110,.08), rgba(15,118,110,.02));
      display:flex; align-items:center; justify-content:center;
      overflow:hidden;
    }
    .pimg img{width:100%;height:100%;object-fit:cover;}
    .badge-price{background:rgba(220,38,38,.10); color:#b91c1c; border:1px solid rgba(220,38,38,.2);}
    .muted{color:var(--muted);}
    .qtybox{display:flex;gap:10px;align-items:center;justify-content:space-between;}
    .qtystep{display:flex;gap:8px;align-items:center;}
    .qtystep .btn{width:40px;height:40px;border-radius:12px;}
    .qtypill{
      min-width:46px; text-align:center;
      padding:8px 10px; border-radius:12px;
      border:1px solid rgba(16,24,40,.12);
      background:#fff;
      font-weight:700;
    }
    .section-title{font-weight:900;}
    .offcanvas{border-radius: 18px 0 0 18px;}
    .cart-item{border:1px solid rgba(16,24,40,.08); border-radius:16px; padding:12px;}
    .req::after{content:" *"; color:#dc3545;}
    .mini{font-size:.92rem;}
    .line{border-top:1px solid rgba(16,24,40,.08);}
    .toast-top-center{top:14px;}

  .faq{
    font-weight: 700;
  }
  .chip:hover{
    border: 1px solid rgba(15, 118, 110, .18);
    background: #198754;
    color: var(--bg);
  }
  .chip.active{
    border: 1px solid rgba(15, 118, 110, .18);
    background: #198754;
    color: var(--bg);
  }