/* =========================================================
   SETTING UI GLOBAL - LAPTOP KREDIT
   Edit file ini untuk mengubah ukuran/layout semua halaman.
   ========================================================= */
:root{
  --app-max-width:1180px;
  --page-padding-desktop:22px;
  --page-padding-tablet:16px;
  --page-padding-mobile:12px;
  --sidebar-width:244px;
  --grid-gap:18px;
  --card-padding:20px;
  --card-padding-mobile:14px;
  --radius-lg:26px;
  --radius-md:18px;
  --radius-sm:13px;
  --topbar-height:68px;
  --product-image-height:190px;
  --product-image-height-mobile:158px;
  --input-height:48px;
  --button-height:46px;
  --brand:#126fe8;
  --brand-2:#4da3ff;
  --brand-dark:#061f55;
  --ink:#0b1f44;
  --muted:#64748b;
  --line:#dbe8ff;
  --soft:#eef6ff;
  --soft-2:#f8fbff;
  --card:#ffffff;
  --success:#12b76a;
  --danger:#ef4444;
  --warning:#f59e0b;
  --shadow:0 18px 55px rgba(7,39,99,.12);
  --shadow-soft:0 8px 24px rgba(7,39,99,.08);
}
@media(max-width:960px){:root{--grid-gap:14px;--card-padding:16px;--product-image-height:168px}}
@media(max-width:560px){:root{--grid-gap:12px;--card-padding:var(--card-padding-mobile)}}