/* KAFAN V244 — OBSIDIAN / restrained champagne-gold
   Visual-only layer. No changes to checkout, catalog, pricing or account logic. */
:root {
  color-scheme: dark;
  --bg: #030304;
  --panel: #0b0b0e;
  --panel2: #111115;
  --card: #0e0e11;
  --gold: #d9b668;
  --gold2: #e8ce92;
  --line: rgba(217,182,104,.18);
  --ks-black: #030304;
  --ks-surface: #0b0b0e;
  --ks-raised: #101014;
  --ks-gold: #d9b668;
  --ks-gold-strong: #e8ca85;
  --ks-gold-soft: rgba(217,182,104,.14);
  --ks-edge: rgba(217,182,104,.18);
  --ks-edge-hover: rgba(217,182,104,.52);
}
html {background:#030304!important;}
body {
  background:#030304!important;
  background-image:none!important;
  color:#f0eff0;
}
body::before,body::after {background-color:transparent;}
.page-shell,.main-column,.right-sidebar {background:transparent!important;}
.announcement {background:#070708!important;border-bottom:1px solid #1b1a18!important;}
.topbar {
  background:rgba(5,5,7,.96)!important;
  border-bottom:1px solid rgba(217,182,104,.16)!important;
  box-shadow:0 6px 30px rgba(0,0,0,.38)!important;
}
.topbar nav.show {background:#0b0b0e!important;border-color:var(--ks-edge)!important;}
.side-card,
.section.panel,.section.focus,.section.tiktok,.section.creative,
.catalog-main-picker,.catalog-section,.latest-products-section,
.catalog-main-picker>.latest-products-section,
.special-events,.undawn-section,
.pubg-korea-section,.simple-payment-section,
.account-qr-section,
.payment-details,.payment-created,
.bank-transfer-box,.receipt-preview {
  background:#0a0a0d!important;
  background-image:none!important;
  border-color:rgba(217,182,104,.18)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.18)!important;
}
.section.focus,.section.tiktok,.section.creative,
.undawn-section,.special-events {
  background:linear-gradient(180deg,#0d0d10 0%,#08080a 38%,#08080a 100%)!important;
}
.trust-strip article,.side-card>a:not(.whatsapp),.support-side,
.product-card,.service-card,.event-product,.mini-item,.line-product,
.latest-product-card,.service-picker-card,.subscription-category-card,
.shop-product,.catalog-category-card,.overview-card,
.bank-pay-card,.payment-card,.pay-method-icons span,
.shop-benefits li,.account-v60-chip {
  background:#101014!important;
  background-image:none!important;
  border-color:rgba(217,182,104,.14)!important;
  box-shadow:0 6px 20px rgba(0,0,0,.2)!important;
}
.product-card::before,.service-card::before,.mini-item::before,.event-product::before {
  background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 48%)!important;
}
.product-card .gift,.gift-note,.info-note,.shop-benefits li,
.payment-security,.bank-transfer-box,.simple-pay,.payment-details,
.section.tiktok .warning,.safe-chip,.security-mini {
  background:#111115!important;
  background-image:none!important;
  border-color:var(--ks-edge)!important;
}
.product-card .gift,.shop-benefits li,.info-note {color:#e6d5af!important;}
.hero-slider {background:#050506!important;border-color:var(--ks-edge)!important;}
.hero-slide {background-color:#050506!important;}
.hero-slide .shade {background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.04))!important;}
/* Gold is a highlight, not a brown ambient fill. */
.side-card h3,.section-head .eyebrow,.eyebrow,.price .currency,
.tag,.pricing-note,.section-head h2 .gold,.catalog-main-picker .eyebrow {
  color:var(--ks-gold)!important;
}
.product-card .price,.product-card h3 {color:#f7f5f1!important;}
.product-card.popular {border-color:rgba(217,182,104,.45)!important;}
.topbar a,.topbar button,.topbar select,
.side-card>a,.support-side,.shop-tab,.btn.dark,
.product-card,.service-card,.mini-item,.event-product,
.latest-product-card,.service-picker-card,
.catalog-category-card,.latest-filter-tabs button {
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,
             box-shadow .2s ease,transform .2s cubic-bezier(.2,.8,.2,1)!important;
}
@media(hover:hover) and (pointer:fine) {
  .product-card:hover,.service-card:hover,.mini-item:hover,.event-product:hover,
  .latest-product-card:hover,.service-picker-card:hover,.subscription-category-card:hover,
  .catalog-category-card:hover,.overview-card:hover {
    transform:translateY(-4px)!important;
    background:#151519!important;
    border-color:var(--ks-edge-hover)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.58),0 0 0 1px rgba(217,182,104,.06)!important;
  }
  .side-card>a:hover:not(.whatsapp),.support-side:hover,
  .topbar nav a:hover,.shop-tab:hover,.btn.dark:hover,
  .latest-filter-tabs button:hover {
    background:#17171b!important;
    border-color:var(--ks-edge-hover)!important;
    color:#f1d89f!important;
    box-shadow:0 0 0 1px rgba(217,182,104,.06)!important;
  }
}
.shop-tab,.pubg-section-tabs .shop-tab,.latest-filter-tabs button {
  background:#101014!important;
  color:#d9d7d2!important;
  border:1px solid var(--ks-edge)!important;
}
.shop-tab.active,.pubg-section-tabs .shop-tab.active,
.latest-filter-tabs button.active {
  background:#1a1814!important;
  color:#f2dca9!important;
  border-color:rgba(217,182,104,.65)!important;
  box-shadow:inset 0 0 0 1px rgba(217,182,104,.05)!important;
}
.btn.dark,.product-actions .btn.dark,
.topbar .cart-button,.language-switch,
.header-tools select,.install-btn {
  background:#111115!important;
  background-image:none!important;
  color:#e9e6de!important;
  border-color:var(--ks-edge)!important;
}
.btn.gold:not(.buy-now) {
  background:linear-gradient(135deg,#e5c77e,#c5a35a)!important;
  color:#101014!important;
  border-color:#e5c77e!important;
  box-shadow:0 5px 18px rgba(217,182,104,.12)!important;
}
.btn.gold:not(.buy-now):hover {filter:brightness(1.08);}
.modal-card,.drawer,.drawer-panel,.cart-drawer,
.checkout-card,.receipt-card,.lumi-panel {
  background:#0b0b0e!important;
  background-image:none!important;
  border-color:var(--ks-edge)!important;
}
input:not([type=checkbox]):not([type=radio]),select,textarea {
  background-color:#0b0b0f;
  border-color:rgba(217,182,104,.22);
  color:#f4f2ed;
}
input:focus-visible,select:focus-visible,textarea:focus-visible,
button:focus-visible,a:focus-visible {
  outline:2px solid #d9b668!important;
  outline-offset:3px!important;
}
input:focus,select:focus,textarea:focus {
  border-color:rgba(217,182,104,.72)!important;
  box-shadow:0 0 0 3px rgba(217,182,104,.09)!important;
}
:focus-visible {outline-color:#d9b668!important;}
::selection {background:rgba(217,182,104,.3);color:#fff;}
@media(prefers-reduced-motion:reduce) {
  .topbar a,.topbar button,.topbar select,.side-card>a,.support-side,
  .shop-tab,.btn.dark,.product-card,.service-card,.mini-item,.event-product,
  .latest-product-card,.service-picker-card,.catalog-category-card {
    transition:none!important;transform:none!important;
  }
}