*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --brown:#4A2C0A; --brown2:#6B3F15; --gold:#C07A28; --gold2:#E8A849;
  --green:#2E6B30; --cream:#FBF5EC; --light:#FFFDF9;
  --border:#E2D0B8; --text:#2C1A08; --muted:#7A6048; --shadow:rgba(74,44,10,.10);
}
html { scroll-behavior:smooth; }
body { font-family:'Inter',sans-serif; color:var(--text); background:var(--light); overflow-x:hidden; }

/* TOP BAR */
.topbar { background:var(--brown); color:rgba(255,255,255,.82); font-size:12.5px; padding:6px 24px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.topbar a { color:var(--gold2); text-decoration:none; margin-left:14px; }
.topbar a:hover { text-decoration:underline; }
.tl { display:flex; gap:20px; flex-wrap:wrap; }

/* HEADER */
header { background:#fff; border-bottom:2px solid var(--border); position:sticky; top:0; z-index:900; box-shadow:0 2px 16px var(--shadow); }
.hi { max-width:1300px; margin:auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; height:72px; gap:20px; }
.logo { display:flex; align-items:center; gap:12px; text-decoration:none; }
.lmark { width:48px; height:48px; background:linear-gradient(135deg,var(--brown),var(--brown2)); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:24px; flex-shrink:0; }
.ltext strong { display:block; font-family:'Merriweather',serif; font-size:19px; color:var(--brown); font-weight:900; }
.ltext small { font-size:10px; color:var(--gold); letter-spacing:2px; text-transform:uppercase; font-weight:600; }
nav { display:flex; align-items:center; gap:2px; }
nav a { text-decoration:none; color:var(--text); font-size:13.5px; font-weight:600; padding:8px 12px; border-radius:6px; transition:background .18s,color .18s; white-space:nowrap; }
nav a:hover { background:var(--cream); color:var(--brown); }
.bq { background:var(--gold); color:#fff; border:none; border-radius:8px; padding:10px 20px; font-size:13.5px; font-weight:700; cursor:pointer; text-decoration:none; display:inline-block; transition:background .2s; white-space:nowrap; }
.bq:hover { background:var(--brown); }

/* HERO */
.hero { position:relative; overflow:hidden; height:540px; }
.sw { display:flex; transition:transform .65s cubic-bezier(.4,0,.2,1); height:100%; }
.slide { min-width:100%; position:relative; display:flex; align-items:center; }
.sbg { position:absolute; inset:0; background-size:cover; background-position:center; }
.sbg::after { content:''; position:absolute; inset:0; background:linear-gradient(100deg,rgba(18,8,2,.8) 0%,rgba(18,8,2,.15) 100%); }
.sc { position:relative; z-index:2; max-width:620px; padding:0 70px; }
.stag { display:inline-block; border:1.5px solid var(--gold2); color:var(--gold2); font-size:11px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; padding:4px 12px; border-radius:4px; margin-bottom:18px; }
.sc h1 { font-family:'Merriweather',serif; font-size:clamp(26px,3.5vw,46px); color:#fff; line-height:1.25; margin-bottom:16px; }
.sc p { color:rgba(255,255,255,.82); font-size:16px; line-height:1.7; margin-bottom:28px; }
.hbtns { display:flex; gap:14px; flex-wrap:wrap; }
.hbp { background:var(--gold); color:#fff; padding:13px 28px; border-radius:8px; text-decoration:none; font-weight:700; font-size:15px; transition:background .2s; }
.hbp:hover { background:var(--gold2); }
.hbo { border:2px solid rgba(255,255,255,.7); color:#fff; padding:11px 26px; border-radius:8px; text-decoration:none; font-weight:600; font-size:15px; transition:background .2s; }
.hbo:hover { background:rgba(255,255,255,.12); }
.hnav { position:absolute; bottom:28px; left:70px; display:flex; gap:10px; z-index:10; }
.hdot { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.35); cursor:pointer; transition:background .2s,transform .2s; border:none; }
.hdot.on { background:var(--gold2); transform:scale(1.3); }
.harrs { position:absolute; bottom:22px; right:50px; display:flex; gap:8px; z-index:10; }
.harr { width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.35); color:#fff; font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.harr:hover { background:var(--gold); border-color:var(--gold); }

/* CERT STRIP */
.cs { background:var(--cream); border-bottom:1.5px solid var(--border); }
.ci { max-width:1300px; margin:auto; padding:14px 24px; display:flex; gap:28px; align-items:center; justify-content:center; flex-wrap:wrap; }
.cb { display:flex; align-items:center; gap:7px; font-size:13px; font-weight:600; color:var(--brown); }
.cb span:first-child { font-size:17px; }

/* USP STRIP */
.us { background:var(--brown); }
.ui { max-width:1300px; margin:auto; display:grid; grid-template-columns:repeat(4,1fr); }
.uitem { display:flex; align-items:center; gap:14px; padding:22px 26px; color:#fff; border-right:1px solid rgba(255,255,255,.12); }
.uitem:last-child { border-right:none; }
.uico { font-size:26px; flex-shrink:0; }
.uitem strong { display:block; font-size:13.5px; font-weight:700; }
.uitem small { font-size:11.5px; color:rgba(255,255,255,.65); }

/* SECTION */
.wrap { max-width:1300px; margin:auto; padding:64px 24px; }
.sh { margin-bottom:40px; }
.stg { display:inline-block; background:var(--cream); border:1px solid var(--border); color:var(--gold); font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; padding:4px 12px; border-radius:4px; margin-bottom:12px; }
.st { font-family:'Merriweather',serif; font-size:clamp(22px,2.8vw,34px); color:var(--brown); font-weight:700; line-height:1.3; margin-bottom:10px; }
.ss { color:var(--muted); font-size:15px; line-height:1.7; max-width:640px; }
.dv { width:52px; height:3px; background:var(--gold); border-radius:2px; margin:14px 0 0; }

/* CATEGORY GRID */
.cg { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:18px; }
.cc { background:#fff; border:1.5px solid var(--border); border-radius:12px; text-align:center; padding:24px 12px; text-decoration:none; color:var(--text); transition:transform .2s,box-shadow .2s,border-color .2s; }
.cc:hover { transform:translateY(-4px); box-shadow:0 10px 28px var(--shadow); border-color:var(--gold); }
.cci { font-size:36px; margin-bottom:10px; }
.ccn { font-size:13px; font-weight:700; color:var(--brown); }

/* PRODUCT GRID */
.pg { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:24px; }
.pc { background:#fff; border:1.5px solid var(--border); border-radius:14px; overflow:hidden; transition:transform .2s,box-shadow .2s,border-color .2s; }
.pc:hover { transform:translateY(-5px); box-shadow:0 16px 40px var(--shadow); border-color:var(--gold); }
.pt { height:190px; background:var(--cream); display:flex; align-items:center; justify-content:center; font-size:64px; position:relative; }
.pl { position:absolute; top:12px; left:12px; background:var(--green); color:#fff; font-size:10.5px; font-weight:700; padding:3px 9px; border-radius:4px; }
.pb { padding:16px 18px 20px; }
.pn { font-weight:700; font-size:14.5px; color:var(--brown); margin-bottom:6px; line-height:1.4; }
.pd { font-size:12.5px; color:var(--muted); line-height:1.6; margin-bottom:12px; }
.psp { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
.spt { background:var(--cream); border:1px solid var(--border); font-size:11px; font-weight:600; color:var(--brown); padding:2px 8px; border-radius:4px; }
.bqt { width:100%; padding:10px; background:var(--brown); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:background .2s; }
.bqt:hover { background:var(--gold); }

/* ABOUT */
.ag { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.at p { font-size:15px; color:var(--muted); line-height:1.8; margin-bottom:14px; }
.at ul { list-style:none; margin:18px 0; }
.at ul li { display:flex; gap:10px; font-size:14px; color:var(--text); font-weight:500; margin-bottom:10px; align-items:flex-start; }
.at ul li::before { content:'✓'; color:var(--green); font-weight:900; flex-shrink:0; margin-top:1px; }
.sg { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.sbox { background:var(--cream); border:1.5px solid var(--border); border-radius:14px; padding:24px; text-align:center; }
.snum { font-family:'Merriweather',serif; font-size:36px; font-weight:900; color:var(--brown); line-height:1; margin-bottom:6px; }
.slbl { font-size:13px; color:var(--muted); }

/* PROCESS */
.procbg { background:var(--brown); }
.procg { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:0; }
.procs { padding:36px 26px; border-right:1px solid rgba(255,255,255,.1); color:#fff; }
.procs:last-child { border-right:none; }
.procn { font-family:'Merriweather',serif; font-size:48px; font-weight:900; color:rgba(255,255,255,.1); line-height:1; margin-bottom:10px; }
.procs h4 { font-size:15px; font-weight:700; margin-bottom:8px; color:var(--gold2); }
.procs p { font-size:13px; color:rgba(255,255,255,.7); line-height:1.7; }

/* WHY */
.wg { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:22px; }
.wc { background:#fff; border:1.5px solid var(--border); border-radius:14px; padding:28px; transition:box-shadow .2s,border-color .2s; }
.wc:hover { box-shadow:0 10px 30px var(--shadow); border-color:var(--gold); }
.wi { width:52px; height:52px; background:var(--cream); border:1.5px solid var(--border); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:16px; }
.wc h4 { font-size:15px; font-weight:700; color:var(--brown); margin-bottom:8px; }
.wc p { font-size:13.5px; color:var(--muted); line-height:1.7; }

/* SPECS TABLE */
.specbg { background:var(--cream); border-top:2px solid var(--border); border-bottom:2px solid var(--border); }
.stbl { width:100%; border-collapse:collapse; font-size:14px; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 20px var(--shadow); }
.stbl th { background:var(--brown); color:#fff; padding:14px 18px; text-align:left; font-size:12.5px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; }
.stbl td { padding:13px 18px; border-bottom:1px solid var(--border); }
.stbl tr:last-child td { border-bottom:none; }
.stbl tr:nth-child(even) td { background:var(--cream); }

/* TESTIMONIALS */
.tg { display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:22px; }
.tc { background:#fff; border:1.5px solid var(--border); border-radius:14px; padding:28px; }
.tst { color:var(--gold); font-size:16px; margin-bottom:12px; }
.ttx { font-size:14px; color:var(--muted); line-height:1.75; font-style:italic; margin-bottom:18px; }
.tau { font-weight:700; font-size:14px; color:var(--brown); }
.tco { font-size:12px; color:var(--gold); font-weight:600; }

/* FORM */
.fmbg { background:linear-gradient(135deg,var(--brown) 0%,#2a1505 100%); }
.fmg { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; align-items:start; }
.fi h2 { font-family:'Merriweather',serif; font-size:clamp(22px,2.5vw,32px); color:#fff; margin-bottom:16px; line-height:1.35; }
.fi p { color:rgba(255,255,255,.75); font-size:15px; line-height:1.75; margin-bottom:24px; }
.ci2 { display:flex; gap:12px; align-items:flex-start; color:rgba(255,255,255,.8); font-size:14px; margin-bottom:12px; }
.ci2 span:first-child { font-size:18px; flex-shrink:0; margin-top:1px; }
.ef { background:#fff; border-radius:16px; padding:36px; }
.ef h3 { font-size:18px; font-weight:700; color:var(--brown); margin-bottom:22px; }
.fr { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.fd { margin-bottom:16px; }
.fd label { display:block; font-size:12.5px; font-weight:600; color:var(--brown); margin-bottom:6px; }
.fd input, .fd select, .fd textarea { width:100%; padding:10px 14px; border:1.5px solid var(--border); border-radius:8px; font-size:14px; font-family:inherit; color:var(--text); background:var(--light); outline:none; transition:border-color .2s,box-shadow .2s; }
.fd input:focus,.fd select:focus,.fd textarea:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(192,122,40,.12); }
.fd textarea { resize:vertical; min-height:90px; }
.bsub { width:100%; padding:13px; background:var(--brown); color:#fff; border:none; border-radius:8px; font-size:15px; font-weight:700; cursor:pointer; transition:background .2s; }
.bsub:hover { background:var(--gold); }

/* FOOTER */
footer { background:#100803; color:rgba(255,255,255,.75); }
.fm { max-width:1300px; margin:auto; padding:60px 24px 40px; display:grid; grid-template-columns:2fr 1fr 1fr 1.4fr; gap:40px; }
.fbr p { font-size:13.5px; color:rgba(255,255,255,.55); line-height:1.75; margin-top:12px; }
.fc h4 { color:#fff; font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:16px; }
.fc ul { list-style:none; }
.fc li { margin-bottom:9px; }
.fc a { color:rgba(255,255,255,.55); text-decoration:none; font-size:13.5px; transition:color .2s; }
.fc a:hover { color:var(--gold2); }
.fcert { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.fcb { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:6px; padding:5px 12px; font-size:11.5px; font-weight:700; color:rgba(255,255,255,.7); }
.fb { border-top:1px solid rgba(255,255,255,.08); max-width:1300px; margin:auto; padding:18px 24px; display:flex; justify-content:space-between; align-items:center; font-size:12.5px; color:rgba(255,255,255,.35); flex-wrap:wrap; gap:10px; }
.fso a { color:rgba(255,255,255,.4); font-size:18px; text-decoration:none; transition:color .2s; margin-right:12px; }
.fso a:hover { color:var(--gold2); }

/* WHATSAPP BUTTON */
.wa { position:fixed; bottom:24px; right:24px; background:#25d366; color:#fff; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:28px; text-decoration:none; box-shadow:0 4px 18px rgba(0,0,0,.25); z-index:999; transition:transform .2s; }
.wa:hover { transform:scale(1.1); }

/* HAMBURGER MENU BUTTON */
.hmenu { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:8px; }
.hmenu span { display:block; width:24px; height:2.5px; background:var(--brown); border-radius:2px; transition:all .3s; }

/* MOBILE NAV DRAWER */
.mob-nav { display:flex; position:fixed; top:0; left:-100%; width:82%; max-width:300px; height:100vh; background:#fff; z-index:1400; box-shadow:4px 0 24px rgba(0,0,0,.2); flex-direction:column; padding:0; transition:left .3s ease; overflow-y:auto; }
.mob-nav.open { left:0; }
.mob-nav-overlay { z-index:1399; }
.mob-nav-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:1299; }
.mob-nav-overlay.open { display:block; }
.mob-nav-logo { display:flex; align-items:center; gap:10px; padding:0 20px 20px; border-bottom:1px solid var(--border); margin-bottom:10px; }
.mob-nav a { display:block; padding:14px 24px; font-size:15px; font-weight:600; color:var(--text); text-decoration:none; border-bottom:1px solid var(--border); }
.mob-nav a:hover { background:var(--cream); color:var(--brown); }
.mob-nav .mob-cta { margin:20px 16px 0; background:var(--gold); color:#fff; text-align:center; border-radius:8px; border-bottom:none; font-weight:700; }
.mob-nav .mob-wa { margin:10px 16px 0; background:#25d366; color:#fff; text-align:center; border-radius:8px; border-bottom:none; font-weight:700; }

/* RESPONSIVE — TABLET */
@media (max-width:960px) {
  nav { display:none; }
  .hmenu { display:flex; }
  .ag,.fmg { grid-template-columns:1fr; gap:36px; }
  .fm { grid-template-columns:1fr 1fr; }
  .ui { grid-template-columns:1fr 1fr; }
  .procg { grid-template-columns:1fr 1fr; }
  .procs:nth-child(2) { border-right:none; }
  .bq { display:none !important; }
}

/* RESPONSIVE — MOBILE */
@media (max-width:600px) {
  /* Hide topbar completely on mobile */
  .topbar { display:none !important; }

  /* Header — single clean row */
  .hi { height:58px; padding:0 12px; gap:8px; }
  .lmark { width:36px; height:36px; font-size:18px; flex-shrink:0; }
  .ltext strong { font-size:15px; white-space:nowrap; }
  .ltext small { font-size:9px; letter-spacing:0.5px; white-space:nowrap; }
  .cart-text { display:none !important; }
  .cart-icon-btn { padding:8px 10px; font-size:20px; min-width:44px; min-height:44px; justify-content:center; border-radius:8px; }
  .bq { display:none !important; }

  /* Hero */
  .hero { height:360px; }
  .sc { padding:0 18px; }
  .sc h1 { font-size:22px; line-height:1.3; }
  .sc p { font-size:13.5px; line-height:1.6; margin-bottom:20px; }
  .hbp,.hbo { padding:11px 18px; font-size:13px; }
  .hnav { left:18px; bottom:16px; }
  .harrs { right:14px; bottom:14px; }
  .harr { width:34px; height:34px; font-size:15px; }

  /* Cert strip */
  .ci { gap:12px; padding:10px 14px; }
  .cb { font-size:11.5px; }

  /* USP strip */
  .ui { grid-template-columns:1fr 1fr; }
  .uitem { padding:14px 12px; gap:10px; }
  .uico { font-size:20px; }
  .uitem strong { font-size:12px; }
  .uitem small { font-size:10.5px; }

  /* Section */
  .wrap { padding:36px 14px; }
  .st { font-size:22px; }

  /* Category grid */
  .cg { grid-template-columns:repeat(4,1fr); gap:8px; }
  .cc { padding:14px 6px; border-radius:10px; }
  .cci { font-size:26px; margin-bottom:6px; }
  .ccn { font-size:10px; }

  /* Product cards — 1 column */
  .pg { grid-template-columns:1fr; gap:16px; }
  .pt { height:160px; font-size:56px; }
  .btn-cart { padding:13px; font-size:14px; min-height:48px; }
  .bqt { padding:13px; font-size:14px; min-height:48px; }

  /* About stats */
  .sg { grid-template-columns:1fr 1fr; gap:10px; }
  .sbox { padding:16px 10px; }
  .snum { font-size:26px; }

  /* Process */
  .procg { grid-template-columns:1fr; }
  .procs { border-right:none; border-bottom:1px solid rgba(255,255,255,.1); padding:24px 18px; }
  .procn { font-size:36px; }

  /* Why grid */
  .wg { grid-template-columns:1fr; gap:14px; }

  /* Testimonials */
  .tg { grid-template-columns:1fr; gap:14px; }

  /* Form */
  .fm { grid-template-columns:1fr; }
  .fr { grid-template-columns:1fr; }
  .ef { padding:22px 16px; }
  .bsub { padding:14px; font-size:15px; min-height:50px; }

  /* Footer */
  .fm { grid-template-columns:1fr; gap:28px; }
  .fb { flex-direction:column; text-align:center; gap:6px; }

  /* WhatsApp float */
  .wa { width:50px; height:50px; font-size:24px; bottom:18px; right:16px; }
}

/* Extra small phones */
@media (max-width:380px) {
  .cg { grid-template-columns:repeat(3,1fr); }
  .sc h1 { font-size:19px; }
  .ltext strong { font-size:14px; }
}

/* ===== CART ===== */
.cart-icon-btn { position:relative; background:var(--gold); color:#fff; border:none; border-radius:8px; padding:9px 16px; font-size:18px; cursor:pointer; display:flex; align-items:center; gap:6px; font-weight:700; transition:background .2s; white-space:nowrap; }
.cart-icon-btn:hover { background:var(--brown); }
.cart-badge { position:absolute; top:-7px; right:-7px; background:#e53935; color:#fff; font-size:10px; font-weight:700; width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; line-height:1; }

.cart-overlay { position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:1100; display:none; }
.cart-overlay.open { display:block; }

.cart-drawer { position:fixed; top:0; right:-420px; width:100%; max-width:420px; height:100vh; background:#fff; z-index:1200; box-shadow:-4px 0 30px rgba(0,0,0,.18); transition:right .35s cubic-bezier(.4,0,.2,1); display:flex; flex-direction:column; }
.cart-drawer.open { right:0; }
.cart-drawer.open { right:0; }

.cart-head { padding:18px 20px; border-bottom:2px solid var(--border); display:flex; align-items:center; justify-content:space-between; background:var(--brown); color:#fff; }
.cart-head h3 { font-family:'Merriweather',serif; font-size:17px; font-weight:900; }
.cart-close { background:rgba(255,255,255,.15); border:none; color:#fff; width:32px; height:32px; border-radius:50%; font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.cart-close:hover { background:rgba(255,255,255,.3); }

.cart-body { flex:1; overflow-y:auto; padding:16px; }

.cart-empty-msg { text-align:center; padding:60px 20px; color:var(--muted); }
.cart-empty-msg .ce-ico { font-size:52px; margin-bottom:14px; }
.cart-empty-msg p { font-size:15px; font-weight:600; color:var(--brown); margin-bottom:6px; }
.cart-empty-msg small { font-size:13px; }

.cart-item { display:flex; align-items:flex-start; gap:12px; padding:14px 0; border-bottom:1px solid var(--border); }
.cart-item:last-child { border-bottom:none; }
.ci-ico { width:48px; height:48px; background:var(--cream); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; border:1px solid var(--border); }
.ci-info { flex:1; min-width:0; }
.ci-name { font-size:13.5px; font-weight:700; color:var(--brown); line-height:1.35; margin-bottom:8px; }
.ci-qty { display:flex; align-items:center; gap:8px; }
.ci-qty button { width:28px; height:28px; border-radius:6px; border:1.5px solid var(--border); background:#fff; font-size:16px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--brown); transition:background .15s,border-color .15s; }
.ci-qty button:hover { background:var(--cream); border-color:var(--gold); }
.ci-qty span { font-size:14px; font-weight:700; color:var(--text); min-width:22px; text-align:center; }
.ci-remove { background:none; border:none; color:#ccc; font-size:18px; cursor:pointer; padding:4px; flex-shrink:0; transition:color .2s; line-height:1; }
.ci-remove:hover { color:#e53935; }

.cart-foot { padding:16px 20px; border-top:2px solid var(--border); background:var(--cream); }
.cart-count-txt { font-size:13px; color:var(--muted); margin-bottom:14px; text-align:center; }
.cart-count-txt strong { color:var(--brown); }
.cart-wa { width:100%; padding:14px; background:#25d366; color:#fff; border:none; border-radius:10px; font-size:15px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; transition:background .2s; }
.cart-wa:hover { background:#1ebe5d; }
.cart-wa-note { text-align:center; font-size:12px; color:var(--muted); margin-top:10px; line-height:1.5; }
.cart-clear { width:100%; padding:9px; background:none; border:1.5px solid var(--border); border-radius:8px; font-size:13px; color:var(--muted); cursor:pointer; margin-top:8px; transition:border-color .2s,color .2s; }
.cart-clear:hover { border-color:#e53935; color:#e53935; }

/* Add to Cart button on product card */
.btn-cart { width:100%; padding:10px; background:var(--brown); color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:700; cursor:pointer; transition:background .2s; display:flex; align-items:center; justify-content:center; gap:6px; }
.btn-cart:hover { background:var(--gold); }
.btn-cart.added { background:var(--green); }

@media (max-width:600px) {
  .cart-drawer { max-width:100%; right:-100%; }
  .btn-cart { padding:14px 10px; font-size:15px; min-height:52px; border-radius:10px; }
  .bqt { padding:14px 10px; font-size:15px; min-height:52px; }
  .cart-wa { padding:16px; font-size:16px; min-height:54px; }
  .ci-qty button { width:36px; height:36px; font-size:18px; }
}