/* Sky Store — near-black theme with restrained soft-yellow accents */
:root {
  color-scheme: dark;
  --sky-yellow: #d9bd57;
  --sky-yellow-strong: #ead273;
  --sky-yellow-dark: #8f7530;
  --sky-bg: #030303;
  --sky-bg-deep: #000;
  --sky-surface: #090909;
  --sky-surface-soft: #0f0f0f;
  --sky-border: rgba(217, 189, 87, 0.13);
  --ig-red: var(--sky-yellow);
  --red: var(--sky-yellow);
  --red-dark: var(--sky-yellow-dark);
  --red-glow: rgba(217, 189, 87, 0.17);
  --bg-deepest: var(--sky-bg-deep);
  --bg-deep: #030303;
  --bg-card: var(--sky-surface);
  --bg-card-hover: var(--sky-surface-soft);
  --bg-element: #0c0c0c;
  --bg-surface: #141414;
  --border: var(--sky-border);
  --border-hover: rgba(217, 189, 87, 0.28);
  --text-secondary: #bdbdbd;
  --text-muted: #747474;
}

html {
  background: var(--sky-bg-deep) !important;
}

body {
  background:
    radial-gradient(circle at 50% -14%, rgba(217, 189, 87, 0.055), transparent 34%),
    radial-gradient(circle at 100% 42%, rgba(255, 255, 255, 0.015), transparent 32%),
    linear-gradient(180deg, var(--sky-bg) 0%, var(--sky-bg-deep) 100%) !important;
  background-attachment: fixed !important;
}

header.sticky,
.header,
.sticky-order-bar,
#mobileMenu,
footer {
  background-color: rgba(2, 2, 2, 0.98) !important;
  border-color: var(--sky-border) !important;
}

#splash,
#quickSplash {
  background:
    radial-gradient(circle, rgba(217, 189, 87, 0.08), transparent 40%),
    var(--sky-bg-deep) !important;
}

.home-hero.hero-bg {
  background:
    radial-gradient(circle at 24% 18%, rgba(217, 189, 87, 0.07), transparent 42%),
    radial-gradient(circle at 76% 78%, rgba(255, 255, 255, 0.018), transparent 45%) !important;
}

.compact-card,
.product-card,
.blog-card,
.pay-card,
.contact-channel,
.review-card,
.section-card,
.package-option,
.store-option,
.features-section,
.delivery-section,
.detail-price-box,
.order-modal,
.visa-card {
  background-color: rgba(9, 9, 9, 0.97) !important;
  border-color: var(--sky-border) !important;
}

.compact-card:hover,
.product-card:hover,
.blog-card:hover,
.pay-card:hover,
.contact-channel:hover,
.review-card:hover,
.section-card:hover,
.package-option:hover,
.store-option:hover,
.visa-card:hover {
  background-color: rgba(15, 15, 15, 0.99) !important;
  border-color: rgba(217, 189, 87, 0.28) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.44);
}

.product-card,
.compact-card,
.visa-card {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 12px 30px rgba(0, 0, 0, 0.28);
}

.currency-switcher,
input,
textarea,
select,
.search-input,
.sticky-cart-btn,
.header-btn,
.modal-copy-btn {
  background-color: rgba(12, 12, 12, 0.92) !important;
  border-color: var(--sky-border) !important;
}

.cur-btn.active,
.compact-card-btn,
.btn-sticky-order {
  background: var(--sky-yellow) !important;
  color: #080808 !important;
  box-shadow: 0 7px 20px rgba(217, 189, 87, 0.14) !important;
}

.cur-btn.active:hover,
.compact-card-btn:hover,
.btn-sticky-order:hover {
  filter: brightness(1.08);
}

[class~="bg-[#0a0a0f]"],
[class~="bg-[#11111b]"] {
  background-color: rgba(2, 2, 2, 0.98) !important;
}

[class~="bg-[#d9bd57]"] {
  background-color: var(--sky-yellow) !important;
  color: #080808 !important;
}

[class~="text-[#d9bd57]"] {
  color: var(--sky-yellow-strong) !important;
}

[class~="bg-white/10"],
[class~="bg-white/5"] {
  background-color: rgba(255, 255, 255, 0.035) !important;
}

[class~="border-white/10"],
[class~="border-white/20"] {
  border-color: var(--sky-border) !important;
}

::selection {
  background: rgba(217, 189, 87, 0.76);
  color: #080808;
}

::-webkit-scrollbar-track {
  background: var(--sky-bg-deep);
}

::-webkit-scrollbar-thumb {
  background: var(--sky-yellow-dark);
}

img[src*="sky-logo"],
#splash-logo,
.qs-logo {
  filter: hue-rotate(55deg) saturate(0.86) brightness(1.04) drop-shadow(0 0 16px rgba(217, 189, 87, 0.16)) !important;
}