/* ===== Glassmorphism layer (loaded last): frosted translucent surfaces over soft colour orbs =====
   Surfaces (cards, tiles, panels, header, menus) go glass; the chunky Gen Z buttons from genz.css stay. */
:root{
  --gl-bg:rgba(255,255,255,.52);--gl-bg-2:rgba(255,255,255,.36);--gl-border:rgba(255,255,255,.65);--gl-edge:rgba(255,255,255,.7);
  --gl-shadow:0 10px 36px rgba(60,30,60,.18);--gl-blur:blur(18px) saturate(160%);
  --gl-ink:#162955;
}
[data-theme=dark]{
  --gl-bg:rgba(255,255,255,.07);--gl-bg-2:rgba(255,255,255,.05);--gl-border:rgba(255,255,255,.16);--gl-edge:rgba(255,255,255,.22);
  --gl-shadow:0 12px 40px rgba(0,0,0,.42);
}
/* something colourful behind the glass, otherwise there is nothing to blur */
.bg-layer{background:
  radial-gradient(520px circle at 10% 6%,rgba(240,193,90,.42),transparent 62%),
  radial-gradient(640px circle at 90% 26%,rgba(190,40,60,.30),transparent 62%),
  radial-gradient(760px circle at 28% 88%,rgba(60,90,190,.30),transparent 62%),
  radial-gradient(520px circle at 82% 92%,rgba(201,150,46,.28),transparent 62%),#f6f1e7!important}
[data-theme=dark] .bg-layer{background:
  radial-gradient(520px circle at 10% 6%,rgba(201,150,46,.30),transparent 62%),
  radial-gradient(640px circle at 90% 26%,rgba(138,14,34,.55),transparent 62%),
  radial-gradient(760px circle at 28% 88%,rgba(40,70,170,.50),transparent 62%),
  radial-gradient(520px circle at 82% 92%,rgba(120,30,90,.35),transparent 62%),#0b1224!important}
html[data-theme] body .section:not(.cta-band){background:transparent!important}
/* shared glass recipe */
body .card,body .card.product,body .aloc:not(.main),body .loc:not(.main),body .faq details,body .stat,body .t-card,body .pslide,body .phones a,body .c-block,body .about-locs .aloc:not(.main),
body .share-pop,body .qw-panel,body .cb-panel,body .pf-search{
  background:var(--gl-bg)!important;-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  border:1px solid var(--gl-border)!important;border-radius:22px!important;
  box-shadow:var(--gl-shadow),inset 0 1px 0 var(--gl-edge)!important}
body .card.product:hover,body .bt:hover{transform:translateY(-4px)!important;box-shadow:0 18px 48px rgba(60,30,60,.28),inset 0 1px 0 var(--gl-edge)!important}
body .card.product .pic{background:rgba(255,255,255,.55);border-bottom:1px solid var(--gl-border)}
[data-theme=dark] body .card.product .pic,[data-theme=dark] .card.product .pic{background:rgba(255,255,255,.9)}
body .card h3,body .card.product h3{color:var(--gl-ink)}
[data-theme=dark] body .card h3,[data-theme=dark] body .card.product h3{color:#f0c15a}
[data-theme=dark] body .card p,[data-theme=dark] body .t-card p{color:#d8dce6}
/* bento tiles: image tiles get a frosted caption, colour tiles become tinted glass */
body .bt{border:1px solid var(--gl-border)!important;border-radius:24px!important;box-shadow:var(--gl-shadow),inset 0 1px 0 var(--gl-edge)!important;-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur)}
body .bt-cat .bt-txt{background:rgba(30,8,24,.5);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border-top:1px solid var(--gl-border)}
body .bt-stat{background:linear-gradient(135deg,rgba(138,14,34,.62),rgba(60,20,90,.5))}
body .bt-trust{background:linear-gradient(135deg,rgba(40,70,170,.58),rgba(11,18,36,.5))}
body .bt-cta{background:linear-gradient(135deg,rgba(243,197,101,.85),rgba(201,150,46,.7));border-color:rgba(255,255,255,.55)!important}
body .bt-loc{background:linear-gradient(135deg,rgba(138,14,34,.55),rgba(28,16,64,.55))}
body .bt-lead{background:rgba(11,18,36,.4)}
.sticker{backdrop-filter:none}
/* 3D stage: translucent so the orbs glow through the canvas */
/* header / mobile bar / topbar */
body .site-header{background:linear-gradient(90deg,rgba(26,7,9,.62),rgba(36,10,13,.5) 45%,rgba(90,18,25,.6))!important;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(240,193,90,.55)!important;box-shadow:0 8px 30px rgba(0,0,0,.25)}
body .topbar{background:rgba(11,18,36,.7)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
body .site-nav .sub{background:rgba(20,8,16,.72)!important;-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border:1px solid rgba(255,255,255,.18);border-radius:16px}
body .m-bar{background:rgba(11,18,36,.66)!important;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border-top:1px solid rgba(255,255,255,.18)}
/* chips and inputs */
body .tags li{background:var(--gl-bg-2)!important;border:1px solid var(--gl-border)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body .qw-form input,body .qw-form textarea,body .qw-form select,body .cf-form input,body .cf-form textarea,body .pf-input{background:rgba(255,255,255,.4)!important;border:1px solid var(--gl-border)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
[data-theme=dark] body .qw-form input,[data-theme=dark] body .qw-form textarea,[data-theme=dark] body .qw-form select,[data-theme=dark] body .cf-form input,[data-theme=dark] body .cf-form textarea,[data-theme=dark] body .pf-input{background:rgba(255,255,255,.07)!important;color:#ece8de}
/* cookie banner, toast, promo */
body .ck,body .toast{-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border:1px solid rgba(255,255,255,.2)}
/* browsers without backdrop-filter get a solid fallback so text stays readable */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{--gl-bg:rgba(255,255,255,.92)}[data-theme=dark]{--gl-bg:rgba(20,28,56,.94)}
  body .bt-cat .bt-txt{background:#3d0a12}
}
@media(prefers-reduced-transparency:reduce){:root{--gl-bg:rgba(255,255,255,.95)}[data-theme=dark]{--gl-bg:rgba(20,28,56,.96)}}
@media(max-width:520px){:root{--gl-blur:blur(12px) saturate(150%)}}