/* AFNAAN STORE: paint-only glass finish; existing geometry and states are retained. */
html body .top-header {
  background: linear-gradient(115deg,rgba(255,255,255,.065),rgba(124,58,237,.035) 43%,rgba(56,189,248,.04)),rgba(7,7,22,.91)!important;
  border-bottom-color:rgba(173,145,231,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(147,112,219,.16),0 6px 22px rgba(0,0,0,.34)!important;
}
html body .header-wallet {
  background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(56,189,248,.045) 50%,rgba(124,58,237,.10)),rgba(10,14,32,.88)!important;
  border-color:rgba(89,173,230,.38)!important;
  box-shadow:inset 0 1px 0 rgba(214,238,255,.16),inset 0 -1px 0 rgba(0,0,0,.22),0 3px 12px rgba(0,0,0,.22)!important;
}
html body .header-avatar {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(174,136,234,.20),0 4px 13px rgba(0,0,0,.32)!important;
}
html body #liquidNav {
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(151,111,208,.05) 38%,rgba(5,7,22,.20)),rgba(13,9,29,.88)!important;
  border-color:rgba(187,161,232,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(97,64,143,.25),0 8px 25px rgba(0,0,0,.45)!important;
}
html body #liquidNav::before {
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0))!important;
}
html body #liquidNav .nav-pill-bg {
  background:linear-gradient(135deg,rgba(208,190,255,.26),rgba(124,58,237,.57) 52%,rgba(56,114,237,.43))!important;
  border-color:rgba(221,203,255,.40)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.16),0 3px 15px rgba(124,58,237,.24)!important;
}
html body #userMenu,html body #userSidebar {
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(124,58,237,.045) 42%,rgba(56,189,248,.025)),rgba(10,10,29,.97)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 1px 0 0 rgba(208,186,255,.055),0 15px 42px rgba(0,0,0,.48)!important;
}
html body .af-home-compact .product-card {
  background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(124,58,237,.055) 47%,rgba(56,189,248,.025)),rgba(13,11,31,.93)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),inset 1px 0 0 rgba(255,255,255,.045),inset 0 -1px 0 rgba(0,0,0,.23),0 5px 16px rgba(0,0,0,.25)!important;
}
html body .af-home-compact .product-card .card-label {
  background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(124,58,237,.035) 54%,rgba(8,10,25,.12))!important;
  box-shadow:inset 0 1px 0 rgba(214,195,255,.09)!important;
}
html body .af-service-page .pkg-card:not(.selected) {
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(124,58,237,.045) 48%,rgba(56,189,248,.025)),rgba(12,11,30,.94)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.17),0 3px 11px rgba(0,0,0,.19)!important;
}
/* Keep the existing completed/cancelled border colours and selected-package styling. */
html body .orders-page .order-card,
html body .transactions-page .transaction-item {
  box-shadow:inset 0 1px 0 rgba(226,213,255,.12),inset 1px 0 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.22),0 4px 15px rgba(0,0,0,.19)!important;
}
html body .orders-page .order-filters,
html body .af-history-search-field {
  background:linear-gradient(125deg,rgba(255,255,255,.055),rgba(124,58,237,.025) 52%,rgba(56,189,248,.02)),rgba(11,10,26,.96)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.19)!important;
}
html body.page-profile .profile-hero-glass,
html body.page-profile .wallet-glass,
html body.page-profile .stat-glass,
html body.page-profile .glass-panel,
html body.page-profile .action-card {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 1px 0 0 rgba(222,207,255,.045),inset 0 -1px 0 rgba(0,0,0,.19),0 6px 20px rgba(0,0,0,.23)!important;
}
html body #main-content .btn-primary,
html body .af-history-search-submit {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.17),0 4px 14px rgba(92,43,160,.24)!important;
}
html body #main-content .input-field {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 2px 8px rgba(0,0,0,.20)!important;
}
/* This finish adds live blur only to the two existing chrome surfaces. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html:not(.af-mobile-perf):not(.af-low-end):not(.af-very-low-end):not(.low-power-mode) body .top-header,
  html:not(.af-mobile-perf):not(.af-low-end):not(.af-very-low-end):not(.low-power-mode) body #liquidNav {
    backdrop-filter:blur(8px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(8px) saturate(125%)!important;
  }
}
/* Preserve the existing fast mobile/low-power path. */
html.af-mobile-perf body .top-header,html.af-mobile-perf body #liquidNav,
html.af-low-end body .top-header,html.af-low-end body #liquidNav,
html.af-very-low-end body .top-header,html.af-very-low-end body #liquidNav,
html.low-power-mode body .top-header,html.low-power-mode body #liquidNav {
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media (hover:hover) and (pointer:fine) {
  html body .af-home-compact .product-card,
  html body .af-service-page .pkg-card,
  html body #main-content .btn-primary,
  html body .header-wallet {
    transition:box-shadow .16s ease,border-color .16s ease!important;
  }
  html body .af-home-compact .product-card:hover {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 6px 19px rgba(80,45,132,.25)!important;
  }
}
html body #main-content .btn-primary:not(:disabled):active,
html body .af-history-search-submit:active {
  box-shadow:inset 0 1px 5px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.13),0 2px 8px rgba(92,43,160,.18)!important;
}
@media (prefers-reduced-motion:reduce) {
  html body .af-home-compact .product-card,
  html body .af-service-page .pkg-card,
  html body #main-content .btn-primary,
  html body .header-wallet {
    transition:none!important;
  }
}
@media (prefers-reduced-transparency:reduce) {
  html body .top-header,html body #liquidNav,html body #userMenu,html body #userSidebar {
    background:#0e0b20!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}
@media (forced-colors:active) {
  html body .top-header,html body #liquidNav,html body #liquidNav .nav-pill-bg,
  html body .af-home-compact .product-card,html body .af-service-page .pkg-card:not(.selected),
  html body .orders-page .order-filters,html body .af-history-search-field {
    background:Canvas!important;
    border-color:CanvasText!important;
    box-shadow:none!important;
  }
}