/* GXD v6 post-Tailwind, layout-safe overrides. Existing filename; no new site asset. */

:root {
    --gxd-dmca-badge-width: 78px;
    --gxd-dmca-badge-gap: 10px;
  }

  /* Only real image/media wrappers get positioning. Do NOT position whole package cards. */
  .gxd-dmca-media-wrap,
  .main-media,
  .gxd-open-lightbox,
  .gxd-thumb,
  .gxd-fd-img-wrap,
  .product-main-image,
  .gxd-product-media {
    position: relative !important;
    overflow: hidden;
  }

  .gxd-dmca-media-wrap {
    display: block !important;
    width: 100% !important;
    line-height: 0 !important;
  }

  .gxd-dmca-media-wrap> img,
  .gxd-dmca-media-wrap> picture,
  .gxd-dmca-media-wrap> video {
    display: block !important;
    width: 100% !important;
    height: auto;
  }

  .gxd-dmca-badge,
  .gxd-dmca-badge-visual {
    position: absolute !important;
    pointer-events: none !important;
    right: var(--gxd-dmca-badge-gap) !important;
    bottom: var(--gxd-dmca-badge-gap) !important;
    width: var(--gxd-dmca-badge-width) !important;
    max-width: 32% !important;
    height: auto !important;
    z-index: 6 !important;
    display: block !important;
    line-height: 0 !important;
    opacity: 0.92 !important;
    border-radius: 6px !important;
    background: rgba(0, 0, 0, 0.18) !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.35) !important;
  }

  .gxd-dmca-badge img,
  .gxd-dmca-badge-visual img {
    display: block !important;
    pointer-events: none !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    border: 0 !important;
    border-radius: 6px !important;
    object-fit: contain !important;
    background: transparent !important;
  }

  /* Keep the zoom/lightbox hint away from the badge on product pages */
  .main-media::after {
    right: auto !important;
    left: 16px !important;
    bottom: 16px !important;
  }

  @media (max-width: 640px) {
    :root {
      --gxd-dmca-badge-width: 62px;
      --gxd-dmca-badge-gap: 8px;
    }
  }

:root{--gxd-header-desktop:88px;--gxd-header-mobile:74px;--gxd-page-bg:#05070A;}
html{scrollbar-gutter:stable both-edges;background:var(--gxd-page-bg);min-height:100%;overflow-y:scroll;}
body{margin:0;min-width:0;min-height:100%;overflow-x:hidden;background:var(--gxd-page-bg);}
#header-spacer{height:var(--gxd-header-desktop)!important;min-height:var(--gxd-header-desktop)!important;display:block!important;flex:0 0 auto;}
.gxd-desktop-nav{width:100%!important;height:var(--gxd-header-desktop)!important;min-height:var(--gxd-header-desktop)!important;position:relative!important;box-sizing:border-box;}
.gxd-main-nav{width:100%!important;min-height:var(--gxd-header-mobile)!important;box-sizing:border-box;}
.gxd-desktop-nav img,.gxd-mobile-logo,.gxd-nav-logo img{display:block;max-width:100%;height:auto;}
.gxd-nav-logo img{width:auto!important;max-height:86px!important;object-fit:contain;}
@media(max-width:900px){
#header-spacer{height:var(--gxd-header-mobile)!important;min-height:var(--gxd-header-mobile)!important}.gxd-desktop-nav{display:none!important}.gxd-main-nav>div{min-height:var(--gxd-header-mobile)!important}.gxd-mobile-logo{width:44px!important;height:44px!important;object-fit:cover!important;}}
@media(min-width:901px){.gxd-main-nav{display:none!important}}

/* Stop the home hero changing height after first paint. The old late body CSS forced 460px after the page had already rendered. */
.hero-section-fullscreen,.hero,.gxd-hero,.home-hero,.cyber-hero{min-height:460px!important;}
.hero-section-fullscreen{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;margin:0;padding:0;background:transparent;}
.hero-section-fullscreen>.absolute.inset-0.z-10{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;}
.hero-content-container{position:relative;z-index:20;width:100%;}
.hero-content{max-width:1400px;margin:0 auto;padding:0 24px;}
.hero-content>.flex{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:32px;}
.welcome-text-container,.stats-section{width:100%;}
.welcome-text-container{text-align:center;}
@media(min-width:1024px){.hero-content>.flex{flex-direction:row}.welcome-text-container,.stats-section{width:50%}.welcome-text-container{text-align:left}}
@media(max-width:768px){.hero-section-fullscreen,.hero,.gxd-hero,.home-hero,.cyber-hero{min-height:360px!important}.hero-section-fullscreen{padding-top:40px;padding-bottom:40px}}

/* Critical grid and media reservation before the first paint. */
#main-content,main,.gxd-page-main{min-height:calc(100vh - 220px);}
#products-grid,.layout-grid,.products-grid,.product-grid,.category-products,.packages-grid,.home-featured-module-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(1,minmax(0,1fr));align-items:stretch;}
@media(min-width:640px){
#products-grid,.layout-grid,.products-grid,.product-grid,.category-products,.packages-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:1024px){
#products-grid,.layout-grid,.products-grid,.product-grid,.category-products,.packages-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.home-featured-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(min-width:1280px){
#products-grid,.layout-grid,.products-grid,.product-grid,.category-products,.packages-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
.product-card,.package-card,.gxd-product-card,.category-card,[class*="package-card"],[class*="product-card"],.gxd-fd-card{contain:layout paint;min-height:380px;}
.gxd-product-media,.gxd-open-lightbox,.gxd-thumb,.gxd-fd-img-wrap,.main-media,.product-main-image,.package-main-image,.product-main-image,.main-media,.hero-image,.category-card-img,.package-card-img,.product-card-img,.gallery-image,.gxd-gallery-image{display:block;position:relative;width:100%;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.015));}
.gxd-product-media,.category-card-img,.package-card-img,.product-card-img,.gallery-image,.gxd-gallery-image{aspect-ratio:4/3;}
.gxd-open-lightbox,.main-media,.product-main-image,.package-main-image{aspect-ratio:16/9;}
.gxd-thumb{aspect-ratio:4/3;}
.gxd-fd-img-wrap,.gxd-fd-sk-img,.gxd-fd-img{aspect-ratio:16/10;}
.gxd-product-media img,.gxd-open-lightbox img,.gxd-thumb img,.gxd-fd-img-wrap img,.product-main-image img,.package-main-image img,.main-media img,.hero-image img,.category-card-img img,.package-card-img img,.product-card-img img,.gallery-image img,.gxd-gallery-image img,#products-grid img,.package-card img,.product-card img{display:block;width:100%;height:100%;object-fit:cover;}
.gxd-page-shell{position:relative;width:100%;display:block!important;}
.gxd-page-main{width:100%;margin:0 auto;min-width:0;min-height:calc(100vh - 220px);position:relative;z-index:10;}
.gxd-left-rail,.gxd-store-sidebar,#gxd-store-sidebar{box-sizing:border-box;}
@media(min-width:1201px){.gxd-left-rail{position:absolute!important;left:22px!important;top:150px!important;width:320px!important;z-index:60;max-height:calc(100vh - 180px);overflow:auto;padding-right:6px}.gxd-store-sidebar,#gxd-store-sidebar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:320px!important;max-width:320px!important;max-height:none!important;overflow:visible!important;transform:none!important}}
@media(max-width:1200px){.gxd-left-rail,.gxd-store-sidebar,#gxd-store-sidebar,#gxd-modules-toggle{display:none!important}}
.animated-title,.animated-text,.hero-description,.stat-counter,.features-horizontal,.animated-buttons,.review-card,.feature-card,.gxd-card-entry,[data-aos]{opacity:1!important;transform:none!important;animation-delay:0s!important;animation-duration:.001ms!important;transition-delay:0s!important;}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}



/* ============================================================
   GXD V4 HERO POLISH + SPEED PASS
   - fixes low-contrast text/cards seen on desktop
   - keeps hero height reserved early to avoid CLS
   - removes expensive above-fold blur/constant animations
   ============================================================ */
.hero-section-fullscreen{
  min-height:clamp(430px,34vw,540px)!important;
  padding-block:clamp(20px,2vw,34px)!important;
  overflow:hidden!important;
  background:transparent!important;background-image:none!important;
}
.hero-section-fullscreen .hero-content{
  max-width:1360px!important;
  padding-inline:clamp(20px,4vw,56px)!important;
}
.hero-section-fullscreen .hero-content>.flex{
  gap:clamp(28px,4vw,60px)!important;
  align-items:center!important;
}
.hero-section-fullscreen .welcome-text-container{flex:0 1 47%!important;min-width:0!important;}
.hero-section-fullscreen .stats-section{flex:0 1 53%!important;min-width:0!important;}
.hero-section-fullscreen .welcome-text{
  color:#f6fdff!important;
  font-size:clamp(2.35rem,4vw,4.45rem)!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  margin-bottom:18px!important;
  text-shadow:0 2px 0 rgba(0,0,0,.35),0 12px 34px rgba(0,0,0,.45)!important;
}
.hero-section-fullscreen .text-gradient{
  color:#45E6F0!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(90deg,#45E6F0 0%,#2F8BFF 100%)!important;
  background-size:100% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  animation:none!important;
  text-shadow:none!important;
}
.hero-section-fullscreen .hero-description{
  color:#eaf7ff!important;
  max-width:650px!important;
  font-size:clamp(1rem,1.16vw,1.2rem)!important;
  line-height:1.55!important;
  margin-bottom:22px!important;
  text-shadow:0 4px 20px rgba(0,0,0,.38)!important;
}
.hero-section-fullscreen .feature-tags{gap:8px!important;margin-bottom:22px!important;}
.hero-section-fullscreen .feature-tag{
  background:rgba(4,19,35,.72)!important;
  color:#dffbff!important;
  border:1px solid rgba(69,230,240,.45)!important;
  box-shadow:none!important;
  padding:.42rem .68rem!important;
  font-size:.72rem!important;
  line-height:1.1!important;
}
.hero-section-fullscreen .features-cta{gap:16px!important;margin-top:20px!important;}
.hero-section-fullscreen .features-cta>a{
  min-height:54px!important;
  padding:.95rem 2rem!important;
  font-size:clamp(.9rem,1vw,1.06rem)!important;
  border-radius:8px!important;
  will-change:auto!important;
}
.hero-section-fullscreen .cta-button{color:#021422!important;box-shadow:0 16px 34px rgba(47,107,255,.090)!important;}
.hero-section-fullscreen .feature-cta-button-alt{
  color:#8fefff!important;
  border:1px solid rgba(69,230,240,.55)!important;
  background:rgba(4,19,35,.25)!important;
  box-shadow:none!important;
}
.hero-section-fullscreen .stats-grid,
.hero-section-fullscreen .feature-row{gap:18px!important;}
.hero-section-fullscreen .stat-counter,
.hero-section-fullscreen .feature-card-horizontal{
  background:rgba(12,17,23,.66)!important;
  border:1px solid rgba(69,230,240,.34)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  will-change:auto!important;
}
.hero-section-fullscreen .stat-counter{min-height:150px!important;padding:18px 16px!important;}
.hero-section-fullscreen .stat-icon-container{width:52px!important;height:52px!important;margin-bottom:12px!important;}
.hero-section-fullscreen .stat-icon{width:26px!important;height:26px!important;color:#45E6F0!important;}
.hero-section-fullscreen .stat-number{
  font-size:clamp(1.8rem,2.5vw,2.45rem)!important;
  color:#45E6F0!important;
  text-shadow:0 0 18px rgba(69,230,240,.55)!important;
  margin-bottom:7px!important;
}
.hero-section-fullscreen .stat-text{font-size:.86rem!important;color:#d8efff!important;line-height:1.35!important;}
.hero-section-fullscreen .feature-card-horizontal{min-height:120px!important;padding:18px!important;}
.hero-section-fullscreen .feature-icon-container{width:44px!important;height:44px!important;margin:0 16px 0 0!important;}
.hero-section-fullscreen .feature-icon{width:26px!important;height:26px!important;color:#45E6F0!important;}
.hero-section-fullscreen .feature-card-title{font-size:clamp(.88rem,1.05vw,1rem)!important;line-height:1.15!important;margin-bottom:7px!important;color:#fff!important;}
.hero-section-fullscreen .feature-card-desc{font-size:.84rem!important;line-height:1.45!important;color:#cbe8ff!important;}
.hero-section-fullscreen .animated-title,
.hero-section-fullscreen .hero-text-animation,
.hero-section-fullscreen .animated-stats,
.hero-section-fullscreen .features-horizontal,
.hero-section-fullscreen .animated-buttons,
.hero-section-fullscreen .stat-counter{
  animation:none!important;
  opacity:1!important;
}
.hero-section-fullscreen .stat-counter:hover,
.hero-section-fullscreen .feature-card-horizontal:hover,
.hero-section-fullscreen .cta-button:hover,
.hero-section-fullscreen .feature-cta-button-alt:hover{transform:none!important;}
@media(max-width:1023px){
  .hero-section-fullscreen{min-height:auto!important;padding-block:44px!important;}
  .hero-section-fullscreen .hero-content>.flex{flex-direction:column!important;gap:28px!important;}
  .hero-section-fullscreen .welcome-text-container,
  .hero-section-fullscreen .stats-section{width:100%!important;flex:1 1 auto!important;text-align:center!important;}
  .hero-section-fullscreen .hero-description{margin-inline:auto!important;}
  .hero-section-fullscreen .stats-grid,
  .hero-section-fullscreen .feature-row{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .hero-section-fullscreen .welcome-text{font-size:clamp(2rem,11vw,3.2rem)!important;}
  .hero-section-fullscreen .features-cta>a{width:100%!important;}
  .hero-section-fullscreen .feature-tags{justify-content:center!important;}
}


.gxd-seo-link-hub{
  max-width:1180px;
  margin:22px auto 10px;
  padding:12px 16px;
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(69,230,240,.065);
  background:rgba(3,11,24,.32);
  border-radius:14px;
  color:rgba(255,255,255,.72);
  font-size:12.5px;
  line-height:1.4;
}
.gxd-seo-link-hub__label{
  color:rgba(69,230,240,.86);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.gxd-seo-link-hub a{
  color:rgba(255,255,255,.72);
  text-decoration:none;
}
.gxd-seo-link-hub a:hover{ color:#45E6F0; }
@media(max-width:640px){
  .gxd-seo-link-hub{
    margin:16px 14px 8px;
    padding:10px 12px;
    font-size:12px;
    justify-content:flex-start;
  }
}

/* ============================================================
   GXD v39 — Premium Blue Graphite Design System
   Real roles, not random colour swaps:
   - Page/background: black graphite
   - Panels/cards: dark grey -> blue-black gradient
   - Text on dark: white/soft grey
   - Accent: cyan borders, dots, headings, active lines
   - CTA buttons: blue/cyan gradient with white readable text
   - Footer: one clean block, no boxed footer columns
   ============================================================ */
:root{
  --gxd-bg:#05070A;
  --gxd-bg-2:#080B10;
  --gxd-panel:#0B1118;
  --gxd-panel-blue:#0B1A2B;
  --gxd-panel-blue-2:#0E243A;
  --gxd-panel-light:#151A21;
  --gxd-border:#273446;
  --gxd-border-soft:#1E2935;
  --gxd-text:#F7FAFC;
  --gxd-muted:#C7D0DA;
  --gxd-dim:#8B98A6;
  --gxd-cyan:#45E6F0;
  --gxd-cyan-soft:#9AF8FF;
  --gxd-blue:#2F6BFF;
  --gxd-blue-2:#2F8BFF;
  --gxd-deep-blue:#071C34;

  --gxd-page-bg:
    radial-gradient(circle at 50% -14%, rgba(69,230,240,.065), transparent 31%),
    radial-gradient(circle at 86% 10%, rgba(47,107,255,.055), transparent 30%),
    linear-gradient(180deg, #11161D 0%, #080B10 40%, #05070A 100%);

  --gxd-panel-bg:
    linear-gradient(135deg, rgba(8,11,16,.98) 0%, rgba(11,26,43,.96) 48%, rgba(8,11,16,.98) 100%);

  --gxd-panel-bg-soft:
    linear-gradient(135deg, rgba(10,14,20,.98) 0%, rgba(14,36,58,.94) 52%, rgba(9,12,17,.98) 100%);

  --gxd-cta-bg:
    linear-gradient(135deg, #45E6F0 0%, #2F8BFF 50%, #2F6BFF 100%);
}

/* Page background */
html,
body,
body > .min-h-screen,
.gxd-background-overlay,
.blue-background-overlay{
  background:var(--gxd-page-bg) !important;
  color:var(--gxd-text) !important;
}

/* Keep overlays subtle, not a random blue wash */
body::before,
body::after,
.gxd-background-overlay::before,
.gxd-background-overlay::after,
.blue-background-overlay::before,
.blue-background-overlay::after{
  opacity:.30 !important;
  filter:saturate(.70) brightness(.72) !important;
}

/* Navigation/header: same layout, better palette */
.gxd-desktop-nav,
.gxd-main-nav,
.gxd-main-nav > div{
  background:linear-gradient(180deg, rgba(11,17,24,.99), rgba(5,7,10,.99)) !important;
  border-color:rgba(69,230,240,.42) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.gxd-nav-techline{
  background:linear-gradient(90deg, transparent, rgba(199,208,218,.22), rgba(69,230,240,.62), rgba(199,208,218,.22), transparent) !important;
}
.nav-particle{
  background:var(--gxd-cyan) !important;
  box-shadow:0 0 16px rgba(69,230,240,.46), 0 0 24px rgba(47,107,255,.22) !important;
}

/* Logo ratio fix retained */
.gxd-nav-logo img,
.gxd-mobile-logo{
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  aspect-ratio:auto !important;
  image-rendering:auto !important;
}
.gxd-nav-logo img{max-width:min(100%,420px)!important;max-height:82px!important;}
.gxd-mobile-logo{max-width:58px!important;max-height:58px!important;}

/* MAIN PANELS / CARDS: blueish gradient with grey-black contrast */
.product-card,
.package-card,
.category-card,
.gxd-card,
.gxd-product-buy-card,
.gxd-product-info-card,
.gxd-product-details,
.package-details,
.gxd-sections-hub,
.policy-content,
.policy-section,
.checkout-container,
.username-container,
.widget,
.module,
#products-grid > *,
.home-featured-module-grid > *,
.layout-grid > *,
details,
.home-featured-module,
.home-reviews,
.home-faq,
.home-payments,
.home-latest,
.gxd-home-section,
.gxd-section-panel,
.home-featured-module-shell,
.gxd-home-payments-inner,
.gxd-sections-hub,
.home-final-panel,
.highlight-panel,
.gxd-reviews-hub,
.gxd-review-card,
.review-card,
.customer-review-card,
.gxd-home-payment-card{
  background:var(--gxd-panel-bg) !important;
  border:1px solid rgba(69,230,240,.22) !important;
  box-shadow:
    0 16px 44px rgba(0,0,0,.44),
    0 0 20px rgba(47,107,255,.08),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  color:var(--gxd-text) !important;
}

/* Higher importance / purchase panels get a little extra blue depth */
.gxd-product-buy-card,
.gxd-product-info-card,
.home-final-panel--secondary,
.home-price-card,
.gxd-home-payments-inner,
.home-featured-module-shell{
  background:var(--gxd-panel-bg-soft) !important;
  border-color:rgba(69,230,240,.28) !important;
}

/* Small cards inside panels use a darker inset, not random black/blue boxes */
.gxd-home-payment-card,
.home-final-stat,
.gxd-sections-hub__link,
.highlight-tags span,
.home-price-card,
.payment-card,
.gxd-fd-card{
  background:linear-gradient(135deg, rgba(7,11,16,.98), rgba(11,26,43,.88)) !important;
  border-color:rgba(69,230,240,.18) !important;
}

/* FOOTER: clean single footer block; columns should NOT become panels */
.enhanced-footer,
footer.enhanced-footer,
footer,
.gxd-footer,
.site-footer,
.footer{
  background:
    radial-gradient(circle at 50% 0%, rgba(69,230,240,.055), transparent 32%),
    linear-gradient(180deg, rgba(8,11,16,.98) 0%, rgba(5,7,10,.99) 100%) !important;
  border-top:1px solid rgba(69,230,240,.34) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  box-shadow:0 -18px 44px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color:var(--gxd-muted) !important;
}

.enhanced-footer .footer-content,
.enhanced-footer .footer-columns,
.enhanced-footer .footer-column,
.enhanced-footer .footer-links,
.enhanced-footer .footer-links li,
.enhanced-footer .footer-bottom,
.enhanced-footer .footer-logo-section,
.enhanced-footer .footer-logos,
footer .footer-content,
footer .footer-columns,
footer .footer-column,
footer .footer-links,
footer .footer-links li,
footer .footer-bottom,
footer .footer-logo-section,
footer .footer-logos{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.enhanced-footer .footer-bottom,
footer .footer-bottom{
  border-top:1px solid rgba(199,208,218,.10) !important;
}

.enhanced-footer .footer-title,
footer .footer-title,
footer h1, footer h2, footer h3, footer h4{
  color:var(--gxd-cyan) !important;
}

.enhanced-footer a,
footer a,
.gxd-footer a,
.site-footer a,
.footer a{
  color:#DCE5EE !important;
  text-decoration:none !important;
}
.enhanced-footer a:hover,
footer a:hover,
.gxd-footer a:hover,
.site-footer a:hover,
.footer a:hover{
  color:var(--gxd-cyan) !important;
}

.enhanced-footer p,
.enhanced-footer li,
.enhanced-footer span,
footer p,
footer li,
footer span{
  color:var(--gxd-muted) !important;
}

.enhanced-footer .social-icon,
footer .social-icon{
  background:linear-gradient(135deg, rgba(8,11,16,.98), rgba(11,26,43,.92)) !important;
  border:1px solid rgba(69,230,240,.28) !important;
  box-shadow:0 0 12px rgba(47,107,255,.08) !important;
}

.enhanced-footer .tech-line,
footer .tech-line{
  background:linear-gradient(90deg, transparent, rgba(69,230,240,.22), transparent) !important;
  opacity:.20 !important;
}

/* Typography roles: black panels = white text */
h1,h2,h3,h4,h5,h6,
.featured-heading,
.gxd-home-payments-title,
.section-title,
.home-final-title,
.highlight-title,
.gxd-product-title,
.package-title{
  color:var(--gxd-text) !important;
}

p,li,small,
.featured-subtext,
.gxd-home-payments-copy,
.gxd-reviews-hub__intro,
.home-final-copy,
.highlight-copy,
.text-muted,
[class*="text-slate"],
[class*="text-gray"],
[class*="text-[#C7D0DA]"],
[class*="text-[#B8C2CC]"]{
  color:var(--gxd-muted) !important;
}

.featured-kicker,
.gxd-home-payments-kicker,
.home-final-kicker,
.highlight-kicker,
[class*="kicker"],
.title-dot,
a,
.text-cyan,
[class*="text-[#45E6F0]"],
[class*="text-[#42E6EE]"]{
  color:var(--gxd-cyan) !important;
}

/* Borders and lines */
[class*="border-[#45E6F0]"],
[class*="border-[#42E6EE]"],
[class*="border-cyan"],
.border-cyan{
  border-color:rgba(69,230,240,.38) !important;
}
hr,
.divider,
[class*="divide-"] > *{
  border-color:rgba(199,208,218,.10) !important;
}

/* Primary CTAs: proper blue/cyan gradient, readable white text */
.cta-button,
.add-to-basket-button,
button[type="submit"],
a[href*="/checkout"],
.home-main-button:not(.home-main-button--ghost),
.home-price-button,
.gxd-grid-btn.is-active,
.gxd-grid-btn:hover{
  background:var(--gxd-cta-bg) !important;
  color:#FFFFFF !important;
  border-color:rgba(255,255,255,.20) !important;
  box-shadow:
    0 14px 30px rgba(47,107,255,.22),
    0 0 20px rgba(69,230,240,.16) !important;
  text-shadow:0 1px 8px rgba(0,0,0,.28) !important;
}
.cta-button *,
.add-to-basket-button *,
button[type="submit"] *,
a[href*="/checkout"] *,
.home-main-button:not(.home-main-button--ghost) *,
.home-price-button *{
  color:#FFFFFF !important;
}

/* Secondary buttons: dark blue/black gradient with cyan border */
button:not([type="submit"]):not(.gxd-nav-item),
a:not([href*="/checkout"]).gxd-grid-btn,
.gxd-grid-btn,
.btn-secondary,
.gift-button,
.home-main-button--ghost,
a[href*="category"]:not(.gxd-nav-item){
  background:linear-gradient(135deg, rgba(8,11,16,.98), rgba(11,26,43,.92)) !important;
  border-color:rgba(69,230,240,.34) !important;
  color:var(--gxd-text) !important;
  box-shadow:0 0 12px rgba(47,107,255,.06) !important;
}
button:not([type="submit"]):not(.gxd-nav-item):hover,
a:not([href*="/checkout"]).gxd-grid-btn:hover,
.gxd-grid-btn:hover,
.btn-secondary:hover,
.gift-button:hover,
.home-main-button--ghost:hover,
a[href*="category"]:not(.gxd-nav-item):hover{
  border-color:rgba(69,230,240,.55) !important;
  color:#FFFFFF !important;
}

/* Inputs/search/dropdowns */
input,
select,
textarea,
#search-input{
  background:linear-gradient(135deg, rgba(5,7,10,.96), rgba(11,17,24,.92)) !important;
  border-color:rgba(199,208,218,.14) !important;
  color:#fff !important;
}
input:focus,
select:focus,
textarea:focus,
#search-input:focus{
  border-color:rgba(69,230,240,.62) !important;
  box-shadow:0 0 0 3px rgba(69,230,240,.10) !important;
}

.dropdown-menu-fixed,
[id^="category-menu-"],
[id^="mobile-menu-"]{
  background:linear-gradient(180deg, rgba(11,17,24,.99), rgba(5,7,10,.99)) !important;
  border-color:rgba(69,230,240,.32) !important;
}

/* Media frames */
.main-media,
.product-main-image,
.package-main-image,
.gxd-open-lightbox,
.gxd-product-media,
.gxd-thumb{
  background:var(--gxd-bg) !important;
  border-color:rgba(69,230,240,.18) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.50), 0 0 16px rgba(47,107,255,.08) !important;
}

/* Phone-only fix: keep the watermark clear of controls and make the mobile menu fully visible/tappable. */
@media (max-width: 900px) {
  html body #ghost-watermark-ultimate {
    position: fixed !important;
    right: max(4px, env(safe-area-inset-right)) !important;
    bottom: max(4px, env(safe-area-inset-bottom)) !important;
    left: auto !important;
    top: auto !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 90 !important;
    opacity: .9 !important;
    pointer-events: none !important;
  }

  html body #ghost-watermark-ultimate > img {
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    cursor: default !important;
  }

  /* The large Discord/TikTok/currency desktop controls were overflowing into the phone header. */
  .gxd-topbar-actions {
    display: none !important;
  }

  .gxd-main-nav {
    position: relative !important;
    z-index: 1000 !important;
    width: 100% !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  .gxd-main-nav > div {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 64px !important;
    padding: 8px 10px !important;
    overflow: visible !important;
  }

  .gxd-mobile-bar {
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
  }

  .gxd-mobile-brand {
    flex: 0 0 auto !important;
  }

  .gxd-mobile-logo {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }

  .gxd-mobile-center-title {
    flex: 1 1 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 2px !important;
    font-size: clamp(12px, 3.7vw, 16px) !important;
  }

  .gxd-mobile-actions {
    gap: 6px !important;
    flex: 0 0 auto !important;
  }

  .gxd-mobile-menu-btn,
  .gxd-mobile-icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
  }

  .gxd-mobile-menu-btn svg,
  .gxd-mobile-icon svg {
    width: 22px !important;
    height: 22px !important;
  }

  /* Remove the decorative cyan sweep on phones; it could appear as a blue bar over the menu. */
  .gxd-nav-techline {
    display: none !important;
  }

  #navbar-default {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 1002 !important;
    background: #0B1118 !important;
    border: 1px solid rgba(69, 230, 240, .55) !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, .48) !important;
    max-height: calc(100dvh - 96px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  #navbar-default.hidden {
    display: none !important;
  }

  #navbar-default:not(.hidden) {
    display: block !important;
  }

  #navbar-default > ul {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
    gap: 2px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 0 14px 14px !important;
  }

  #navbar-default li {
    position: relative !important;
    width: 100% !important;
    z-index: 1 !important;
  }

  #navbar-default a,
  #navbar-default button {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    color: #FFFFFF !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  #navbar-default button {
    justify-content: space-between !important;
  }

  #navbar-default [id^="mobile-menu-"] {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    margin: 2px 0 6px !important;
    transform: none !important;
    background: rgba(5, 7, 10, .72) !important;
    border-color: rgba(69, 230, 240, .32) !important;
    z-index: 3 !important;
  }
}

@media (max-width: 380px) {
  html body #ghost-watermark-ultimate {
    width: 44px !important;
    height: 44px !important;
  }

  .gxd-mobile-center-title {
    font-size: 12px !important;
  }

  .gxd-mobile-menu-btn,
  .gxd-mobile-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }
}

/* ===== GXD v8 mobile + desktop performance layer (layout-safe) ===== */
.gxd-fd-collection-visual {
  color: #45E6F0;
  background:
    radial-gradient(circle at 50% 45%, rgba(69,230,240,.18), transparent 42%),
    linear-gradient(135deg, rgba(4,14,30,.98), rgba(9,31,52,.92));
}
.gxd-fd-collection-visual svg {
  width: 72px;
  height: 72px;
  filter: drop-shadow(0 0 18px rgba(69,230,240,.28));
}
.gxd-fd-collection-copy {
  margin: 0;
  color: rgba(205,225,242,.72);
  font-size: .9rem;
  line-height: 1.5;
}
.gxd-fd-card--collection .gxd-fd-title-row { min-height: 132px; }

@media (max-width: 768px) {
/* Three cards are intentionally loaded on phones; desktop keeps all six. */
  #gxd-fd-grid > .gxd-fd-card:nth-child(n+4) { display:none !important; }

  /* Decorative work that does not help touch users. */
  .tech-grid-overlay,
  .hex-pattern,
  .glow-top,
  .glow-center,
  .nav-particle,
  .scroll-indicator,
  .scroll-pulse,
  .scroll-arrow,
  .progress-pulse,
  .hero-particles,
  .floating-particle,
  .tech-particles,
  .gxd-home-payment-card--loading .gxd-home-payment-avatar,
  .gxd-home-payment-line,
  .loading-dot,
  .animated-logo,
  .animated-title,
  .animated-text,
  .animated-buttons,
  .animated-stats {
    animation: none !important;
  }

  .home-featured-module-shell,
  .gxd-home-payments-inner,
  .gxd-reviews-hub,
  .home-final-panel,
  .gxd-section-panel,
  .product-item,
  .gxd-product-card,
  .widget,
  .module {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .gxd-fd-card,
  .gxd-home-payment-card,
  .review-card,
  .gxd-review-card,
  .home-final-panel,
  .gxd-sections-hub__link,
  .product-item,
  .gxd-product-card {
    will-change: auto !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  .gxd-fd-card:hover,
  .gxd-home-payment-card:hover,
  .review-card:hover,
  .gxd-review-card:hover,
  .home-final-panel:hover,
  .gxd-sections-hub__link:hover,
  .product-item:hover,
  .gxd-product-card:hover {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

html.gxd-save-data .scroll-indicator,
html.gxd-save-data .hero-particles,
html.gxd-save-data .floating-particle,
html.gxd-slow-network .scroll-indicator,
html.gxd-slow-network .hero-particles,
html.gxd-slow-network .floating-particle {
  display: none !important;
}

/* GXD v9: keep the homepage FAQ visible while retaining data-nosnippet for snippet control. */
.template-home #gxd-faq {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.template-home #gxd-faq details { content-visibility: visible; }
.gxd-fd-img--fallback { object-fit: contain !important; padding: 1.25rem; background: #050b13; }

/* ===== GXD v11 production polish + responsiveness safeguards ===== */
:root{
  --gxd-motion-fast:160ms;
  --gxd-motion-standard:220ms;
  --gxd-ease-standard:cubic-bezier(.2,.7,.2,1);
}

/* Policy pages are styled with CSS instead of scanning and rewriting every container in JavaScript. */
html.gxd-policy-page body,
body.policy-page{background:#05070a!important;}
body.policy-page :is(.container,.content,.row,.col,.card,.card-body,main,[class*="wrapper"],[class*="panel"],[class*="content-box"],[class*="white-box"]){
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.policy-page :is(.panel-heading,.page-heading,.privacy-policy-title,.terms-of-service-title,.refund-policy-title,.about-us-title,.faq-title,.policy-title,.terms-title,.about-title,.blue-bordered-title,.duplicate-title-container){display:none!important;}

/* Keep motion deliberate. Large lifts and constant effects make a store feel generated rather than designed. */
:is(.gxd-fd-card,.gxd-home-payment-card,.review-card,.gxd-review-card,.gxd-sections-hub__link,.product-item,.gxd-product-card,.feature-card,.collection-panel){
  transition-property:transform,border-color,box-shadow,background-color,color,opacity!important;
  transition-duration:var(--gxd-motion-standard)!important;
  transition-timing-function:var(--gxd-ease-standard)!important;
}
@media (hover:hover) and (pointer:fine){
  :is(.gxd-fd-card,.review-card,.gxd-review-card,.gxd-sections-hub__link,.product-item,.gxd-product-card,.collection-panel):hover{
    transform:translateY(-3px)!important;
  }
}

/* Remove non-essential perpetual effects while retaining short interaction feedback. */
:is(.progress-pulse,.scroll-pulse,.scroll-arrow,.nav-particle,.glow-top,.glow-center,.gxd-v59-cosmic-layer){
  animation:none!important;
  will-change:auto!important;
}
:is(.animated-button,.cta-button,.feature-cta-button-alt,.gxd-fd-atc,.btn,button,a){
  -webkit-tap-highlight-color:transparent;
}
:is(h1,h2,h3,.featured-heading,.gxd-home-payments-title,.gxd-sections-hub__title){text-wrap:balance;}
:is(p,.featured-subtext,.gxd-fd-collection-copy,.gxd-sections-hub__meta){text-wrap:pretty;}

.template-category .product-item{contain:layout paint style;}

/* Hidden tabs must not consume animation/GPU time. */
html.paused *,html.paused *::before,html.paused *::after{
  animation-play-state:paused!important;
}

/* Avoid expensive blur layers on mid-range touch devices while preserving the same colours and layout. */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  :is(.home-featured-module-shell,.gxd-home-payments-inner,.gxd-reviews-hub,.home-final-panel,.gxd-section-panel,.subscription-box,.discord-stats,.widget,.module){
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  :is(.subscription-accent-1,.subscription-accent-2){filter:none!important;opacity:.08!important;}
}

/* Make modal rendering feel immediate while review batches are appended. */
#gxd-reviews-modal-grid[aria-busy="true"]::after{
  content:"Loading reviews…";
  display:block;
  grid-column:1/-1;
  padding:18px;
  text-align:center;
  color:rgba(220,240,255,.72);
}



/* ===== GXD v13 stable rendering and page transitions ===== */
html {
  scrollbar-gutter: stable;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body,
button,
input,
select,
textarea {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
:is(.brand-text,.logo-text,.featured-heading,.welcome-text,.stat-number,.gxd-home-payments-title,.gxd-sections-hub__title,h1,h2) {
  font-family: "Orbitron", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Critical sections render in their final position. Deferred data and images still load lazily. */
.template-home :is(
  #featured-packages-module,
  #gxd-home-recent-payments,
  #shop-categories,
  #gxd-lore-friendly-guide,
  #home-highlights,
  #gxd-customer-reviews,
  #gxd-faq,
  .gxd-home-final-wrap,
  .gxd-mobile-render-defer
) {
  content-visibility: visible !important;
  contain-intrinsic-size: none !important;
}

/* Remove first-load entrance movement. Interaction feedback remains on buttons and cards. */
.template-home :is(
  .hero-text-animation,
  .animated-logo,
  .animated-title,
  .animated-text,
  .animated-buttons,
  .animated-stats,
  .feature-tag,
  .stat-counter,
  .feature-card-horizontal,
  .gxd-fd-card--in
) {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  will-change: auto !important;
}

/* Reserve exactly the same space before featured images decode. */
.gxd-fd-img-wrap {
  aspect-ratio: 16 / 10 !important;
  overflow: hidden;
}
.gxd-fd-img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.gxd-home-payments-grid { min-height: 116px; }
#discord-online-count,
#discord-member-count,
.subscription-price,
.stat-number { font-variant-numeric: tabular-nums; }

/* Short, quiet same-origin page crossfade where supported. */
@view-transition { navigation: auto; }
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 150ms;
  animation-timing-function: ease-out;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none !important; }
}

@media (max-width: 768px) {
  .gxd-home-payments-grid { min-height: 320px; }
}

/* ============================================================
   GXD v23 — exact uploaded Tebex basket restoration
   The markup is checkout(4).html and the visual rules mirror the
   original template basket block. No replacement dashboard/panel UI.
   ============================================================ */
[data-gxd-basket-count],
.gxd-basket-count {
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 5px !important;
  line-height: 1 !important;
}

body.gxd-basket-page .gxd-left-rail,
body.gxd-basket-page .page-title-container {
  display: none !important;
}

body.gxd-basket-page .gxd-page-main,
body.gxd-basket-page .site-content {
  width: 100% !important;
  max-width: var(--content-width, 1376px) !important;
  margin-inline: auto !important;
}

body.gxd-basket-page .site-content {
  min-height: 560px !important;
  padding-top: clamp(18px, 3vw, 42px) !important;
  padding-bottom: clamp(36px, 7vw, 90px) !important;
}

/* The original template hides direct basket forms because it normally
   opens them in a popup. This one rule exposes the exact same form on
   the proper Tebex basket page without rebuilding its DOM. */
body.gxd-basket-page .site-content > form.basket {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 520px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--color-text) !important;
  background: var(--color-bg) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Exact original basket component rules, scoped only to the full page. */
body.gxd-basket-page form.basket {
  position: relative !important;
  z-index: 1 !important;
}

body.gxd-basket-page form.basket .basket-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 50px var(--content-padding) 30px !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  background: rgba(40, 40, 40, .5) !important;
}

body.gxd-basket-page form.basket .basket-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

body.gxd-basket-page form.basket .basket-title::before {
  content: "" !important;
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  background-color: var(--color-text) !important;
  -webkit-mask: url("https://webstore-template-assets.tebex.io/images/user.svg") center center / contain no-repeat !important;
  mask: url("https://webstore-template-assets.tebex.io/images/user.svg") center center / contain no-repeat !important;
}

body.gxd-basket-page form.basket .basket-second-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 15px var(--content-padding) !important;
  background: rgba(11, 17, 24, .9) !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
}

body.gxd-basket-page form.basket .basket-second-header .total {
  font-size: 14px !important;
}

body.gxd-basket-page form.basket .basket-second-header .total strong {
  font-size: 18px !important;
  font-weight: inherit !important;
}

body.gxd-basket-page form.basket .basket-empty {
  margin: auto !important;
  text-align: center !important;
  font-size: 18px !important;
}

body.gxd-basket-page form.basket .basket-second-header .currency {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.gxd-basket-page form.basket .basket-second-header .currency::after {
  content: "" !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  background: url("https://webstore-template-assets.tebex.io/images/dropdown-arrow.svg") center / contain no-repeat !important;
}

body.gxd-basket-page form.basket .basket-content {
  flex: 1 1 auto !important;
  overflow: visible !important;
}

body.gxd-basket-page form.basket .basket-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  padding: var(--widget-padding) !important;
}

body.gxd-basket-page form.basket .basket-item {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  gap: 12px !important;
  padding: var(--widget-padding) !important;
  background: var(--color-brighter-bg) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.gxd-basket-page form.basket .basket-item .info {
  min-width: 0 !important;
  margin-right: auto !important;
}

body.gxd-basket-page form.basket .basket-item .options {
  list-style-position: inside !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.gxd-basket-page form.basket .basket-item .options:has(li) {
  padding: 5px 0 !important;
}

body.gxd-basket-page form.basket .basket-item .options li {
  display: block !important;
  padding: 1px 0 !important;
}

body.gxd-basket-page form.basket .basket-item .options li::before {
  content: "" !important;
  display: inline-block !important;
  width: 3px !important;
  height: 3px !important;
  margin-right: .4em !important;
  vertical-align: middle !important;
  background-color: currentColor !important;
  border-radius: 50% !important;
}

body.gxd-basket-page form.basket .basket-item .title {
  margin: 0 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}

body.gxd-basket-page form.basket .basket-item .title a {
  color: inherit !important;
  text-decoration: none !important;
}

body.gxd-basket-page form.basket .basket-item .price {
  color: var(--color-primary) !important;
  font-size: 14px !important;
}

body.gxd-basket-page form.basket .basket-item .price strong {
  font-size: 18px !important;
  font-weight: inherit !important;
}

body.gxd-basket-page form.basket .basket-item .quantity-field {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  width: auto !important;
  height: 40px !important;
  overflow: visible !important;
  color: var(--color-text) !important;
  background: var(--color-bg) !important;
  border: 1px solid var(--color-secondary) !important;
  border-radius: 0 !important;
}

body.gxd-basket-page form.basket .basket-item .quantity-field button,
body.gxd-basket-page form.basket .basket-item .quantity-field input {
  height: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.gxd-basket-page form.basket .basket-item .quantity-field input {
  min-width: 40px !important;
  padding: 0 !important;
  color: var(--color-text) !important;
  background: transparent !important;
  border: 0 !important;
  text-align: center !important;
}

body.gxd-basket-page form.basket .basket-item .remove {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  border-radius: 0 !important;
}

body.gxd-basket-page form.basket .basket-item .remove::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: 18px !important;
  height: 18px !important;
  background-color: var(--btn-color-text) !important;
  -webkit-mask: url("https://webstore-template-assets.tebex.io/images/delete.svg") center center / contain no-repeat !important;
  mask: url("https://webstore-template-assets.tebex.io/images/delete.svg") center center / contain no-repeat !important;
}

body.gxd-basket-page form.basket .basket-checkout {
  margin-top: auto !important;
  padding: 0 var(--content-padding) 50px !important;
}

body.gxd-basket-page form.basket .basket-checkout h3 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  margin: 0 0 var(--widget-padding) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

body.gxd-basket-page form.basket .basket-checkout .total {
  color: var(--color-primary) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

body.gxd-basket-page form.basket .basket-checkout .total strong {
  font-size: 24px !important;
  font-weight: inherit !important;
}

body.gxd-basket-page form.basket .basket-checkout .checkout {
  width: 100% !important;
}

/* Quiet update state: same old UI, no layout rebuild or page jump. */
body.gxd-basket-page form.basket.updating {
  pointer-events: none !important;
}

body.gxd-basket-page form.basket.updating::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  margin: auto !important;
  width: 38px !important;
  height: 38px !important;
  background: url("https://webstore-template-assets.tebex.io/images/loading.svg") center / contain no-repeat !important;
}

body.gxd-basket-page form.basket.updating > * {
  opacity: .55 !important;
}

@media (width > 960px) {
  body.gxd-basket-page form.basket .basket-header {
    padding-top: 70px !important;
  }
  body.gxd-basket-page form.basket .basket-checkout {
    padding-bottom: 100px !important;
  }
}

@media (width <= 700px) {
  body.gxd-basket-page .site-content {
    padding-inline: 12px !important;
    padding-top: 14px !important;
  }
  body.gxd-basket-page .site-content > form.basket {
    min-height: 460px !important;
  }
  body.gxd-basket-page form.basket .basket-header {
    padding: 34px 18px 22px !important;
  }
  body.gxd-basket-page form.basket .basket-second-header {
    padding-inline: 18px !important;
  }
  body.gxd-basket-page form.basket .basket-items {
    gap: 12px !important;
    padding: 14px !important;
  }
  body.gxd-basket-page form.basket .basket-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 40px !important;
    grid-template-areas: "info remove" "quantity quantity" !important;
    align-items: center !important;
    padding: 16px !important;
  }
  body.gxd-basket-page form.basket .basket-item .info { grid-area: info !important; }
  body.gxd-basket-page form.basket .basket-item .quantity-field {
    grid-area: quantity !important;
    width: min(160px, 100%) !important;
  }
  body.gxd-basket-page form.basket .basket-item .remove { grid-area: remove !important; }
  body.gxd-basket-page form.basket .basket-checkout {
    padding: 4px 18px 40px !important;
  }
}