:root{--bg:#060604;--panel:#0f120c;--panel2:#15180f;--gold:#d7a93d;--gold2:#f7d56f;--muted:#b9b4a7;--white:#fffaf0;--green:#050504;--line:rgba(215,169,61,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;margin:0;background:var(--bg);color:var(--white)}a{color:inherit;text-decoration:none}img{max-width:100%}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:rgba(0,0,0,.82);border-bottom:1px solid rgba(215,169,61,.18);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand img{height:64px;width:auto}.nav nav{display:flex;gap:24px;align-items:center;font-size:14px}.nav a:hover{color:var(--gold2)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--gold),#f3c961);color:#171104;border:1px solid rgba(255,229,145,.5);border-radius:12px;padding:13px 20px;font-weight:900;cursor:pointer;box-shadow:0 10px 26px rgba(215,169,61,.16)}.btn.secondary{background:transparent;color:var(--white);border-color:var(--gold)}.btn.dark{background:#080806;color:var(--white);border-color:#2d2614}.btn.small{padding:9px 14px}.hero{min-height:690px;padding:74px 5% 36px;display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:center;background:radial-gradient(circle at 72% 28%,rgba(215,169,61,.24),transparent 34%),radial-gradient(circle at 25% 75%,rgba(215,169,61,.08),transparent 35%),linear-gradient(180deg,#080806 0%,#0b0a07 100%);border-bottom:1px solid var(--line);overflow:hidden}.eyebrow{color:var(--gold2);letter-spacing:3px;text-transform:uppercase;font-size:12px;font-weight:900}.hero h1{font-family:Georgia,serif;font-size:64px;line-height:1.03;margin:14px 0 18px;max-width:730px}.hero h1 span,.gold{color:var(--gold2)}.hero p{font-size:18px;line-height:1.8;color:#ddd3bd;max-width:610px}.cta{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.trust{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:18px;margin-top:30px}.trust .item{border-left:1px solid var(--line);padding-left:14px}.icon{width:38px;height:38px;border:1px solid var(--gold);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--gold2);font-weight:900;margin-bottom:8px}.visual{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center}.visual:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(215,169,61,.32),transparent 67%);filter:blur(1px)}.visual img{position:relative;z-index:2;filter:drop-shadow(0 35px 55px rgba(0,0,0,.65))}.stats-bar{margin:-1px 5% 0;border:1px solid rgba(215,169,61,.35);background:linear-gradient(135deg,#f6d783,#fbe8a6,#bd8228);color:#1b1203;border-radius:18px;padding:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;box-shadow:0 18px 50px rgba(215,169,61,.13)}.stat strong{font-size:30px;display:block}.section{padding:70px 5%}.section h2{font-family:Georgia,serif;font-size:38px;margin:0 0 12px}.section .lead{color:var(--muted);line-height:1.8;margin:0 0 30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.26)}.card.light{background:#fff;color:#171717;border-color:#ead9b6}.card h3{margin:10px 0}.product-card{background:#fff;color:#171717;border-radius:16px;padding:20px;box-shadow:0 18px 40px rgba(0,0,0,.22)}.product-card .bar{height:110px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff4cf,#fff);border-radius:14px;margin-bottom:14px}.mini-gold{width:54px;height:78px;border-radius:10px;background:linear-gradient(135deg,#fff0a4,#d59a22,#8d570d,#ffd86a);box-shadow:inset 0 0 0 2px #ffe28a,0 10px 18px rgba(0,0,0,.18)}.price{font-size:22px;font-weight:900;color:#1d1407}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.step{position:relative;text-align:center}.step .num{width:42px;height:42px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#150f04;display:flex;align-items:center;justify-content:center;font-weight:900}.affiliate{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:center;background:linear-gradient(135deg,#090806,#11170e);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.phone{max-width:340px;margin:auto;border:10px solid #151515;border-radius:35px;background:#fafafa;color:#1b1b1b;padding:18px;box-shadow:0 25px 80px rgba(0,0,0,.55)}.form{max-width:600px;margin:45px auto}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid #2d2d2d;border-radius:12px;margin:8px 0 14px;background:#fff;color:#111}.table{width:100%;border-collapse:collapse;background:#fff;color:#222;border-radius:16px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left;font-size:14px}.muted{color:#8a8376}.badge{padding:6px 10px;border-radius:999px;background:rgba(215,169,61,.18);color:var(--gold2);font-size:12px}.sidebar{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.admin-wrap{padding:34px 5%}.footer{padding:36px 5%;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}@media(max-width:900px){.hero,.affiliate{grid-template-columns:1fr}.hero h1{font-size:42px}.nav{padding:0 18px}.nav nav{gap:10px;font-size:13px}.nav nav a:nth-child(n+4):not(.btn){display:none}.stats-bar,.trust{grid-template-columns:repeat(2,1fr)}.section{padding:46px 20px}.hero{padding:48px 20px}.visual{min-height:310px}.footer{padding:28px 20px}}@media(max-width:520px){.stats-bar,.trust{grid-template-columns:1fr}.brand img{height:42px}.hero h1{font-size:36px}.cta .btn{width:100%}.nav .brand{max-width:150px;overflow:hidden}.stats-bar{margin:0 20px}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin:18px 0}.admin-wrap .stats .card{background:linear-gradient(135deg,#13110b,#1f1a0f);border-color:rgba(215,169,61,.3)}.admin-wrap .stats .card h3{color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}.admin-wrap .stats .price{color:var(--gold2);font-size:28px;font-weight:900;margin:0}.product-card{background:#fff;color:#171717;border-radius:18px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.28);display:flex;flex-direction:column}.pcard-header{background:linear-gradient(135deg,#0a0c08,#131a0f);padding:14px 18px;display:flex;align-items:center}.pcard-brand{height:36px;width:auto}.pcard-visual{background:linear-gradient(135deg,#f8f4ea,#fffdf4);padding:22px 18px 14px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.pcard-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-family:Georgia,serif;font-weight:900;color:rgba(215,169,61,.08);white-space:nowrap;pointer-events:none;letter-spacing:2px}.pcard-bar-svg{width:100%;max-width:220px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.25))}.pcard-antam-badge{display:flex;align-items:center;gap:4px;margin-top:10px;padding:5px 14px;background:#fff;border:1px solid #ddd;border-radius:999px}.pcard-antam-text{font-family:Arial,sans-serif;font-size:14px;font-weight:900;color:#7a5a16;letter-spacing:.5px}.pcard-antam-c{font-size:9px;color:#7a5a16;margin-top:-6px}.pcard-lm-text{font-family:Arial,sans-serif;font-size:8px;color:#888;letter-spacing:1.5px;text-transform:uppercase;margin-left:4px}.pcard-info{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}.pcard-info h3{margin:0 0 4px;font-size:15px;color:#1a1a1a}.pcard-info .price{font-size:20px;font-weight:900;color:#1a1a1a;margin-top:6px}.flash-error,.flash-success{padding:14px 20px;margin:12px 5%;border-radius:12px;font-weight:700;font-size:14px}.flash-error{background:rgba(180,30,30,.18);color:#ff9090;border:1px solid rgba(180,30,30,.5)}.flash-success{background:rgba(112,82,14,.18);color:#f7d56f;border:1px solid rgba(215,169,61,.5)}
/* ===== NAVBAR LOGO ===== */
.nav{height:78px !important}
.brand{width:185px;height:58px;gap:0 !important;overflow:hidden;display:flex;align-items:center;justify-content:flex-start}
.brand img{width:185px !important;max-width:185px !important;height:auto !important;object-fit:contain;transform:none;display:block}

/* ===== PRODUCT CARD HEADER ===== */
.pcard-header{background:#000 !important;padding:10px 16px !important;justify-content:center !important;align-items:center !important;min-height:70px !important;overflow:hidden}
.pcard-brand{width:170px !important;max-width:72% !important;height:auto !important;object-fit:contain;display:block;margin:0 auto;transform:none}

/* ===== GLOBAL READABILITY ===== */
label{display:block;color:#c8c0b0;font-size:13px;font-weight:600;margin:12px 0 4px}
h1,h2,h3{color:var(--white)}
p{color:#d8d0bc}
.muted{color:#b0aa9a}
.section p{color:#d0c8b4}

/* ===== DARK FORMS (landing, register, login, dashboard) ===== */
.form input,.form textarea,.form select{width:100%;padding:13px 14px;border:1px solid #2a2a2a;border-radius:10px;margin:4px 0 2px;background:#1a1a14;color:var(--white);font-size:14px}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--gold);background:#1e1e16}
.form input::placeholder,.form textarea::placeholder{color:#6b665a}

/* ===== ADMIN WRAP BASE ===== */
.admin-wrap{color:var(--white)}
.admin-wrap h1{font-size:26px;margin:0 0 6px;color:var(--white)}
.admin-wrap h2,.admin-wrap h3{color:var(--white)}

/* All admin inputs dark themed */
.admin-wrap input:not([type=checkbox]),.admin-wrap textarea,.admin-wrap select{width:100%;padding:11px 13px;border:1px solid #2c2e20;border-radius:9px;margin:4px 0 8px;background:#111408;color:var(--white);font-size:14px;display:block}
.admin-wrap input:not([type=checkbox]):focus,.admin-wrap textarea:focus,.admin-wrap select:focus{outline:none;border-color:var(--gold);background:#151a0c}
.admin-wrap input::placeholder,.admin-wrap textarea::placeholder{color:#5a5a46}

/* Admin cards dark */
.admin-wrap .card{background:linear-gradient(135deg,#13170e,#1c2215);border-color:rgba(215,169,61,.25);color:var(--white)}
.admin-wrap .card h3{color:var(--gold2);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 10px}
.admin-wrap .card p{color:#c8c0b0}

/* ===== ADMIN STATS NUMBERS – dedicated class, no override risk ===== */
.admin-wrap .stats .card{background:linear-gradient(135deg,#111609,#1a2012);border:1px solid rgba(215,169,61,.35);padding:22px 26px}
.admin-wrap .stats .card h3{color:#a8a298;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px}
.stat-num{color:#f7d56f;font-size:42px;font-weight:900;line-height:1;margin:0;display:block;text-shadow:0 0 28px rgba(247,213,111,.4)}

/* Member dashboard price in dark cards */
.section .card .price{color:#f7d56f;font-size:26px;font-weight:900}
.admin-wrap .price{color:#f7d56f;font-size:28px;font-weight:900;margin:0}

/* ===== TABLE (white background, light context) ===== */
.table{width:100%;border-collapse:collapse;background:#fff;color:#222;border-radius:16px;overflow:hidden;font-size:14px}
.table th{background:#f5f0e8;color:#3a2e10;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.8px;padding:13px 12px}
.table td{padding:11px 12px;border-bottom:1px solid #eee;color:#2a2a2a;vertical-align:middle}
.table tr:last-child td{border-bottom:none}
.table tr:hover td{background:#fdf8ee}

/* Table inline forms – override dark admin inputs back to white */
.table input,.table select{width:auto;background:#fff !important;color:#222 !important;border:1px solid #d0c8b4 !important;padding:6px 9px !important;border-radius:7px !important;font-size:12px !important;margin:0 !important;display:inline-block}
.table button{padding:6px 11px;font-size:12px;border-radius:7px;margin:0;white-space:nowrap}
.table form{display:flex;align-items:center;gap:5px;flex-wrap:nowrap}

/* ===== BADGES ===== */
.badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;display:inline-block}
.badge-pending{background:#fff8e1;color:#9a6e00}
.badge-confirmed,.badge-approved,.badge-paid{background:#e8f5e9;color:#1b6e32}
.badge-cancelled,.badge-rejected{background:#fde8e8;color:#b02020}

/* ===== SIDEBAR ===== */
.sidebar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 22px}
.sidebar .btn.small{font-size:13px;padding:9px 16px}

/* ===== MEMBER DASHBOARD ===== */
.section h1,.section h2{color:var(--white)}
.section .card h3{color:var(--gold2)}
.section .card p{color:#c8c0b0}

/* ===== RESET PW in users table ===== */
.reset-pw-form{display:flex;gap:6px;align-items:center}
.reset-pw-form input{width:140px !important;padding:7px 10px !important;border-radius:8px !important;border:1px solid #ddd !important;font-size:13px !important;color:#222 !important;background:#fff !important;display:inline-block}
.reset-pw-form button{padding:7px 12px;font-size:12px;font-weight:700;border-radius:8px;white-space:nowrap}

/* ===== NAV HAMBURGER ===== */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:none;box-shadow:none;padding:8px;cursor:pointer;width:42px;height:42px;flex-shrink:0}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:transform .25s,opacity .25s}
.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-toggle.open span:nth-child(2){opacity:0;transform:translateX(-6px)}
.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ===== TABLE SCROLL WRAPPER (added by JS) ===== */
.table-scroll{overflow-x:auto;border-radius:16px;width:100%}
.table-scroll .table{border-radius:0;min-width:520px}

/* ===== TABLET (≤900px) ===== */
@media(max-width:900px){
  .nav-toggle{display:flex}
  .nav nav{
    display:none;flex-direction:column;position:fixed;
    top:78px;left:0;right:0;
    background:rgba(3,3,2,.97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
    padding:18px 5% 24px;gap:4px;
    border-bottom:1px solid var(--line);z-index:49;
    max-height:calc(100vh - 78px);overflow-y:auto
  }
  .nav nav.open{display:flex}
  .nav nav a{padding:13px 4px;border-bottom:1px solid rgba(215,169,61,.1);font-size:15px;width:100%;display:block}
  .nav nav a:last-child{border-bottom:none}
  .nav nav a:nth-child(n+4):not(.btn){display:block}
  .nav nav .btn,.nav nav .btn.secondary{width:100%;justify-content:center;margin-top:8px;border-bottom:none;padding:13px}
  .admin-wrap{padding:24px 4%}
  .brand{width:165px;height:54px}
  .brand img{width:165px !important;max-width:165px !important;transform:none}
  .stats{grid-template-columns:repeat(2,1fr)}
  .sidebar{gap:6px}
  .sidebar .btn.small{font-size:12px;padding:8px 12px}
}

/* ===== MOBILE (≤640px) ===== */
@media(max-width:640px){
  /* Layout */
  .admin-wrap{padding:16px 4%}
  .admin-wrap h1{font-size:20px}
  .admin-wrap h2{font-size:17px}
  .section{padding:36px 4%}
  .section h2{font-family:Georgia,serif;font-size:26px}
  .hero{min-height:0;padding:40px 4% 28px}
  .hero h1{font-size:30px}
  .hero p{font-size:15px}

  /* Stats */
  .stats{grid-template-columns:1fr 1fr}
  .stat-num{font-size:30px !important}
  .admin-wrap .stats .card{padding:16px 18px}

  /* Dashboard 2-col grid → 1-col */
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}

  /* Sidebar horizontal scroll */
  .sidebar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;scrollbar-width:none}
  .sidebar::-webkit-scrollbar{display:none}
  .sidebar .btn.small{white-space:nowrap;flex-shrink:0}

  /* Form */
  .form{margin:30px auto}
  .form.card{padding:20px 16px}

  /* Flash */
  .flash-error,.flash-success{margin:10px 4%;font-size:13px;padding:12px 16px}

  /* Hero sections */
  .stats-bar{padding:16px;gap:10px;margin:0 4%;grid-template-columns:repeat(2,1fr)}
  .stat strong{font-size:22px}
  .trust{grid-template-columns:repeat(2,1fr)}
  .cta{flex-direction:column}
  .cta .btn,.cta a.btn{width:100%;text-align:center}
  .grid{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .affiliate{padding:36px 4%}
  .phone{max-width:100%;border-width:7px}

  /* Tables */
  .table th{font-size:11px;padding:10px 9px}
  .table td{font-size:13px;padding:9px}

  /* Reset pw form stack */
  .reset-pw-form{flex-wrap:wrap;gap:6px}
  .reset-pw-form input{width:100% !important}

  /* Buttons */
  .btn{padding:12px 16px;font-size:14px}
  .btn.small{padding:8px 12px;font-size:12px}
  .btn-google{font-size:13px;padding:12px}

  /* Footer */
  .footer{flex-direction:column;gap:10px;padding:20px 4%;text-align:center;font-size:13px}
}

/* ===== SMALL MOBILE (≤400px) ===== */
@media(max-width:400px){
  .nav{height:64px}
  .nav nav{top:64px}
  .brand{width:138px;height:46px}
  .brand img{width:138px !important;max-width:138px !important;height:auto !important;transform:none}
  .hero h1{font-size:26px}
  .section h2{font-size:22px}
  .stats{grid-template-columns:1fr}
  .stat-num{font-size:28px !important}
  .stats-bar{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .trust{grid-template-columns:1fr}
}

/* ===== GOOGLE BUTTON ===== */
.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 18px;background:#fff;color:#3c3c3c;border:1.5px solid #dadce0;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;transition:box-shadow .15s,border-color .15s;margin-bottom:4px}
.btn-google:hover{box-shadow:0 2px 14px rgba(0,0,0,.18);border-color:#bbb;color:#3c3c3c}
.divider-or{display:flex;align-items:center;gap:10px;color:#6b665a;font-size:12px;margin:18px 0;text-transform:uppercase;letter-spacing:1px}
.divider-or::before,.divider-or::after{content:"";flex:1;height:1px;background:#2a2a2a}

/* ===== FLASH MESSAGES ===== */
.flash-error,.flash-success{padding:14px 20px;margin:16px 0;border-radius:12px;font-weight:700;font-size:14px}
.flash-error{background:rgba(180,30,30,.18);color:#ff8f8f;border:1px solid rgba(180,30,30,.5)}
.flash-success{background:rgba(20,120,60,.18);color:#5affa0;border:1px solid rgba(20,120,60,.5)}

/* ===== BALANCED LOGO LOCK ===== */
.nav{height:82px !important}
.brand{
  width:230px !important;
  height:64px !important;
  max-width:230px !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.brand img{
  width:210px !important;
  max-width:210px !important;
  height:auto !important;
  max-height:58px !important;
  object-fit:contain !important;
  transform:none !important;
}
.pcard-header{
  height:78px !important;
  min-height:78px !important;
  padding:10px 16px !important;
  background:#050604 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.pcard-brand{
  width:230px !important;
  max-width:82% !important;
  height:auto !important;
  max-height:56px !important;
  object-fit:contain !important;
  transform:none !important;
  margin:0 auto !important;
}

@media(max-width:900px){
  .brand{width:190px !important;height:56px !important;max-width:190px !important}
  .brand img{width:176px !important;max-width:176px !important;max-height:50px !important}
  .pcard-header{height:72px !important;min-height:72px !important}
  .pcard-brand{width:205px !important;max-height:50px !important}
}

@media(max-width:400px){
  .nav{height:64px !important}
  .nav nav{top:64px !important}
  .brand{width:150px !important;height:46px !important;max-width:150px !important}
  .brand img{width:140px !important;max-width:140px !important;max-height:40px !important}
  .pcard-header{height:64px !important;min-height:64px !important}
  .pcard-brand{width:170px !important;max-height:44px !important}
}

/* ===== FINAL SVG LOGO SYSTEM ===== */
.nav{
  height:82px !important;
}
.brand{
  width:255px !important;
  height:62px !important;
  max-width:255px !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.brand img[src*="logo"]{
  width:230px !important;
  max-width:230px !important;
  height:auto !important;
  max-height:62px !important;
  object-fit:contain !important;
  transform:none !important;
  display:block !important;
}
.pcard-header{
  height:76px !important;
  min-height:76px !important;
  padding:10px 16px !important;
  background:#050604 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.pcard-brand[src*="logo"]{
  width:235px !important;
  max-width:86% !important;
  height:auto !important;
  max-height:58px !important;
  object-fit:contain !important;
  transform:none !important;
  margin:0 auto !important;
  display:block !important;
}

@media(max-width:900px){
  .brand{width:210px !important;height:56px !important;max-width:210px !important}
  .brand img[src*="logo"]{width:190px !important;max-width:190px !important;max-height:54px !important}
  .pcard-header{height:72px !important;min-height:72px !important}
  .pcard-brand[src*="logo"]{width:215px !important;max-height:54px !important}
}

@media(max-width:400px){
  .nav{height:64px !important}
  .nav nav{top:64px !important}
  .brand{width:168px !important;height:46px !important;max-width:168px !important}
  .brand img[src*="logo"]{width:152px !important;max-width:152px !important;max-height:42px !important}
  .pcard-header{height:64px !important;min-height:64px !important}
  .pcard-brand[src*="logo"]{width:180px !important;max-height:46px !important}
}

/* ===== CATALOG / CHECKOUT ===== */
.catalog-section{background:#fbfbfa;color:#0d1616;min-height:calc(100vh - 82px)}
.catalog-section h2{font-family:Arial,Helvetica,sans-serif;color:#111;font-size:30px;font-weight:900}
.catalog-section .lead{color:#55605b}
.catalog-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 32px}
.catalog-tabs a{border:1px solid rgba(215,169,61,.45);color:#f7d56f;border-radius:999px;padding:9px 14px;background:#080806;font-weight:700}
.catalog-tabs a.active{background:#d7a93d;color:#171104}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:24px}
.catalog-card{background:#fff;border:1px solid #e7e2d7;border-radius:8px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.08);display:flex;flex-direction:column;color:#101010}
.catalog-image{height:255px;background:#f5f1e8;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.catalog-image img{width:100%;height:100%;object-fit:cover;display:block}
.catalog-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:linear-gradient(135deg,#fbf7ea,#fff)}
.catalog-fallback img{width:220px;height:auto;object-fit:contain;background:#050604;padding:10px 18px}
.catalog-fallback .mini-gold{width:88px;height:118px}
.soldout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#1e2933;color:#fff;padding:9px 18px;border-radius:6px;font-weight:900}
.catalog-card.is-empty .catalog-image img,.catalog-card.is-empty .catalog-fallback{filter:grayscale(.8);opacity:.55}
.catalog-body{padding:18px 16px 16px;display:flex;flex-direction:column;gap:9px;flex:1}
.catalog-body small{color:#d7a93d;font-weight:800}
.catalog-body h3{color:#101010;font-size:16px;margin:0;line-height:1.35}
.catalog-body p{color:#67706c;font-size:13px;line-height:1.45;margin:0;min-height:38px}
.catalog-price{color:#9b7423;font-size:21px;font-weight:900}
.catalog-meta{color:#67706c;font-size:13px}
.catalog-card .btn{margin-top:auto;width:100%;border-radius:7px;box-shadow:none}
.btn.disabled,button:disabled{opacity:.55;cursor:not-allowed}
.pcard-uploaded{width:100%;height:230px;object-fit:cover;border-radius:0}
.admin-thumb{width:58px;height:58px;object-fit:cover;border-radius:8px;border:1px solid #e5dfd1;background:#f8f5ec}
.admin-product-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;max-width:none}
.admin-product-form label,.admin-product-form small,.admin-product-form button{grid-column:auto}
.admin-product-form textarea,.admin-product-form [type=file]{grid-column:1/-1}
.checkout-section{background:#fbfbfa;color:#111;min-height:calc(100vh - 82px)}
.checkout-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(320px,1.25fr);gap:26px;align-items:start;max-width:1080px;margin:0 auto}
.checkout-summary,.checkout-card{background:#fff;border:1px solid #e7e2d7;border-radius:10px;padding:24px;box-shadow:0 14px 34px rgba(0,0,0,.08)}
.checkout-summary h2,.checkout-card h3{color:#111;margin-top:10px}
.checkout-summary p{color:#5d675f;line-height:1.55}
.checkout-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;background:#f5f1e8;margin-top:18px}
.checkout-fallback{aspect-ratio:1/1;background:#f8f2df;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-top:18px}
.bank-options{display:grid;gap:10px;margin:12px 0 24px}
.bank-option{display:flex !important;gap:10px;align-items:flex-start;border:1px solid #d8d0bd;border-radius:10px;padding:13px;background:#fff;color:#111;cursor:pointer}
.bank-option input{width:auto;margin-top:4px}
.bank-option strong{display:block;color:#111}
.bank-option em{display:block;color:#fffaf0;font-style:normal;font-weight:800;margin:3px 0}
.bank-option small{display:block;color:#69746d}
.checkout-card input,.checkout-card textarea{width:100%;padding:13px 14px;border:1px solid #d8d0bd;border-radius:9px;background:#fff;color:#111;margin:5px 0 12px}

@media(max-width:800px){
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .catalog-image{height:210px}
  .checkout-grid{grid-template-columns:1fr}
  .admin-product-form{grid-template-columns:1fr}
}

@media(max-width:520px){
  .catalog-section{padding:32px 4%}
  .catalog-grid{grid-template-columns:1fr}
  .catalog-tabs{gap:8px}
  .catalog-tabs a{font-size:13px;padding:8px 12px}
}

/* ===== FOOTER / FLOATING WHATSAPP ===== */
.site-footer{background:#050504;color:#fff;padding:44px 5%;border-top:1px solid rgba(247,213,111,.18)}
.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:38px;max-width:1180px;margin:0 auto}
.footer-brand img{width:190px;max-height:58px;object-fit:contain;margin-bottom:18px}
.footer-brand p,.site-footer a,.footer-copy{color:#fff;font-size:14px;line-height:1.55}
.site-footer h3{color:#fff;font-size:21px;margin:4px 0 18px;font-family:Arial,Helvetica,sans-serif}
.site-footer a{display:block;margin:0 0 10px}
.site-footer a:hover{color:var(--gold2)}
.footer-wa{font-weight:800;margin-top:18px}
.footer-copy{margin-top:18px;opacity:.75}
.floating-wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#050504;color:#f7d56f;display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:.5px;box-shadow:0 12px 30px rgba(0,0,0,.35);z-index:80;border:2px solid #f7d56f}
.floating-wa:hover{background:#151104;color:#fff;transform:translateY(-2px)}

@media(max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
}

@media(max-width:560px){
  .site-footer{padding:34px 6% 86px}
  .footer-grid{
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 28px 14px !important;
  }
  .footer-brand{
    grid-column: 1 / -1 !important;
  }
  .footer-brand img{width:170px}
  .site-footer h3{
    font-size: 16px !important;
    margin: 4px 0 12px !important;
  }
  .site-footer a{
    font-size: 12px !important;
    margin: 0 0 8px !important;
  }
  .footer-copy{
    font-size: 11px !important;
    margin-top: 12px !important;
  }
  .floating-wa{right:16px;bottom:16px;width:54px;height:54px}
}

/* ===== COMPACT BLACK CATALOG OVERRIDE ===== */
.catalog-section{
  background:#050604 !important;
  color:var(--white) !important;
  min-height:0;
  padding:42px 5% 54px;
  border-top:1px solid rgba(215,169,61,.16);
}
.catalog-section h2{
  color:var(--white) !important;
  font-family:Georgia,serif !important;
  font-size:34px !important;
  margin-bottom:8px;
}
.catalog-section h2::first-letter{color:var(--gold2)}
.catalog-section .lead{color:#cfc7b5 !important;margin-bottom:22px}
.catalog-tabs{gap:8px;margin:18px 0 24px}
.catalog-tabs a{
  border:1px solid rgba(215,169,61,.45) !important;
  color:#f3df9b !important;
  background:#080906 !important;
  border-radius:999px;
  padding:8px 12px;
  font-size:13px;
  line-height:1;
}
.catalog-tabs a.active{
  background:linear-gradient(135deg,var(--gold),var(--gold2)) !important;
  color:#151004 !important;
  border-color:rgba(255,229,145,.8) !important;
}
.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.catalog-card{
  background:#fff !important;
  border:1px solid #eadfca;
  border-radius:8px;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.catalog-image{height:168px;background:#f7f2e5}
.catalog-body{padding:13px 14px 14px;gap:7px}
.catalog-body small{color:#70520e;font-size:11px;letter-spacing:.4px}
.catalog-body h3{font-size:15px;line-height:1.25}
.catalog-body p{font-size:12px;min-height:32px;line-height:1.35}
.catalog-price{font-size:19px;color:#9b7423}
.catalog-meta{font-size:12px}
.catalog-card .btn{padding:11px 14px;font-size:14px;border-radius:7px;background:#07140e;color:#fff}
.catalog-fallback img{width:160px;padding:8px 14px}
.catalog-fallback .mini-gold{width:64px;height:88px}
.soldout{font-size:12px;padding:7px 13px}
.catalog-empty{grid-column:1/-1;border-radius:8px;padding:20px;background:#0b0c08;color:#fff}

/* ===== COMPACT CHECKOUT OVERRIDE ===== */
.checkout-section{
  background:#050604 !important;
  color:var(--white) !important;
  min-height:0;
  padding:42px 5% 56px;
}
.checkout-grid{
  max-width:940px;
  grid-template-columns:320px minmax(360px,1fr);
  gap:18px;
}
.checkout-summary,.checkout-card{
  background:#0b0c08 !important;
  border:1px solid rgba(215,169,61,.28);
  border-radius:8px;
  padding:18px;
  box-shadow:0 14px 34px rgba(0,0,0,.35);
}
.checkout-summary h2,.checkout-card h3{color:var(--white);font-size:20px}
.checkout-summary p{color:#cfc7b5;font-size:13px}
.checkout-image,.checkout-fallback{margin-top:14px;border-radius:7px;max-height:260px}
.checkout-card label{color:#d9cfb8}
.checkout-card input,.checkout-card textarea{
  background:#fff;
  color:#111;
  border-color:#d8c999;
  border-radius:7px;
  padding:11px 12px;
  margin:4px 0 10px;
}
.bank-options{gap:8px;margin-bottom:18px}
.bank-option{
  background:#10120d !important;
  border:1px solid rgba(215,169,61,.34) !important;
  color:var(--white) !important;
  border-radius:8px;
  padding:11px;
}
.bank-option strong{color:var(--gold2)}
.bank-option em{color:#fff;font-size:13px}
.bank-option small{color:#cfc7b5}
.checkout-card button{width:100%;margin-top:4px}

/* ===== BLACK BRAND FOOTER / WA OVERRIDE ===== */
.site-footer{
  background:#050604 !important;
  border-top:1px solid rgba(215,169,61,.25);
  padding:36px 5%;
}
.footer-grid{gap:28px}
.site-footer h3{color:var(--gold2);font-size:18px}
.footer-brand img{width:175px}
.footer-brand p,.site-footer a,.footer-copy{color:#d8d0bc}
.footer-wa{color:var(--gold2) !important}
.floating-wa{
  background:#080906 !important;
  color:var(--gold2) !important;
  border:2px solid var(--gold) !important;
  box-shadow:0 12px 30px rgba(215,169,61,.24);
}
.floating-wa:hover{background:#151104 !important;color:#fff !important}

@media(max-width:800px){
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .checkout-grid{grid-template-columns:1fr}
}

@media(max-width:520px){
  .catalog-section,.checkout-section{padding:32px 4% 42px}
  .catalog-section h2{font-size:27px !important}
  .catalog-grid{grid-template-columns:1fr}
  .catalog-image{height:190px}
}

/* ===== FINAL PUBLIC BLACK-GOLD THEME LOCK ===== */
body{background:#050504 !important}
main{background:#050504}
.section,.affiliate{
  background:linear-gradient(180deg,#050504 0%,#090907 100%) !important;
}
.catalog-section{
  background:
    radial-gradient(circle at 78% 8%,rgba(215,169,61,.12),transparent 34%),
    linear-gradient(180deg,#050504 0%,#090907 100%) !important;
  color:#fffaf0 !important;
  padding:44px 5% 56px !important;
}
.catalog-section h2{
  color:#f7d56f !important;
  font-size:34px !important;
  line-height:1.1;
}
.catalog-section h2::first-letter{color:#f7d56f !important}
.catalog-section .lead{
  color:#d8d0bc !important;
  max-width:720px;
}
.catalog-tabs{
  max-width:1180px;
  margin:20px 0 26px !important;
  gap:9px !important;
}
.catalog-tabs a{
  background:#0b0a07 !important;
  color:#f7d56f !important;
  border:1px solid rgba(247,213,111,.5) !important;
  box-shadow:none !important;
  font-size:13px !important;
  padding:8px 13px !important;
}
.catalog-tabs a.active{
  background:linear-gradient(135deg,#d7a93d,#f7d56f) !important;
  color:#171104 !important;
  border-color:#f7d56f !important;
}
.catalog-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(210px,240px)) !important;
  justify-content:start !important;
  align-items:start !important;
  gap:18px !important;
  max-width:1280px;
}
.catalog-card{
  width:100% !important;
  max-width:240px !important;
  background:linear-gradient(180deg,#11100c,#090907) !important;
  border:1px solid rgba(215,169,61,.28) !important;
  border-radius:8px !important;
  box-shadow:0 16px 34px rgba(0,0,0,.42) !important;
  color:#fffaf0 !important;
}
.catalog-image{
  height:145px !important;
  background:#0c0b08 !important;
  border-bottom:1px solid rgba(215,169,61,.18);
}
.catalog-image img{
  object-fit:cover !important;
}
.catalog-body{
  padding:12px 13px 14px !important;
  gap:7px !important;
}
.catalog-body small{
  color:#f7d56f !important;
  font-size:11px !important;
  font-weight:800;
}
.catalog-body h3{
  color:#fffaf0 !important;
  font-size:14px !important;
  line-height:1.3 !important;
}
.catalog-body p{
  color:#b9b4a7 !important;
  font-size:12px !important;
  min-height:32px !important;
}
.catalog-price{
  color:#f7d56f !important;
  font-size:18px !important;
}
.catalog-meta{color:#b9b4a7 !important;font-size:12px !important}
.catalog-card .btn{
  background:#050504 !important;
  color:#fffaf0 !important;
  border:1px solid rgba(247,213,111,.45) !important;
  padding:10px 12px !important;
  font-size:13px !important;
  border-radius:6px !important;
}
.catalog-card .btn:hover{
  background:linear-gradient(135deg,#d7a93d,#f7d56f) !important;
  color:#171104 !important;
}
.catalog-empty{
  max-width:none !important;
  background:#0b0a07 !important;
  border:1px solid rgba(215,169,61,.25) !important;
}
.catalog-empty p{color:#d8d0bc !important}
.catalog-fallback img{background:#050504 !important}

.checkout-section{
  background:linear-gradient(180deg,#050504,#090907) !important;
}
.checkout-summary,.checkout-card{
  background:linear-gradient(180deg,#11100c,#090907) !important;
}
.bank-option em{color:#fffaf0 !important}

.site-footer{
  background:linear-gradient(180deg,#090907 0%,#050504 58%,#0d0b07 100%) !important;
  border-top:1px solid rgba(215,169,61,.28) !important;
}
.footer-about{
  color:#d8d0bc;
  font-size:14px;
  line-height:1.6;
  margin:0 0 12px;
}
.site-footer h3{color:#f7d56f !important}
.site-footer a,.footer-brand p,.footer-copy{color:#d8d0bc !important}
.floating-wa{
  background:#050504 !important;
  color:#f7d56f !important;
  border-color:#f7d56f !important;
}

/* remove public brand-color remnants */
.catalog-section *,.checkout-section *,.site-footer *,.floating-wa{
  --green:#050504 !important;
}

@media(max-width:760px){
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .catalog-card{max-width:none !important}
}

@media(max-width:480px){
  .catalog-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .catalog-card{
    max-width:none !important;
  }
  .catalog-image{
    height: 120px !important;
  }
  .catalog-body{
    padding: 10px 8px 10px !important;
    gap: 6px !important;
  }
  .catalog-body small{
    font-size: 10px !important;
  }
  .catalog-body h3{
    font-size: 13px !important;
    min-height: auto !important;
  }
  .catalog-body p{
    font-size: 11px !important;
    min-height: auto !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .catalog-price{
    font-size: 15px !important;
  }
  .catalog-meta{
    font-size: 11px !important;
  }
  .catalog-card .btn{
    padding: 8px 10px !important;
    font-size: 12px !important;
  }
  .catalog-actions.has-affiliate{
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
}

/* ===== MEMBER AFFILIATE PRODUCT LINKS ===== */
.member-affiliate-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.member-affiliate-card{background:linear-gradient(135deg,#11100c,#090907);border:1px solid rgba(215,169,61,.28);border-radius:10px;padding:14px;display:grid;gap:10px}
.member-affiliate-card strong{color:#fffaf0;display:block}
.member-affiliate-card small{color:#b9b4a7;display:block;margin-top:4px}
.affiliate-copy-row{display:flex;gap:8px}
.affiliate-copy-row input{flex:1;min-width:0;background:#050504;border:1px solid rgba(215,169,61,.35);border-radius:8px;color:#f7d56f;padding:10px 11px;font-size:12px}

/* ===== ADMIN PRODUCTS TWO COLUMN ===== */
.admin-products-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:18px;align-items:start}
.admin-product-editor{position:sticky;top:96px}
.admin-product-form{display:block !important;max-width:none;margin:0}
.admin-product-form label{margin-top:10px}
.admin-product-form input:not([type=checkbox]),.admin-product-form textarea,.admin-product-form select{margin-bottom:8px}
.admin-product-list{overflow:hidden}
.admin-product-list .table-scroll{max-height:760px;overflow:auto}
.admin-product-list .table{min-width:720px}
.admin-product-list small{color:#777;font-size:11px}

@media(max-width:980px){
  .admin-products-layout{grid-template-columns:1fr}
  .admin-product-editor{position:static}
}

/* ===== AGGRESSIVE WHATSAPP FLOAT ===== */
.floating-wa{
  width:60px !important;
  height:60px !important;
  background:#18c65a !important;
  color:#fff !important;
  border:3px solid #fff !important;
  box-shadow:0 0 0 0 rgba(24,198,90,.75),0 16px 34px rgba(0,0,0,.45) !important;
  animation:waPulse 1.15s infinite, waShake 3.2s infinite !important;
}
.floating-wa svg{width:32px;height:32px;display:block}
.floating-wa:hover{background:#0faf4b !important;color:#fff !important;transform:scale(1.08) !important}
@keyframes waPulse{
  0%{box-shadow:0 0 0 0 rgba(24,198,90,.75),0 16px 34px rgba(0,0,0,.45)}
  70%{box-shadow:0 0 0 18px rgba(24,198,90,0),0 16px 34px rgba(0,0,0,.45)}
  100%{box-shadow:0 0 0 0 rgba(24,198,90,0),0 16px 34px rgba(0,0,0,.45)}
}
@keyframes waShake{
  0%,88%,100%{transform:translateX(0) rotate(0)}
  90%{transform:translateX(-3px) rotate(-7deg)}
  92%{transform:translateX(3px) rotate(7deg)}
  94%{transform:translateX(-2px) rotate(-5deg)}
  96%{transform:translateX(2px) rotate(5deg)}
}

/* ===== PRODUCT CARD AFFILIATE + 1:1 IMAGE FINAL LOCK ===== */
.catalog-image{
  aspect-ratio:1/1 !important;
  height:auto !important;
  width:100% !important;
}
.catalog-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.catalog-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  margin-top:auto;
}
.catalog-actions .btn{
  width:100% !important;
  margin:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  min-height:40px;
  white-space:nowrap;
}
.catalog-actions.has-affiliate{
  grid-template-columns:minmax(0,1fr) minmax(92px,.62fr);
}
.catalog-actions .aff-copy{
  background:rgba(247,213,111,.08) !important;
  color:#f7d56f !important;
  border-color:rgba(247,213,111,.55) !important;
  cursor:pointer;
}
.catalog-actions .aff-copy:hover,
.catalog-actions .aff-copy.copied{
  background:linear-gradient(135deg,#d7a93d,#f7d56f) !important;
  color:#171104 !important;
}

/* ===== HOMEPAGE AFFILIATE GOLD VISUAL ===== */
@media(min-width:901px){
  .affiliate{
    grid-template-columns: 1.5fr 1fr;
  }
}
.affiliate{
  align-items:center;
}
.affiliate-gold-visual{
  justify-self:end;
  width:100% !important;
  min-height:280px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(215,169,61,.24) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 48% 34%,rgba(247,213,111,.16),transparent 36%),
    linear-gradient(145deg,#0f0d08,#050504 72%) !important;
  box-shadow:0 22px 54px rgba(0,0,0,.5) !important;
  overflow:hidden;
}
.affiliate-gold-visual img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.affiliate-gold-visual svg{
  width:100%;
  max-width:100%;
  display:block;
}

@media(max-width:760px){
  .catalog-actions.has-affiliate{grid-template-columns:1fr}
  .affiliate-gold-visual{justify-self:start;min-height:220px}
}

/* ===== FINAL LOGO SIZE TUNING ===== */
.brand img[src*="logo"]{
  width:230px !important;
  max-width:230px !important;
  max-height:66px !important;
}
.footer-brand img[src*="logo"]{
  width:270px !important;
  max-width:270px !important;
  max-height:82px !important;
  margin-bottom:22px !important;
}

@media(max-width:900px){
  .brand img[src*="logo"]{
    width:198px !important;
    max-width:198px !important;
    max-height:58px !important;
  }
  .footer-brand img[src*="logo"]{
    width:230px !important;
    max-width:230px !important;
    max-height:72px !important;
  }
}

@media(max-width:520px){
  .brand img[src*="logo"]{
    width:164px !important;
    max-width:164px !important;
    max-height:48px !important;
  }
  .footer-brand img[src*="logo"]{
    width:220px !important;
    max-width:220px !important;
    max-height:68px !important;
  }
}

/* ===== HP / MOBILE HERO VIEW OPTIMIZATION ===== */
@media(max-width:520px){
  /* Sejajarkan tombol CTA Belanja Sekarang dan Daftar Affiliate */
  .cta{
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
  }
  .cta .btn, .cta a.btn{
    flex: 1 !important;
    width: auto !important;
    padding: 12px 4px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
  
  /* Buat grid 2x2 untuk trust indicators OK, LM, WA, % */
  .trust{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px 12px !important;
  }
  .trust .item{
    padding-left: 8px !important;
  }
  .trust .item strong{
    font-size: 13px !important;
  }
  .trust .item .muted{
    font-size: 11px !important;
  }

  /* Buat grid 2x2 untuk statistik member, transaksi, dll */
  .stats-bar{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px 12px !important;
    padding: 18px 12px !important;
  }
  .stats-bar .stat{
    text-align: center !important;
  }
  .stats-bar .stat strong{
    font-size: 20px !important;
  }
  .stats-bar .stat span{
    font-size: 12px !important;
  }

  /* Buat grid 2x2 untuk Cara Order (langkah 1-4) */
  .steps{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px 10px !important;
  }
  .steps .step{
    padding: 14px 8px !important;
  }
  .steps .step .num{
    width: 32px !important;
    height: 32px !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }
  .steps .step h3{
    font-size: 13px !important;
    margin: 6px 0 !important;
  }
  .steps .step p{
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
}