/* GXD v6 compact layout-safe CSS. Extracted from layout.html without changing cascade order. */

/* Critical stability: prevent layout jump and CLS */
  html { scrollbar-gutter: stable; background: #05070A; }
  body { margin: 0; background: #05070A; }
  
  /* ========================================
     ACCESSIBILITY FIXES
     ======================================== */
  
  /* Skip to main content link - visible on focus */
  .skip-to-main {
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    background: #45E6F0;
    color: #000;
    padding: 12px 24px;
    border-radius: 0 0 8px 8px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    z-index: 999999;
    transition: top 0.2s ease;
  }
  .skip-to-main:focus {
    top: 0;
    outline: 3px solid #fff;
    outline-offset: 2px;
  }
  
  /* Fix Tebex footer link contrast - WCAG AA compliance */
  .poweredby a,
  .tebex-footer a,
  [class*="powered"] a,
  footer a[href*="tebex"] {
    color: #9AF8FF !important; /* Light blue - 4.5:1 contrast ratio */
    text-decoration: underline !important;
  }
  .poweredby a:hover,
  .tebex-footer a:hover,
  [class*="powered"] a:hover,
  footer a[href*="tebex"]:hover {
    color: #ffffff !important;
  }
  
  /* Ensure all footer links have sufficient contrast */
  footer a,
  .enhanced-footer a,
  .footer-links a {
    color: #D7E1EA; /* Light blue for contrast */
  }
  footer a:hover,
  .enhanced-footer a:hover,
  .footer-links a:hover {
    color: #ffffff;
  }
  
  /* Focus indicators for keyboard navigation */
  a:focus-visible,
  button:focus-visible,
  input:focus-visible,
  select:focus-visible,
  textarea:focus-visible {
    outline: 2px solid #45E6F0;
    outline-offset: 2px;
  }
  
  /* ======================================== */
  
  /* Lock category grid columns before framework CSS finishes */
  #products-grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1.5rem; }
  @media (min-width: 640px) {
    #products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (min-width: 1024px) {
    #products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  @media (min-width: 1280px) {
    #products-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  }
  /* Image stability + CLS prevention */
  #products-grid img { display: block; }
  .gxd-product-media, .gxd-open-lightbox, .main-media { display:block; }
  .gxd-product-media { aspect-ratio: 4 / 3; }
  /* Prevent layout shift — all grid images maintain ratio before load */
  #products-grid img, .gxd-product-media img, .category-card-img {
    aspect-ratio: 4/3; object-fit: cover; width: 100%;
  }

/* =========================
   GXD Sidebar Modules (v33)
   Uses Tebex sidebar.twig output (.store-sidebar)
   ========================= */
.gxd-store-sidebar{  position: fixed !important;
  left: 24px !important;
  right: auto !important;
  width: 320px;
  max-width: calc(100vw - 32px);
  overflow: hidden;
  top: var(--gxd-modules-top, 160px) !important;
  max-width: calc(100vw - 48px);
  max-height: calc(100vh - 200px);
  overflow: auto;
  z-index: 99999;
  pointer-events: auto;
  transform: none !important;}
@media (max-width: 1200px){
  .gxd-store-sidebar{ display:none !important; }
}
.gxd-store-sidebar::-webkit-scrollbar{ width:10px; }
.gxd-store-sidebar::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.10); border-radius: 999px; }
.gxd-store-sidebar::-webkit-scrollbar-track{ background: transparent; }

.gxd-store-sidebar .widget{
  background: linear-gradient(180deg, rgba(11,17,24,.88) 0%, rgba(6,20,42,.88) 100%);
  border: 1px solid rgba(0,180,255,.22);
  border-radius: 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
  margin-bottom: 14px;
}
.gxd-store-sidebar .widget:last-child{ margin-bottom:0; }

.gxd-store-sidebar .widget-title{
  margin:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 14px 10px 14px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 12px;
  color: #e9fbff;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.gxd-store-sidebar .widget-content{
  padding: 12px 14px 14px 14px;
  color: rgba(255,255,255,.85);
  font-size: 13px;
}

/* Safe defaults for raw module output */
.gxd-store-sidebar img{
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  border: 1px solid rgba(255,255,255,.12);
  vertical-align: middle;
}
.gxd-store-sidebar ul, .gxd-store-sidebar ol{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.gxd-store-sidebar li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.gxd-store-sidebar li:last-child{ border-bottom:0; padding-bottom:0; }
.gxd-store-sidebar a{ color:#bff3ff; text-decoration:none; }
.gxd-store-sidebar a:hover{ color:#ffffff; }
.gxd-store-sidebar.gxd-hidden{ display:none !important; }
/* =========================
   GXD Left Sidebar Modules (v38)
   - In-flow layout (no overlap)
   - Sticky sidebar that DOESN'T cover content
   - Premium compact styling + readable text
   ========================= */
.gxd-page-shell{ position:relative; width:100%; }
.gxd-left-rail{ width:320px; }

/* --- GXD: sidebar (modules) as fixed overlay so it DOES NOT shift centered layout --- */
@media (min-width: 1024px){
  .gxd-page-shell{ display:block; }
  .gxd-left-rail{
    position: absolute;
    left: 22px;
    top: 150px; /* below top bar + nav */
    z-index: 60;
    max-height: calc(100vh - 180px);
    overflow:auto;
    padding-right: 6px;
  }
  .gxd-page-main{
    width:100%;
    margin: 0 auto;
  }
}
@media (max-width: 1023px){
  .gxd-left-rail{ display:none; }
}
/* prevent unwanted horizontal scroll caused by fixed rail */
html, body{ overflow-x:hidden; }

.gxd-page-main{ flex:1 1 auto; min-width:0; min-height:calc(100vh - 220px); }

/* Hide on small screens */
@media (max-width: 1200px){
  .gxd-left-rail{ width:320px; }
  .gxd-page-shell{ position:relative; width:100%; }
}

/* Sticky + scroll within sidebar */
#gxd-store-sidebar{
  position: sticky !important;
  top: var(--gxd-modules-top, 130px) !important;
  max-height: calc(100vh - 160px);
  overflow: auto;
  padding-right: 6px;
}

/* Scrollbar */
#gxd-store-sidebar::-webkit-scrollbar{ width: 10px; }
#gxd-store-sidebar::-webkit-scrollbar-thumb{ background: rgba(0, 200, 255, .22); border-radius: 999px; }
#gxd-store-sidebar::-webkit-scrollbar-track{ background: rgba(255,255,255,.03); border-radius: 999px; }

/* Widget cards */
#gxd-store-sidebar .widget{
  background: linear-gradient(180deg, rgba(10,34,66,.92) 0%, rgba(7,22,44,.92) 100%);
  border: 1px solid rgba(0, 210, 255, .26);
  border-radius: 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,.50);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
  margin: 0 0 12px 0;
}
#gxd-store-sidebar .widget:last-child{ margin-bottom:0; }

#gxd-store-sidebar .widget-title{
  margin:0;
  padding: 12px 14px 10px 14px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11.5px;
  color: rgba(235, 252, 255, .98);
  border-bottom: 1px solid rgba(255,255,255,.08);
  text-shadow: 0 1px 0 rgba(0,0,0,.35);
}

#gxd-store-sidebar .widget-content{
  padding: 12px 14px 14px 14px;
  color: rgba(255,255,255,.90);
  font-size: 13px;
  line-height: 1.45;
}

/* list rows */
#gxd-store-sidebar ul, #gxd-store-sidebar ol{
  list-style:none; padding:0; margin:0;
  display:flex; flex-direction:column; gap:10px;
}
#gxd-store-sidebar li{
  display:flex; align-items:center; gap:10px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
#gxd-store-sidebar li:last-child{ border-bottom:0; padding-bottom:0; }

/* avatar */
#gxd-store-sidebar img{
  width: 30px !important; height: 30px !important;
  max-width: 30px !important; max-height: 30px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 10px 22px rgba(0,0,0,.25);
  flex: 0 0 auto;
}

/* JS formatted row */
#gxd-store-sidebar .gxd-row{ display:flex; align-items:center; gap:10px; width:100%; min-width:0; }
#gxd-store-sidebar .gxd-line{ display:flex; flex-direction:column; min-width:0; }
#gxd-store-sidebar .gxd-name{
  font-weight: 800; color: rgba(235,252,255,.98);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#gxd-store-sidebar .gxd-sub{
  opacity:.78; font-size: 11.5px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
/* =========================
   GXD Sidebar Modules Style (v42)
   ========================= */

.gxd-left-rail{ width:320px; }

#gxd-store-sidebar .widget{
  border-radius: 18px !important;
  border: 1px solid rgba(0, 210, 255, .22) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.06) !important;
  overflow:hidden !important;
}

#gxd-store-sidebar .widget-title{
  text-align:center !important;
  font-size: 19px !important;
  font-weight: 950 !important;
  padding: 14px 14px 10px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

#gxd-store-sidebar .widget-content{
  padding: 12px 14px 16px 14px !important;
}

#gxd-store-sidebar .widget.widget-top-donator .widget-content,
#gxd-store-sidebar .widget.widget--top-donator .widget-content,
#gxd-store-sidebar .widget[data-widget*="top"] .widget-content{
  text-align:center !important;
}

#gxd-store-sidebar .widget.widget-top-donator img,
#gxd-store-sidebar .widget.widget--top-donator img,
#gxd-store-sidebar .widget[data-widget*="top"] img{
  width: 92px !important;
  height: 92px !important;
  max-width: 92px !important;
  max-height: 92px !important;
  border-radius: 999px !important;
  display:block !important;
  margin: 6px auto 12px auto !important;
  object-fit:cover !important;
}

#gxd-store-sidebar .widget.widget-top-donator .gxd-name,
#gxd-store-sidebar .widget.widget--top-donator .gxd-name,
#gxd-store-sidebar .widget[data-widget*="top"] .gxd-name{
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  margin-top: 0 !important;
  text-align:center !important;
}

#gxd-store-sidebar .widget.widget-top-donator .gxd-sub,
#gxd-store-sidebar .widget.widget--top-donator .gxd-sub,
#gxd-store-sidebar .widget[data-widget*="top"] .gxd-sub{
  font-size: 13.5px !important;
  opacity: .88 !important;
  line-height: 1.25 !important;
  text-align:center !important;
}

#gxd-store-sidebar .widget.widget-recent img,
#gxd-store-sidebar .widget.widget--recent img,
#gxd-store-sidebar .widget[data-widget*="recent"] img{
  width: 54px !important;
  height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
  border-radius: 16px !important;
  object-fit:cover !important;
}

#gxd-store-sidebar .widget.widget-recent li,
#gxd-store-sidebar .widget.widget--recent li,
#gxd-store-sidebar .widget[data-widget*="recent"] li{
  padding: 12px 0 !important;
}

#gxd-store-sidebar .widget.widget-recent .gxd-name,
#gxd-store-sidebar .widget.widget--recent .gxd-name,
#gxd-store-sidebar .widget[data-widget*="recent"] .gxd-name{
  font-size: 17px !important;
  font-weight: 950 !important;
}

#gxd-store-sidebar .widget.widget-recent .gxd-sub,
#gxd-store-sidebar .widget.widget--recent .gxd-sub,
#gxd-store-sidebar .widget[data-widget*="recent"] .gxd-sub{
  font-size: 13px !important;
  opacity: .82 !important;
}

#gxd-store-sidebar ul, #gxd-store-sidebar ol{ gap: 12px !important; }
/* =========================
   GXD Modules UX (v44)
   ========================= */

#gxd-store-sidebar .widget.widget-top-donator .avatar{
  width: 96px !important;
  height: 96px !important;
  border-radius: 999px !important;
  display:block !important;
  margin: 8px auto 12px auto !important;
  object-fit: cover !important;
  box-shadow: 0 18px 35px rgba(0,0,0,.38) !important;
}
#gxd-store-sidebar .widget.widget-top-donator .username{
  margin: 0 auto 6px auto !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
  text-align:center !important;
}
#gxd-store-sidebar .widget.widget-top-donator p{
  margin: 0 auto !important;
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  opacity: .88 !important;
  text-align:center !important;
}
#gxd-store-sidebar .widget.widget-top-donator p strong{
  font-weight: 950 !important;
  opacity: 1 !important;
}

#gxd-store-sidebar .widget.widget-recent .purchases{
  display:flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
#gxd-store-sidebar .widget.widget-recent .purchase{
  display:flex !important;
  align-items:center !important;
  gap: 12px !important;
}
#gxd-store-sidebar .widget.widget-recent .purchase .avatar{
  width: 58px !important;
  height: 58px !important;
  border-radius: 16px !important;
  object-fit: cover !important;
  flex: 0 0 58px !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.32) !important;
}
#gxd-store-sidebar .widget.widget-recent .purchase .info{
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
#gxd-store-sidebar .widget.widget-recent .purchase .username{
  display:inline !important;
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#gxd-store-sidebar .widget.widget-recent .purchase .username::before{
  content: " - " !important;
  opacity: .75 !important;
  font-weight: 800 !important;
}

#gxd-store-sidebar .widget.widget-recent .purchase p,
#gxd-store-sidebar .widget.widget-recent .purchase time{
  display:none !important;
}
/* Center the main navigation on desktop without being pushed by the logo */
@media (min-width: 768px) {
  nav.gxd-main-nav { position: relative; }
  nav.gxd-main-nav .gxd-navmenu {
    position: absolute;
    left: calc(50% - 70px);
    top: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
  }
  nav.gxd-main-nav .gxd-navmenu> ul { justify-content: center; }
}

/* Prevent nav labels from wrapping */
  .site-navigation { white-space: nowrap; flex-wrap: nowrap; }
  .site-navigation a,
  .site-navigation button { white-space: nowrap; }

  /* Sidebar must NOT be fixed/sticky; it should scroll with the page */
  .gxd-store-sidebar { position: static !important; top: auto !important; left: auto !important; }
  #gxd-store-sidebar { position: static !important; top: auto !important; }
  .gxd-left-rail { position: absolute !important; top: 148px !important; left: 18px !important; }

  /* Safety: avoid accidental horizontal scroll from absolute elements */
  html, body { overflow-x: hidden; }

.gxd-sections-hub {
    margin: 0 auto 28px auto;
    max-width: 1320px;
    padding: 18px 20px;
    border: 1px solid rgba(69,230,240,.075);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(7,24,46,.88) 0%, rgba(5,18,36,.88) 100%);
    box-shadow: 0 16px 40px rgba(0,0,0,.28);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  .gxd-sections-hub__title {
    margin: 0 0 8px 0;
    font-size: clamp(1.15rem, 1rem + .6vw, 1.6rem);
    font-weight: 900;
    color: #f5fdff;
  }
  .gxd-sections-hub__text {
    margin: 0 0 14px 0;
    color: rgba(228,244,255,.84);
    line-height: 1.6;
    max-width: 980px;
  }
  .gxd-sections-hub__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }
  .gxd-sections-hub__link {
    display: block;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
    color: #eafcff;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
  }
  .gxd-sections-hub__link:hover {
    transform: translateY(-2px);
    border-color: rgba(69,230,240,.45);
    background: rgba(69,230,240,.08);
  }
  .gxd-sections-hub__label {
    display: block;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 4px;
  }
  .gxd-sections-hub__meta {
    display: block;
    color: rgba(207,227,240,.78);
    font-size: .92rem;
    line-height: 1.4;
  }
  @media (max-width: 1100px) {
    .gxd-sections-hub__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 640px) {
    .gxd-sections-hub {
      padding: 16px;
      margin-bottom: 18px;
      border-radius: 16px;
    }
    .gxd-sections-hub__grid { grid-template-columns: 1fr; }
  }

  .gxd-seo-crawl-hub {
    margin: 24px auto 28px auto;
    max-width: 1320px;
    padding: 18px 20px;
    border: 1px solid rgba(69,230,240,.16);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(7,24,46,.78) 0%, rgba(5,18,36,.78) 100%);
    box-shadow: 0 12px 34px rgba(0,0,0,.22);
  }
  .gxd-seo-crawl-hub h2 {
    margin: 0 0 6px 0;
    color: #f5fdff;
    font-size: clamp(1.05rem, .95rem + .45vw, 1.35rem);
    font-weight: 900;
  }
  .gxd-seo-crawl-hub p {
    margin: 0 0 14px 0;
    color: rgba(228,244,255,.82);
    line-height: 1.55;
  }
  .gxd-seo-crawl-hub__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }
  .gxd-seo-crawl-hub__grid a {
    display: block;
    padding: 11px 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    background: rgba(255,255,255,.035);
    color: #dffbff;
    font-weight: 750;
    line-height: 1.35;
    text-decoration: none;
  }
  .gxd-seo-crawl-hub__grid a:hover {
    border-color: rgba(69,230,240,.45);
    color: #ffffff;
    background: rgba(69,230,240,.075);
  }
  @media (max-width: 1100px) {
    .gxd-seo-crawl-hub__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 640px) {
    .gxd-seo-crawl-hub { padding: 16px; border-radius: 16px; }
    .gxd-seo-crawl-hub__grid { grid-template-columns: 1fr; }
  }

/* GXD-UI-V5 — five style blocks from layout.html (orig lines 2041/4498/4866/5079/5128).
   All five originally loaded between the flowbite CSS links and the tailwind CDN script;
   this file is linked at the exact position of the first block, so cascade order is
   unchanged. Pre-framework, post-tailwind, page, and post-content CSS remain inline. */

/* ==================== layout.html line 2041 ==================== */
html body #ghost-watermark-ultimate,
html body div#ghost-watermark-ultimate,
body #ghost-watermark-ultimate,
#ghost-watermark-ultimate {
    position: fixed !important;
    bottom: 10px !important;    
    right: 50px !important;      
    left: auto !important;
    top: auto !important;
    z-index: 2147483647 !important;
    width: 120px !important;
    height: 120px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

/* Mobile positioning */
@media screen and (max-width: 768px) {
    html body #ghost-watermark-ultimate,
    html body div#ghost-watermark-ultimate,
    body #ghost-watermark-ultimate,
    #ghost-watermark-ultimate {
        bottom: 10px !important;    
        right: 30px !important;     
        width: 90px !important;
        height: 90px !important;
    }
}

.enhanced-footer,
.site-footer,
.footer,
nav,
.navigation {
    z-index: 5 !important;
}

#ghost-watermark-ultimate {
    z-index: 2147483647 !important;
}
    /* Add to Basket Button Styling */
    .cta-button, 
    .add-to-basket-button,
    [data-action="add-to-basket"] {
        background: linear-gradient(to right, #2F6BFF, #45E6F0);
        color: #05070A;
        font-weight: bold;
        font-family: 'Orbitron', sans-serif;
        box-shadow: 0 4px 15px rgba(69,230,240,0.3);
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
        display: inline-block;
        text-decoration: none;
        border: none;
        letter-spacing: 1px;
        position: relative;
        overflow: hidden;
        z-index: 1;
        padding: 0.75rem 1.5rem;
        border-radius: 8px;
        text-align: center;
        cursor: pointer;
    }

    .currency-dropdown-container {
    position: relative !important;
    z-index: 2147483646 !important;
}

/* CURRENCY DROPDOWN - Opens downward (fixed in JS) */
    #currency-menu {
    position: fixed !important;
    z-index: 2147483647 !important;
    background-color: #0B1118 !important;
    border: 1px solid #45E6F0 !important;
    border-radius: 10px !important;
    box-shadow: 0 0 15px rgba(69,230,240,0.3) !important;
    min-width: 120px !important;
    transform: translateZ(0) !important;
    pointer-events: auto !important;
}

#currency-menu ul {
    padding: 8px 0 !important;
    margin: 0 !important;
}

#currency-menu ul li a,
#currency-menu ul li button.gxd-currency-option {
    display: block !important;
    padding: 10px 16px !important;
    color: white !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    font-weight: bold !important;
}

#currency-menu ul li a:hover,
#currency-menu ul li button.gxd-currency-option:hover {
    background-color: transparent !important;
    color: #45E6F0 !important;
    transform: translateX(5px) !important;
}

    .cta-button::before, 
    .add-to-basket-button::before,
    [data-action="add-to-basket"]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
        transition: all 0.8s ease;
        z-index: -1;
    }

    .cta-button:hover, 
    .add-to-basket-button:hover,
    [data-action="add-to-basket"]:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(69,230,240,0.5);
    }

    .cta-button:hover::before, 
    .add-to-basket-button:hover::before,
    [data-action="add-to-basket"]:hover::before {
        left: 100%;
    }

    .cta-button:active, 
    .add-to-basket-button:active,
    [data-action="add-to-basket"]:active {
        transform: translateY(-2px);
    }

    .cta-button:disabled, 
    .add-to-basket-button:disabled,
    [data-action="add-to-basket"]:disabled {
        opacity: 0.7;
        cursor: not-allowed;
    }

    /* Basket Icon Styles */
    .basket-count {
        position: absolute;
        top: -8px;
        right: -8px;
        background: #45E6F0;
        color: #05070A;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: bold;
        transition: all 0.3s ease;
    }

    .basket-count.animate-pulse {
        animation: basketPulse 1s ease-in-out;
    }

    @keyframes basketPulse {
        0%, 100% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.3);
        }
    }

    /* Loading Animation for Buttons */
    .loading-animation {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    .loading-dot {
        width: 6px;
        height: 6px;
        background-color: currentColor;
        border-radius: 50%;
        display: inline-block;
        animation: loading 1.4s infinite ease-in-out both;
    }

    .loading-dot:nth-child(1) {
        animation-delay: -0.32s;
    }

    .loading-dot:nth-child(2) {
        animation-delay: -0.16s;
    }

    @keyframes loading {
        0%, 80%, 100% { transform: scale(0); }
        40% { transform: scale(1.0); }
    }

    /* Notification styling */
    .notification-container {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 9999;
        max-width: 300px;
        transition: all 0.3s ease;
    }
    
    .notification {
        padding: 15px 20px;
        margin-bottom: 10px;
        border-radius: 8px;
        color: white;
        display: flex;
        align-items: center;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        transform: translateX(100%);
        opacity: 0;
        transition: all 0.3s ease;
    }
    
    .notification.show {
        transform: translateX(0);
        opacity: 1;
    }
    
    .notification.success {
        background-color: #0B1118;
        border-left: 4px solid #45E6F0;
    }
    
    .notification.error {
        background-color: #0B1118;
        border-left: 4px solid #ff006e;
    }
    
    .notification-icon {
        margin-right: 12px;
    }
    
    .notification-text {
        flex: 1;
    }

/* ==================== layout.html line 4498 ==================== */
/* Package: Description gallery + List/Grid toggle - FIXED v2.1 */
.gxd-desc-togglebar{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
  margin:0 0 16px 0;
  position:relative;
  z-index:5;
}
.gxd-desc-togglebar .gxd-toggle-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:12px;
  font-weight:700;
  font-size:12px;
  letter-spacing:0.04em;
  text-transform:uppercase;
  background:linear-gradient(180deg, rgba(10, 22, 40, 0.75) 0%, rgba(7, 16, 32, 0.75) 100%);
  border:1px solid rgba(0, 200, 255, 0.28);
  color:rgba(235,252,255,0.82);
  cursor:pointer;
  user-select:none;
  transition:all 0.2s ease;
  box-shadow: 0 4px 15px rgba(0,0,0,0.25);
}
.gxd-desc-togglebar .gxd-toggle-btn:hover{
  transform:translateY(-2px);
  background:linear-gradient(180deg, rgba(15, 35, 60, 0.85) 0%, rgba(10, 25, 45, 0.85) 100%);
  border-color:rgba(0, 240, 255, 0.48);
  color:#eaffff;
  box-shadow: 0 8px 25px rgba(0,0,0,0.35);
}
.gxd-desc-togglebar .gxd-toggle-btn.is-active{
  background:linear-gradient(135deg, rgba(0, 180, 255, 0.28) 0%, rgba(0, 255, 200, 0.18) 100%);
  border-color:rgba(0, 240, 255, 0.65);
  color:#eaffff;
  box-shadow: 0 8px 30px rgba(0,180,255,0.15), 0 0 20px rgba(0,240,255,0.08), inset 0 1px 0 rgba(255,255,255,0.1);
}
.gxd-desc-togglebar .gxd-toggle-btn svg,
.gxd-desc-togglebar .gxd-toggle-btn .gxd-ico{
  width:15px;height:15px;display:inline-block;opacity:.8;
  flex-shrink:0;
}
.gxd-desc-togglebar .gxd-toggle-btn.is-active svg,
.gxd-desc-togglebar .gxd-toggle-btn.is-active .gxd-ico{
  opacity:1;
}
.gxd-desc-togglebar.is-disabled .gxd-toggle-btn{
  pointer-events:none;
}
.gxd-desc-togglebar.is-hidden{
  display:none !important;
}

/* Gallery container - builds from description images */
.gxd-desc-gallery{
  margin: 20px 0 24px;
}
.gxd-desc-gallery.is-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.gxd-desc-gallery.is-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:14px;
}
@media (min-width: 1400px){
  .gxd-desc-gallery.is-grid{ grid-template-columns: repeat(5, minmax(0,1fr)); }
}
@media (max-width: 1200px){
  .gxd-desc-gallery.is-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 900px){
  .gxd-desc-gallery.is-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .gxd-desc-gallery.is-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 480px){
  .gxd-desc-gallery.is-grid{ grid-template-columns: 1fr; }
}

/* Description content images - always rounded */
.cyber-description img,
.gxd-description-content img,
#gxdDescContent img {
  border-radius: 16px !important;
  max-width: 100%;
  height: auto;
}

.gxd-desc-thumb{
  position:relative;
  display:block;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(0, 240, 255, 0.18);
  background:rgba(8,18,32,0.5);
  box-shadow: 0 16px 45px rgba(0,0,0,0.38);
  cursor:pointer;
  transition:all 0.25s ease;
  text-decoration:none;
}
.gxd-desc-thumb:hover{
  border-color:rgba(0, 240, 255, 0.48);
  transform:translateY(-3px);
  box-shadow: 0 22px 55px rgba(0,0,0,0.5), 0 0 30px rgba(0,180,255,0.08);
}
.gxd-desc-thumb img,
.gxd-desc-thumb .gxd-desc-media-img{
  display:block;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-width:0 !important;
  border-radius:16px;
}
.gxd-desc-thumb{
  min-width:0;
}
.gxd-desc-gallery.is-grid .gxd-desc-thumb img{
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.gxd-desc-thumb .gxd-thumb-overlay{
  position:absolute;
  inset:auto 14px 14px 14px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  pointer-events:none;
  opacity:0;
  transform:translateY(8px);
  transition:all 0.2s ease;
}
.gxd-desc-thumb:hover .gxd-thumb-overlay{ 
  opacity:1;
  transform:translateY(0);
}
.gxd-desc-thumb .gxd-thumb-chip{
  background:rgba(7,18,34,0.88);
  border:1px solid rgba(0,240,255,0.38);
  color:#eaffff;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.03em;
  padding:7px 14px;
  border-radius:999px;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}

/* Package main media: HIDE fullscreen button - click image instead */
.open-lightbox,
button.open-lightbox,
a.open-lightbox {
  display: none !important;
}

/* Make main package images clickable with zoom cursor */
.main-media { position: relative; cursor: zoom-in; }
.main-media img,
.main-media video,
.product-main-image img,
.product-main-image video,
.media-slider img,
.media-slider video {
  cursor: zoom-in !important;
  transition: transform 0.3s ease;
}
.main-media:hover img,
.product-main-image:hover img {
  transform: scale(1.02);
}

/* Click hint on main media hover */
.main-media::after {
  content: '🔍 Click to expand';
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 10px 16px;
  background: rgba(7, 18, 34, 0.92);
  border: 1px solid rgba(0, 240, 255, 0.45);
  border-radius: 12px;
  color: #eaffff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  opacity: 0;
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 10;
  transform: translateY(4px);
}
.main-media:hover::after {
  opacity: 1;
  transform: translateY(0);
}

/* Modal (popup, not true fullscreen) */
.gxd-modal-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.gxd-modal-backdrop.is-open{ display:flex; }
.gxd-modal{
  width:min(1200px, 96vw);
  max-height:min(92vh, 950px);
  background:linear-gradient(180deg, rgba(7, 18, 36, 0.98) 0%, rgba(4, 12, 26, 0.98) 100%);
  border:1px solid rgba(0, 240, 255, 0.28);
  border-radius:20px;
  overflow:hidden;
  box-shadow: 0 30px 100px rgba(0,0,0,0.65), 0 0 60px rgba(0, 180, 255, 0.08);
  display:flex;
  flex-direction:column;
}
.gxd-modal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 18px;
  background:rgba(8, 16, 32, 0.65);
  border-bottom:1px solid rgba(0,240,255,0.12);
}
.gxd-modal-title{
  font-weight:800;
  font-size:14px;
  color:#eaffff;
  opacity:.92;
  letter-spacing:0.02em;
}
.gxd-modal-counter{
  font-size:13px;
  color:rgba(234, 255, 255, 0.6);
  font-weight:600;
  margin-left:auto;
  margin-right:16px;
}
.gxd-modal-close{
  border:1px solid rgba(0,240,255,0.22);
  background:rgba(10,22,40,0.65);
  color:#eaffff;
  width:40px;
  height:40px;
  border-radius:12px;
  cursor:pointer;
  font-size:18px;
  transition:all 0.2s ease;
}
.gxd-modal-close:hover{
  background:rgba(255, 80, 80, 0.25);
  border-color:rgba(255, 100, 100, 0.4);
  color:#ff8888;
}
.gxd-modal-body{
  position:relative;
  flex:1;
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:auto;
  min-height:400px;
}
.gxd-modal-body img, .gxd-modal-body video{
  max-width:100%;
  max-height:75vh;
  border-radius:16px;
  border:1px solid rgba(0,240,255,0.12);
  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}
.gxd-modal-nav{
  position:absolute;
  inset:0;
  pointer-events:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
}
.gxd-modal-nav button{
  pointer-events:auto;
  width:50px;
  height:50px;
  border-radius:14px;
  border:1px solid rgba(0,240,255,0.25);
  background:rgba(10,22,40,0.75);
  color:#eaffff;
  cursor:pointer;
  font-size:24px;
  transition:all 0.2s ease;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.gxd-modal-nav button:hover{
  background:rgba(0, 180, 255, 0.2);
  border-color:rgba(0, 240, 255, 0.5);
  transform:scale(1.05);
}

/* Modal thumbnail strip */
.gxd-modal-thumbs{
  display:flex;
  gap:10px;
  padding:14px 18px 18px;
  background:rgba(8, 16, 32, 0.5);
  border-top:1px solid rgba(0, 240, 255, 0.08);
  overflow-x:auto;
  justify-content:center;
}
.gxd-modal-thumb{
  flex:0 0 auto;
  width:72px;
  height:48px;
  border-radius:10px;
  overflow:hidden;
  border:2px solid rgba(255, 255, 255, 0.1);
  cursor:pointer;
  transition:all 0.2s ease;
  opacity:0.6;
  background:none;
  padding:0;
}
.gxd-modal-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:8px;
}
.gxd-modal-thumb:hover{
  opacity:0.9;
  border-color:rgba(0, 180, 255, 0.4);
}
.gxd-modal-thumb.is-active{
  opacity:1;
  border-color:rgba(0, 240, 255, 0.7);
  box-shadow:0 0 0 2px rgba(0, 240, 255, 0.2);
}

/* Responsive modal */
@media (max-width: 768px){
  .gxd-modal{ width:98vw; max-height:95vh; border-radius:16px; }
  .gxd-modal-body{ padding:14px; }
  .gxd-modal-nav button{ width:42px; height:42px; font-size:20px; }
  .gxd-modal-thumbs{ padding:10px 12px 14px; }
  .gxd-modal-thumb{ width:60px; height:40px; }
}

/* ==================== layout.html line 4866 ==================== */
/* Keep desktop layout unchanged on wide screens; fix overlap on narrower desktop/tablet widths */
@media (max-width: 1400px) {
  .gxd-desktop-nav {
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    align-items: center;
  }

  .gxd-nav-logo {
    width: auto !important;
    padding-left: clamp(12px, 2vw, 24px);
  }

  /* Center nav becomes normal flow so it can wrap instead of overlapping logo/actions */
  .gxd-nav-links {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    translate: none !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
    gap: clamp(8px, 1vw, 18px) !important;
    padding: 0 clamp(10px, 1.5vw, 18px) !important;
  }

  .gxd-nav-links a,
  .gxd-nav-links button {
    font-size: clamp(14px, 1.05vw, 20px) !important;
    line-height: 1.15 !important;
  }

  .gxd-nav-actions {
    width: auto !important;
    min-width: 110px !important;
    padding-right: clamp(12px, 2vw, 24px);
  }

  .gxd-nav-actions > div {
    width: auto !important;
  }

  /* Make basket/login buttons stay consistent when resizing */
  .gxd-action-btn {
    width: clamp(34px, 2.6vw, 44px) !important;
    height: clamp(34px, 2.6vw, 44px) !important;
    flex: 0 0 auto !important;
  }
}

/* Extra safety: never allow the nav container to clip dropdown menus */
.gxd-nav-links,
.nav-dropdown-container {
  overflow: visible !important;
}

/* Mobile dropdowns must push items down (no overlay) */
@media (max-width: 768px) {
  #navbar-default [id^="mobile-menu-"] {
    position: static !important;
    width: 100% !important;
    inset: auto !important;
    transform: none !important;
  }

  /* Mobile: use hamburger only (hide desktop link row) */
  .gxd-nav-links {
    display: none !important;
  }

  /* Mobile: keep header layout stable */
  .gxd-desktop-nav {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
  }

  /* Mobile: make basket/login buttons bigger and easier to tap */
  .gxd-nav-actions {
    min-width: 140px !important;
    padding-right: 12px !important;
  }

  .gxd-action-btn {
    width: clamp(46px, 12vw, 58px) !important;
    height: clamp(46px, 12vw, 58px) !important;
  }

  .gxd-action-btn i {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  .gxd-action-btn svg {
    width: 22px !important;
    height: 22px !important;
  }
}

/* Fallback: if any logo image fails to load, swap to store.logo and enforce a circular presentation */
.gxd-force-logo-circle {
  border-radius: 9999px !important;
  object-fit: contain !important;
  background: rgba(255,255,255,0.02);
}

/* ===== GXD Mobile Header Layout Fixes (v6) ===== */
@media (max-width: 900px) {
  /* Force-hide desktop nav on mobile/tablet widths (Tailwind max-md may not be active) */
  .gxd-desktop-nav { display: none !important; }

  /* Mobile nav container spacing */
  .gxd-main-nav > div { padding-left: 12px !important; padding-right: 12px !important; padding-top: 10px !important; padding-bottom: 10px !important; }

  /* 3-column mobile header: brand (left) + actions (right), with title filling the middle */
  .gxd-mobile-bar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  .gxd-mobile-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    cursor: pointer;
  }

  .gxd-mobile-logo {
    width: 44px !important;
    height: 44px !important;
    border-radius: 9999px !important;
    object-fit: cover !important;
    flex: 0 0 auto !important;
  }

  .gxd-mobile-center-title {
    flex: 1 1 auto;
    min-width: 0;
    text-align: center;
    font-weight: 800;
    letter-spacing: 0.3px;
    color: #ffffff;
    font-size: clamp(14px, 4.2vw, 18px);
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 8px;
  }

  /* kept for safety if anything references it */
  .gxd-mobile-title { display: none !important; }

  .gxd-mobile-center-title {
    display: block;
    font-weight: 700;
    letter-spacing: 0.2px;
    color: #ffffff;
    font-size: clamp(14px, 4.2vw, 18px);
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 52vw;
  }

  .gxd-mobile-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
  }

  /* Move hamburger next to basket/login and size it like an icon button */
  .gxd-mobile-menu-btn {
    width: clamp(54px, 14vw, 66px) !important;
    height: clamp(54px, 14vw, 66px) !important;
    border-radius: 9999px !important;
    border: 1px solid #273446 !important;
    background: rgba(0,0,0,0.20) !important;
    padding: 0 !important;
  }
  .gxd-mobile-menu-btn svg { width: 26px !important; height: 26px !important; }

  /* Bigger basket + account buttons (tap-friendly) */
  .gxd-mobile-icon {
    width: clamp(54px, 14vw, 66px) !important;
    height: clamp(54px, 14vw, 66px) !important;
    border-radius: 9999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }
  .gxd-mobile-icon svg { width: 26px !important; height: 26px !important; }

  /* Ensure the basket count badge stays positioned correctly on larger mobile buttons */
  .gxd-mobile-basket .absolute.inline-flex {
    transform: translate(25%, -25%);
  }
}

@media (min-width: 901px) { .gxd-main-nav { display: none !important; } }

/* ==================== layout.html line 5079 ==================== */
/* Mobile performance: reduce expensive paints (blur/shadows/animations) */
@media (max-width: 900px){
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
  }
  /* Stop animations on mobile — 0.001ms trick still fires frames; none does not */
  .hex-pattern,
  .glow-top,
  .glow-center,
  .animate-text-glow,
  .animate-pulse-slow,
  .animate-pulse-slower,
  .animate-ping-slow,
  .animate-float,
  .animate-blink,
  .nav-particle,
  .category-card-button::before {
    animation: none !important;
    transition: color 0.15s ease, border-color 0.15s ease !important;
  }
  /* Kill heavy shadows on mobile */
  .shadow, .shadow-sm, .shadow-md, .shadow-lg, .shadow-xl, .shadow-2xl,
  [class*="shadow"]{
    box-shadow: none !important;
  }
  /* Make sticky/fixed header cheaper to paint */
  .gxd-mobile-bar, .gxd-main-nav, .gxd-navmenu{
    background: rgba(3, 15, 28, 0.96) !important;
    box-shadow: none !important;
  }
  /* Disable snow/particle overlays */
  #snow, .snow, .snowflake, .snowflakes, [id*="snow"], [class*="snow"],
  .gxd-background-overlay, .tech-grid-overlay {
    display: none !important;
  }
}
@media (prefers-reduced-motion: reduce){
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* ==================== layout.html line 5128 ==================== */
html { scrollbar-gutter: stable both-edges; }
body { min-width: 0; }
.gxd-desktop-nav { width: 100% !important; min-height: 88px !important; height: 88px !important; position: relative !important; }
.gxd-main-nav { width: 100% !important; }
.gxd-nav-logo { width: auto !important; min-width: 0; }
.gxd-nav-logo img { display: block; max-width: 100%; height: auto; }
.gxd-nav-links { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; display: flex; align-items: center; justify-content: center; gap: 1rem; overflow: visible; }
.site-navigation, .site-navigation a, .site-navigation button { white-space: nowrap; }
.gxd-page-shell { position: relative; width: 100%; }
.gxd-page-main { position: relative; z-index: 10; width: 100%; min-width: 0; min-height: calc(100vh - 220px); }
@media (min-width: 1201px) {
  .gxd-left-rail {
    position: fixed !important;
    left: 18px !important;
    top: 148px !important;
    width: 320px !important;
    max-height: calc(100vh - 172px) !important;
    overflow: auto !important;
    padding-right: 6px !important;
    z-index: 60 !important;
  }
  .gxd-store-sidebar,
  #gxd-store-sidebar {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
  }
}
@media (max-width: 1400px) {
  .gxd-nav-links {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }
}
@media (max-width: 1200px) {
  .gxd-left-rail,
  .gxd-store-sidebar,
  #gxd-store-sidebar { display: none !important; }
}
/* ==================== GXD nav techline (restored from legacy, optimized) ====================
   Legacy version animated `left` (layout property -> main-thread reflow every frame).
   This version is compositor-only: transform translateX on a tiny 2px strip,
   contained, pointer-transparent, hidden for reduced-motion users. */
.gxd-nav-techline{
  position:absolute; left:0; right:0; bottom:0; height:2px;
  overflow:hidden; pointer-events:none; z-index:1; contain:strict;
}
.gxd-nav-techline::before{
  content:""; position:absolute; top:0; left:0; height:100%; width:34%;
  background:linear-gradient(90deg, transparent, rgba(69,230,240,.55), transparent);
  transform:translateX(-110%);
  animation:gxd-techline-sweep 12s linear infinite;
  will-change:transform;
}
@keyframes gxd-techline-sweep{ to{ transform:translateX(420%); } }
@media (prefers-reduced-motion: reduce){ .gxd-nav-techline{ display:none; } }

/* GXD performance/layout patch — review avatars must not duplicate or drift. */
.gxd-review-avatar-wrap{
  position:relative!important;
  width:68px!important;
  height:68px!important;
  flex:0 0 68px!important;
  margin-right:0!important;
  overflow:hidden!important;
  border-radius:50%!important;
}
.gxd-review-avatar-wrap .avatar{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border-radius:50%!important;
}
.gxd-review-avatar-img{
  z-index:2!important;
  object-fit:cover!important;
  background:#0B1118!important;
}
.gxd-review-avatar-fallback,
.gxd-review-avatar-fallback--under{
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:radial-gradient(circle at 30% 30%, rgba(69,230,240,.35), rgba(11,17,24,.95) 72%)!important;
  color:#fff!important;
}
.gxd-review-avatar-img.gxd-avatar-load-failed{
  opacity:0!important;
  visibility:hidden!important;
}
.gxd-reviews-hub__faces{display:none!important;}

/* Avoid expensive hover jumps on mobile and reduce heavy motion for CWV/INP. */
@media (max-width: 768px){
  .review-card:hover,.gxd-product-card:hover,.feature-card:hover,.stat-counter:hover{transform:none!important;}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
}


/* GXD v3: Reviews buttons + modal — fixes View More and 300+ Discord CTA */
#gxd-customer-reviews .gxd-reviews-hub__actions,
.gxd-reviews-hub__actions{
  position:relative;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
  pointer-events:auto;
}
.gxd-reviews-open-btn,
.gxd-reviews-discord-link{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:13px 22px;
  border-radius:999px;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:15px;
  font-weight:900;
  line-height:1;
  text-decoration:none!important;
  border:1px solid rgba(69,230,240,.55);
  cursor:pointer;
  pointer-events:auto;
  user-select:none;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;
}
.gxd-reviews-open-btn{
  color:#04111d;
  background:linear-gradient(135deg,#45E6F0 0%,#8ff4ff 100%);
  box-shadow:0 12px 28px rgba(69,230,240,.11), inset 0 1px 0 rgba(255,255,255,.45);
}
.gxd-reviews-discord-link{
  color:#dff9ff!important;
  background:rgba(11,17,24,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.gxd-reviews-open-btn:hover,
.gxd-reviews-discord-link:hover{
  transform:translateY(-2px);
  border-color:#45E6F0;
  box-shadow:0 16px 36px rgba(69,230,240,.30),0 0 0 1px rgba(69,230,240,.075) inset;
}
.gxd-reviews-open-btn:focus-visible,
.gxd-reviews-discord-link:focus-visible,
.gxd-reviews-modal__close:focus-visible{
  outline:2px solid #45E6F0;
  outline-offset:3px;
}
.gxd-reviews-open-btn svg{width:18px;height:18px;transition:transform .22s ease;}
.gxd-reviews-open-btn:hover svg{transform:translateX(3px);}
.gxd-reviews-modal[hidden]{display:none!important;}
.gxd-reviews-modal.is-open{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex!important;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.gxd-reviews-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,11,22,.86);
  backdrop-filter:blur(12px) saturate(135%);
  -webkit-backdrop-filter:blur(12px) saturate(135%);
}
.gxd-reviews-modal__panel{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100vw - 32px));
  max-height:min(86vh,920px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border-radius:28px;
  border:1px solid rgba(69,230,240,.11);
  background:linear-gradient(180deg,rgba(12,17,23,.98),rgba(2,11,22,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 55px rgba(69,230,240,.16);
}
.gxd-reviews-modal__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:24px 26px;
  border-bottom:1px solid rgba(69,230,240,.16);
  background:rgba(255,255,255,.025);
}
.gxd-reviews-modal__kicker{
  margin:0 0 7px;
  color:#45E6F0;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:900;
}
.gxd-reviews-modal__title{
  margin:0;
  color:#fff;
  font-family:Orbitron,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:clamp(1.6rem,1.2rem + 1vw,2.4rem);
  line-height:1.08;
  font-weight:900;
}
.gxd-reviews-modal__sub{
  margin:8px 0 0;
  max-width:760px;
  color:rgba(221,240,255,.78);
  line-height:1.5;
}
.gxd-reviews-modal__close{
  flex:0 0 auto;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(69,230,240,.36);
  background:rgba(11,17,24,.74);
  color:#fff;
  font-size:30px;
  line-height:1;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.gxd-reviews-modal__close:hover{background:#45E6F0;color:#04111d;transform:rotate(90deg);}
.gxd-reviews-modal__body{
  overflow:auto;
  padding:24px;
}
.gxd-reviews-modal__grid.reviews-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
body.gxd-reviews-modal-open{overflow:hidden!important;}
@media (max-width: 980px){
  .gxd-reviews-modal__grid.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 640px){
  .gxd-reviews-hub__actions{align-items:stretch;}
  .gxd-reviews-open-btn,.gxd-reviews-discord-link{width:100%;}
  .gxd-reviews-modal.is-open{padding:12px;align-items:flex-start;}
  .gxd-reviews-modal__panel{width:calc(100vw - 24px);max-height:calc(100vh - 24px);border-radius:20px;}
  .gxd-reviews-modal__head{padding:18px;}
  .gxd-reviews-modal__body{padding:16px;}
  .gxd-reviews-modal__grid.reviews-grid{grid-template-columns:1fr;}
}

/* GXD v3: package details — keep generated stat line, then show exact Tebex description */
#gxdDescContent .gxd-spec--lite{
  margin:0 0 24px;
}
#gxdDescContent .gxd-spec--lite .gxd-spec__stats{
  margin:0;
}
#gxdDescContent .gxd-original-description{
  margin-top:20px;
  padding-top:22px;
  border-top:1px solid rgba(69,230,240,.16);
  color:#d9ecff;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:clamp(15px,1.02vw,17px);
  line-height:1.72;
  letter-spacing:0;
  overflow-wrap:anywhere;
}
#gxdDescContent .gxd-original-description :is(p,ul,ol,blockquote,table,div){
  color:inherit;
}
#gxdDescContent .gxd-original-description p{
  margin:0 0 14px;
}
#gxdDescContent .gxd-original-description :is(h2,h3,h4){
  margin:22px 0 10px;
  color:#fff;
  font-family:Orbitron,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  line-height:1.2;
}
#gxdDescContent .gxd-original-description ul,
#gxdDescContent .gxd-original-description ol{
  margin:12px 0 18px 1.25rem;
  padding-left:1rem;
}
#gxdDescContent .gxd-original-description li{
  margin:7px 0;
}
#gxdDescContent .gxd-original-description a{
  color:#45E6F0;
  text-decoration:underline;
  text-underline-offset:3px;
}


/* GXD v4: package details — keep old design, but show exact Tebex description correctly */
#gxdDescContent .gxd-original-description,
.cyber-description .gxd-original-description{
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid rgba(69,230,240,.11);
  color:#d9ecff;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:16px;
  line-height:1.72;
  letter-spacing:0;
  overflow-wrap:anywhere;
}
#gxdDescContent .gxd-original-description > :first-child,
.cyber-description .gxd-original-description > :first-child{margin-top:0!important;}
#gxdDescContent .gxd-original-description p,
.cyber-description .gxd-original-description p{margin:0 0 14px;color:inherit;}
#gxdDescContent .gxd-original-description br,
.cyber-description .gxd-original-description br{line-height:1.8;}
#gxdDescContent .gxd-original-description :is(h1,h2,h3,h4,h5,h6),
.cyber-description .gxd-original-description :is(h1,h2,h3,h4,h5,h6){
  margin:24px 0 12px;
  color:#fff;
  font-family:Orbitron,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  line-height:1.2;
  letter-spacing:.02em;
}
#gxdDescContent .gxd-original-description ul,
#gxdDescContent .gxd-original-description ol,
.cyber-description .gxd-original-description ul,
.cyber-description .gxd-original-description ol{
  margin:12px 0 18px 1.35rem;
  padding-left:1rem;
}
#gxdDescContent .gxd-original-description ul,
.cyber-description .gxd-original-description ul{list-style:disc;}
#gxdDescContent .gxd-original-description ol,
.cyber-description .gxd-original-description ol{list-style:decimal;}
#gxdDescContent .gxd-original-description li,
.cyber-description .gxd-original-description li{margin:8px 0;color:inherit;padding-left:4px;}
#gxdDescContent .gxd-original-description strong,
#gxdDescContent .gxd-original-description b,
.cyber-description .gxd-original-description strong,
.cyber-description .gxd-original-description b{color:#fff;font-weight:800;}
#gxdDescContent .gxd-original-description a,
.cyber-description .gxd-original-description a{
  color:#45E6F0!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
  font-weight:700;
}
#gxdDescContent .gxd-original-description a:hover,
.cyber-description .gxd-original-description a:hover{color:#8ff7ff!important;text-shadow:0 0 10px rgba(69,230,240,.35);}
#gxdDescContent .gxd-original-description img,
.cyber-description .gxd-original-description img{max-width:100%;height:auto;border-radius:16px;}


/* GXD v5 clean-click fix: prevent legacy AJAX page popups from flashing on normal navigation. */
html.gxd-no-ajax-popups .popup.product-popup,
html.gxd-no-ajax-popups .popup.quote-popup,
html.gxd-no-ajax-popups .popup.basket-popup.popup-loading {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Keep normal package/detail/gallery buttons responsive without accidental double overlays. */
.gxd-open-lightbox, .gxd-thumb, .gxd-desc-thumb {
  touch-action: manipulation;
}

@media (prefers-reduced-motion: reduce) {
  .popup, .gxd-modal-backdrop, .gxd-lightbox {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* ============================================================
   GXD v6 package polish + homepage recent payments
   - package page stays same structure but reads more premium/pro
   - recent payments moved to homepage section under featured packages
   ============================================================ */
.gxd-package-page-pro .gxd-package-inner{
  max-width:1380px!important;
}
.gxd-package-page-pro .gxd-product-hero-grid{
  align-items:start!important;
  gap:clamp(28px,2.4vw,44px)!important;
}
.gxd-package-page-pro .gxd-product-gallery-col .relative.bg-\[\#0B1118\],
.gxd-package-page-pro #gxdMainImg{
  border-radius:22px!important;
}
.gxd-package-page-pro .gxd-product-gallery-col .relative.bg-\[\#0B1118\]{
  background:rgba(14,16,22,.94)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 0 1px rgba(69,230,240,.08) inset!important;
}
.gxd-package-page-pro .gxd-thumb{
  border-radius:16px!important;
  border:2px solid rgba(255,255,255,.1)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.3)!important;
}
.gxd-package-page-pro .gxd-thumb:hover,
.gxd-package-page-pro .gxd-thumb.active{
  border-color:#45E6F0!important;
  transform:translateY(-2px);
}
.gxd-package-page-pro .gxd-product-buy-card{
  background:rgba(15,17,23,.96)!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:24px!important;
  padding:clamp(24px,2.1vw,34px)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.45),0 0 0 1px rgba(69,230,240,.05) inset!important;
  backdrop-filter:blur(12px) saturate(130%);
  -webkit-backdrop-filter:blur(12px) saturate(130%);
}
.gxd-package-page-pro .gxd-product-buy-card .corner-accent{opacity:.45!important;}
.gxd-package-page-pro .gxd-product-value{
  color:rgba(184,244,255,.96)!important;
  font-size:clamp(16px,1.15vw,19px)!important;
  line-height:1.55!important;
  margin-bottom:18px!important;
  letter-spacing:0!important;
}
.gxd-package-page-pro .gxd-product-title{
  font-size:clamp(32px,2.2vw,44px)!important;
  line-height:1.04!important;
  letter-spacing:-.02em!important;
  font-weight:900!important;
}
.gxd-package-page-pro .tech-indicator{width:14px!important;height:14px!important;box-shadow:0 0 22px rgba(69,230,240,.55)!important;}
.gxd-package-page-pro .package-description,
.gxd-package-page-pro .gxd-top-summary-card{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:18px!important;
  padding:18px!important;
}
.gxd-package-page-pro .package-description h2{
  font-size:18px!important;
  letter-spacing:.01em!important;
}
.gxd-package-page-pro .package-description p{
  color:rgba(231,242,255,.88)!important;
  font-size:16px!important;
  line-height:1.62!important;
  letter-spacing:0!important;
}
.gxd-package-page-pro .gxd-price-box{
  background:rgba(5,7,12,.72)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  padding:18px 20px!important;
  margin-bottom:14px!important;
}
.gxd-package-page-pro .gxd-field-label{
  font-size:14px!important;
  letter-spacing:.04em!important;
  color:rgba(230,240,255,.75)!important;
  text-transform:none!important;
}
.gxd-package-page-pro .gxd-price-current{
  font-size:clamp(30px,2vw,42px)!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  color:#fff!important;
  text-shadow:0 0 18px rgba(69,230,240,.16)!important;
}
.gxd-package-page-pro .gxd-price-strike{
  color:rgba(255,255,255,.42)!important;
}
.gxd-payment-strip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:0 0 18px;
  padding:0 2px;
}
.gxd-payment-strip__label{
  flex:1 1 100%;
  color:rgba(235,243,255,.78);
  font-size:15px;
  font-weight:700;
  letter-spacing:0;
}
.gxd-payment-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:8px;
  background:#fff;
  color:#11131a;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.01em;
  box-shadow:0 8px 18px rgba(0,0,0,.22);
}
.gxd-payment-chip--more{
  background:rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,255,255,.09);
}
.gxd-package-page-pro .gxd-package-actions-pro{
  gap:12px!important;
}
.gxd-package-page-pro .gxd-package-actions-pro button{
  min-height:64px!important;
  border-radius:18px!important;
  font-size:clamp(17px,1vw,20px)!important;
  font-weight:900!important;
  letter-spacing:0!important;
  box-shadow:0 18px 38px rgba(0,0,0,.28)!important;
}
.gxd-package-page-pro .gxd-package-actions-pro form button{
  background:linear-gradient(135deg,#19a5ff 0%,#45E6F0 100%)!important;
  color:#03101c!important;
}
.gxd-package-page-pro .gxd-package-actions-pro .gift{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.gxd-package-page-pro .gxd-package-actions-pro .gift:hover{
  border-color:rgba(69,230,240,.48)!important;
  background:rgba(69,230,240,.1)!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card){
  background:rgba(15,17,23,.9)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:22px!important;
  padding:22px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) span,
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a{
  font-size:16px!important;
  line-height:1.6!important;
}
.gxd-package-page-pro #package-details{
  background:rgba(11,17,24,.82)!important;
  border:1px solid rgba(69,230,240,.11)!important;
  border-radius:24px!important;
  padding:clamp(26px,2.4vw,42px)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.32),0 0 0 1px rgba(69,230,240,.05) inset!important;
}
.gxd-package-page-pro #package-details .tech-panel-header{
  margin:calc(clamp(26px,2.4vw,42px) * -1) calc(clamp(26px,2.4vw,42px) * -1) 34px!important;
  padding:14px 20px!important;
}
.gxd-package-page-pro #package-details .tech-title{
  font-size:14px!important;
  letter-spacing:.12em!important;
}
.gxd-package-page-pro .gxd-desc-togglebar .gxd-toggle-btn{
  min-height:46px!important;
  padding:12px 18px!important;
  border-radius:14px!important;
  font-size:14px!important;
}
.gxd-package-page-pro .cyber-description,
.gxd-package-page-pro #gxdDescContent{
  color:#e2f0ff!important;
  font-size:17px!important;
  line-height:1.72!important;
  letter-spacing:0!important;
}
.gxd-package-page-pro .gxd-spec{
  font-size:17px!important;
  line-height:1.68!important;
  color:#dbeeff!important;
}
.gxd-package-page-pro .gxd-spec__intro{
  font-size:clamp(18px,1.25vw,22px)!important;
  line-height:1.55!important;
  margin-bottom:24px!important;
}
.gxd-package-page-pro .gxd-spec__stats{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:16px!important;
  margin-bottom:28px!important;
}
.gxd-package-page-pro .gxd-spec__stat{
  padding:18px 20px!important;
  border-radius:16px!important;
  background:rgba(2,11,22,.72)!important;
  border:1px solid rgba(69,230,240,.075)!important;
}
.gxd-package-page-pro .gxd-spec__stat-label{
  font-size:12px!important;
  letter-spacing:.14em!important;
  margin-bottom:9px!important;
}
.gxd-package-page-pro .gxd-spec__stat-value{
  font-size:clamp(19px,1.45vw,25px)!important;
  line-height:1.22!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.gxd-package-page-pro .gxd-spec h4,
.gxd-package-page-pro .gxd-spec__h4{
  font-size:17px!important;
  letter-spacing:.12em!important;
  margin:30px 0 15px!important;
  padding-bottom:12px!important;
}
.gxd-package-page-pro .gxd-spec__features{
  gap:10px!important;
  margin-bottom:28px!important;
}
.gxd-package-page-pro .gxd-spec__features li{
  font-size:17px!important;
  line-height:1.7!important;
  padding:8px 0 8px 30px!important;
  color:#dcecff!important;
}
.gxd-package-page-pro .gxd-spec__features li::before{
  top:9px!important;
  left:7px!important;
  color:#45E6F0!important;
}
.gxd-package-page-pro .gxd-spec__tuning-pills,
.gxd-package-page-pro .gxd-spec__badges{
  gap:10px!important;
}
.gxd-package-page-pro .gxd-spec__tuning-pill,
.gxd-package-page-pro .gxd-spec__badge{
  min-height:38px!important;
  padding:9px 14px!important;
  font-size:14px!important;
  border-radius:999px!important;
}
.gxd-package-page-pro .gxd-spec__text-summary{
  margin-top:22px!important;
  padding:16px 18px!important;
  border-left:4px solid #45E6F0!important;
  border-radius:12px!important;
  background:rgba(69,230,240,.07)!important;
  font-size:16px!important;
  line-height:1.7!important;
}
.gxd-package-page-pro #gxdDescContent .gxd-original-description,
.gxd-package-page-pro .cyber-description .gxd-original-description{
  margin-top:30px!important;
  padding-top:30px!important;
  font-size:17px!important;
  line-height:1.8!important;
  color:#e4f1ff!important;
}
.gxd-package-page-pro #gxdDescContent .gxd-original-description p,
.gxd-package-page-pro .cyber-description .gxd-original-description p{
  margin:0 0 17px!important;
}
.gxd-package-page-pro #gxdDescContent .gxd-original-description li,
.gxd-package-page-pro .cyber-description .gxd-original-description li{
  margin:10px 0!important;
  line-height:1.72!important;
}
@media (max-width: 1024px){
  .gxd-package-page-pro .gxd-product-title{font-size:32px!important;}
  .gxd-package-page-pro .gxd-product-buy-card{position:static!important;}
  .gxd-package-page-pro .gxd-payment-strip{gap:7px;}
}
@media (max-width: 640px){
  .gxd-package-page-pro .gxd-product-title{font-size:27px!important;}
  .gxd-package-page-pro .gxd-product-buy-card{padding:20px!important;border-radius:20px!important;}
  .gxd-package-page-pro .gxd-package-actions-pro button{min-height:58px!important;font-size:16px!important;}
  .gxd-package-page-pro .gxd-spec__stats{grid-template-columns:1fr!important;}
}

/* Homepage recent payments section */
.gxd-home-payments-section{
  position:relative;
  z-index:10;
  width:100%;
  padding:48px 0 54px;
  background:linear-gradient(180deg,rgba(2,8,14,.18),rgba(2,8,14,.32));
}
.gxd-home-payments-inner{
  max-width:1400px;
  margin:0 auto;
  padding:0 24px;
}
.gxd-home-payments-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}
.gxd-home-payments-kicker{
  color:#45E6F0;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.gxd-home-payments-title{
  margin:0;
  color:#fff;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:clamp(32px,2.3vw,44px);
  line-height:1.06;
  font-weight:900;
  letter-spacing:-.03em;
}
.gxd-home-payments-copy{
  margin:0;
  max-width:520px;
  color:rgba(226,238,255,.72);
  font-size:16px;
  line-height:1.6;
  text-align:right;
}
.gxd-home-payments-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:22px;
}
.gxd-home-payment-card{
  min-width:0;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  padding:22px 18px;
  border-radius:18px;
  background:rgba(18,18,24,.94);
  border:1px solid rgba(255,255,255,.055);
  box-shadow:0 22px 54px rgba(0,0,0,.26);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.gxd-home-payment-card:hover{
  transform:translateY(-4px);
  border-color:rgba(69,230,240,.11);
  box-shadow:0 28px 68px rgba(0,0,0,.34),0 0 0 1px rgba(69,230,240,.06) inset;
}
.gxd-home-payment-avatar{
  width:46px;
  height:46px;
  border-radius:14px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#242633,#101219);
  color:#45E6F0;
  font-weight:900;
  flex:0 0 auto;
}
.gxd-home-payment-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.gxd-home-payment-main{
  min-width:0;
}
.gxd-home-payment-top{
  display:flex;
  align-items:baseline;
  gap:8px;
  min-width:0;
}
.gxd-home-payment-top strong{
  display:block;
  min-width:0;
  max-width:130px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:18px;
  line-height:1.15;
  font-weight:900;
}
.gxd-home-payment-top span{
  color:rgba(235,241,255,.66);
  font-size:13px;
  white-space:nowrap;
}
.gxd-home-payment-main p{
  margin:8px 0 0;
  color:rgba(237,241,255,.58);
  font-size:15px;
  line-height:1.35;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.gxd-home-payment-badge{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 11px;
  border-radius:12px;
  background:rgba(221,118,255,.13);
  color:#f2a6ff;
  font-size:13px;
  font-weight:950;
  letter-spacing:.05em;
}
.gxd-home-payment-card--loading .gxd-home-payment-avatar,
.gxd-home-payment-line{
  background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.12),rgba(255,255,255,.06));
  background-size:200% 100%;
  animation:gxd-home-pay-shimmer 1.5s infinite linear;
}
.gxd-home-payment-line{
  height:13px;
  width:140px;
  border-radius:999px;
  margin:4px 0;
}
.gxd-home-payment-line--short{width:110px;}
@keyframes gxd-home-pay-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
#gxd-store-sidebar .widget.widget-recent,
#gxd-store-sidebar .widget.widget--recent,
#gxd-store-sidebar .widget[data-widget*="recent"],
.gxd-store-sidebar .widget.widget-recent,
.gxd-store-sidebar .widget.widget--recent,
.gxd-store-sidebar .widget[data-widget*="recent"],
.gxd-left-rail .widget.widget-recent,
.gxd-left-rail .widget.widget--recent,
.gxd-left-rail .widget[data-widget*="recent"],
.gxd-recent-payments-moved{
  display:none!important;
}
@media (max-width: 1200px){
  .gxd-home-payments-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .gxd-home-payments-head{align-items:start;flex-direction:column;}
  .gxd-home-payments-copy{text-align:left;}
}
@media (max-width: 640px){
  .gxd-home-payments-section{padding:34px 0 40px;}
  .gxd-home-payments-inner{padding:0 18px;}
  .gxd-home-payments-grid{grid-template-columns:1fr;gap:14px;}
  .gxd-home-payment-card{grid-template-columns:auto 1fr auto;padding:18px 15px;border-radius:16px;}
  .gxd-home-payment-top strong{font-size:16px;max-width:160px;}
}
.gxd-package-page-pro .gxd-package-actions-pro{display:flex!important;flex-direction:column!important;}


/* ============================================================
   GXD v7 colour fit refinement
   - package sidebar/buybox matches overall store blue/cyan palette
   - homepage recent payments matches rest of homepage sections better
   ============================================================ */
.gxd-package-page-pro .gxd-product-buy-card{
  background:linear-gradient(180deg,rgba(6,22,39,.98) 0%,rgba(4,17,33,.98) 100%)!important;
  border:1px solid rgba(69,230,240,.16)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.38),0 0 0 1px rgba(69,230,240,.08) inset,0 0 28px rgba(69,230,240,.08)!important;
}
.gxd-package-page-pro .package-description,
.gxd-package-page-pro .gxd-top-summary-card{
  background:linear-gradient(180deg,rgba(9,26,47,.92) 0%,rgba(7,20,36,.92) 100%)!important;
  border:1px solid rgba(69,230,240,.065)!important;
}
.gxd-package-page-pro .gxd-price-box{
  background:linear-gradient(180deg,rgba(3,12,23,.95) 0%,rgba(2,9,18,.95) 100%)!important;
  border:1px solid rgba(69,230,240,.050)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card){
  background:linear-gradient(180deg,rgba(7,20,37,.96) 0%,rgba(5,17,32,.96) 100%)!important;
  border:1px solid rgba(69,230,240,.075)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.22),0 0 0 1px rgba(69,230,240,.05) inset!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .tech-indicator.blue,
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .tech-indicator.cyan{
  box-shadow:0 0 18px rgba(69,230,240,.45)!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a.flex.items-center.p-3,
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a.flex.items-center.p-3.bg-\[\#0B1118\]{
  background:rgba(3,17,34,.86)!important;
  border:1px solid rgba(69,230,240,.050)!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a.flex.items-center.p-3:hover{
  background:rgba(9,31,57,.96)!important;
  border-color:rgba(69,230,240,.28)!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a .w-10.h-10.rounded-full{
  background:linear-gradient(135deg,rgba(3,20,40,.95),rgba(5,34,64,.95))!important;
  border:1px solid rgba(69,230,240,.065)!important;
}
.gxd-payment-strip{
  margin:4px 0 18px;
}
.gxd-payment-strip__label{
  color:rgba(233,245,255,.84);
}
.gxd-payment-chip{
  background:linear-gradient(180deg,rgba(11,32,58,.98),rgba(7,21,38,.98));
  color:#eef8ff;
  border:1px solid rgba(69,230,240,.16);
  box-shadow:none;
}
.gxd-payment-chip--more{
  background:rgba(69,230,240,.050);
  color:#bffcff;
  border-color:rgba(69,230,240,.24);
}

.gxd-home-payments-section{
  background:transparent;
  padding:28px 0 32px;
}
.gxd-home-payments-inner{
  max-width:1280px;
  padding:28px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(12,17,23,.95) 0%,rgba(4,18,34,.94) 100%);
  border:1px solid rgba(69,230,240,.050);
  box-shadow:0 18px 40px rgba(0,0,0,.18),0 0 0 1px rgba(69,230,240,.04) inset;
}
.gxd-home-payments-head{
  margin-bottom:22px;
}
.gxd-home-payments-copy{
  color:rgba(224,239,255,.66);
}
.gxd-home-payments-grid{
  gap:16px;
}
.gxd-home-payment-card{
  padding:18px 16px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(7,24,43,.98),rgba(5,18,33,.98));
  border:1px solid rgba(69,230,240,.050);
  box-shadow:0 14px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.02);
}
.gxd-home-payment-card:hover{
  border-color:rgba(69,230,240,.24);
  box-shadow:0 18px 34px rgba(0,0,0,.22),0 0 0 1px rgba(69,230,240,.06) inset;
}
.gxd-home-payment-avatar{
  width:44px;
  height:44px;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(7,38,70,.98),rgba(5,19,35,.98));
  border:1px solid rgba(69,230,240,.16);
  color:#9ef8ff;
}
.gxd-home-payment-badge{
  min-height:32px;
  padding:7px 10px;
  border-radius:10px;
  background:rgba(69,230,240,.050);
  border:1px solid rgba(69,230,240,.16);
  color:#baf9ff;
  letter-spacing:.02em;
}
@media (max-width:1200px){
  .gxd-home-payments-inner{padding:24px 22px;}
}
@media (max-width:640px){
  .gxd-home-payments-inner{padding:20px 16px;border-radius:20px;}
}


/* ============================================================
   GXD v8 final refinement
   - cleaner homepage recent payments section
   - tighter package sidebar sizing and better colour balance
   ============================================================ */

/* Homepage recent payments: cleaner fit */
.gxd-home-payments-section{
  padding:24px 0 30px!important;
}
.gxd-home-payments-inner{
  max-width:1300px!important;
  padding:24px 24px 22px!important;
  border-radius:22px!important;
}
.gxd-home-payments-head{
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin-bottom:18px!important;
}
.gxd-home-payments-title{
  font-size:clamp(30px,2.05vw,40px)!important;
}
.gxd-home-payments-copy{
  max-width:780px!important;
  text-align:left!important;
  font-size:15px!important;
  line-height:1.55!important;
  color:rgba(223,238,255,.64)!important;
}
.gxd-home-payments-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.gxd-home-payment-card{
  gap:12px!important;
  padding:16px 14px!important;
  min-height:88px;
}
.gxd-home-payment-avatar{
  width:42px!important;
  height:42px!important;
}
.gxd-home-payment-top strong{
  max-width:110px!important;
  font-size:17px!important;
}
.gxd-home-payment-top span{
  font-size:12px!important;
}
.gxd-home-payment-main p{
  margin-top:6px!important;
  font-size:14px!important;
}
.gxd-home-payment-badge{
  min-height:30px!important;
  padding:6px 9px!important;
  font-size:12px!important;
  border-radius:9px!important;
}
@media (max-width: 1200px){
  .gxd-home-payments-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width: 640px){
  .gxd-home-payments-inner{padding:18px 16px 18px!important;}
  .gxd-home-payments-grid{grid-template-columns:1fr!important;}
  .gxd-home-payment-top strong{max-width:150px!important;}
}

/* Package page: better size balance and colour fit */
.gxd-package-page-pro .gxd-product-hero-grid{
  gap:clamp(24px,2vw,34px)!important;
}
.gxd-package-page-pro .gxd-product-buy-card{
  background:linear-gradient(180deg,rgba(6,24,44,.97) 0%,rgba(5,18,33,.97) 100%)!important;
  border:1px solid rgba(69,230,240,.065)!important;
  border-radius:22px!important;
  padding:22px!important;
}
.gxd-package-page-pro .gxd-product-title{
  font-size:clamp(28px,2vw,38px)!important;
  line-height:1.06!important;
}
.gxd-package-page-pro .gxd-product-value{
  font-size:clamp(15px,1vw,17px)!important;
  line-height:1.52!important;
  margin-bottom:14px!important;
}
.gxd-package-page-pro .package-description,
.gxd-package-page-pro .gxd-top-summary-card{
  padding:16px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(8,30,53,.88) 0%,rgba(6,23,42,.9) 100%)!important;
  border:1px solid rgba(69,230,240,.050)!important;
}
.gxd-package-page-pro .package-description h2{
  font-size:17px!important;
}
.gxd-package-page-pro .package-description p{
  font-size:15px!important;
  line-height:1.58!important;
}
.gxd-package-page-pro .gxd-price-box{
  padding:14px 16px!important;
  border-radius:16px!important;
  margin-bottom:12px!important;
}
.gxd-package-page-pro .gxd-field-label{
  font-size:13px!important;
}
.gxd-package-page-pro .gxd-price-current{
  font-size:clamp(28px,1.85vw,38px)!important;
}
.gxd-package-page-pro .gxd-price-strike{
  font-size:15px!important;
}
.gxd-payment-strip{
  gap:7px!important;
  margin:0 0 14px!important;
}
.gxd-payment-strip__label{
  font-size:14px!important;
}
.gxd-payment-chip{
  min-height:28px!important;
  padding:5px 9px!important;
  font-size:11px!important;
  border-radius:8px!important;
}
.gxd-package-page-pro .gxd-package-actions-pro{
  gap:10px!important;
}
.gxd-package-page-pro .gxd-package-actions-pro button{
  min-height:56px!important;
  border-radius:16px!important;
  font-size:clamp(16px,1vw,18px)!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card){
  padding:18px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(6,24,44,.94) 0%,rgba(5,18,33,.94) 100%)!important;
  border:1px solid rgba(69,230,240,.065)!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) span,
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a{
  font-size:15px!important;
  line-height:1.55!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .space-y-4{
  gap:12px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .w-6.h-6.rounded-full{
  width:22px!important;height:22px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .h-3\.5.w-3\.5{
  width:12px!important;height:12px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .flex.items-center.mb-4 h2{
  font-size:24px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a.flex.items-center.p-3{
  padding:12px 14px!important;
  border-radius:12px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a .w-10.h-10.rounded-full{
  width:36px!important;height:36px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a .h-6.w-6{
  width:18px!important;height:18px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a .text-lg,
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .text-lg{
  font-size:15px!important;
}
.gxd-package-page-pro .mt-12.grid.gap-4.md\:grid-cols-3 > div,
.gxd-package-page-pro section.mt-12.rounded-xl.border.border-\[\#273446\].bg-\[\#0B1118\].p-6{
  background:linear-gradient(180deg,rgba(6,24,44,.92) 0%,rgba(5,18,33,.92) 100%)!important;
  border-color:rgba(69,230,240,.065)!important;
}
.gxd-package-page-pro .mt-12.grid.gap-4.md\:grid-cols-3 > div h2,
.gxd-package-page-pro section.mt-12.rounded-xl.border.border-\[\#273446\].bg-\[\#0B1118\].p-6 h2{
  font-size:18px!important;
}
.gxd-package-page-pro .mt-12.grid.gap-4.md\:grid-cols-3 > div p,
.gxd-package-page-pro section.mt-12.rounded-xl.border.border-\[\#273446\].bg-\[\#0B1118\].p-6 p,
.gxd-package-page-pro section.mt-12.rounded-xl.border.border-\[\#273446\].bg-\[\#0B1118\].p-6 a{
  font-size:14px!important;
  line-height:1.55!important;
}
@media (max-width:1024px){
  .gxd-package-page-pro .gxd-product-buy-card{padding:20px!important;}
}
@media (max-width:640px){
  .gxd-package-page-pro .gxd-product-title{font-size:26px!important;}
  .gxd-package-page-pro .gxd-package-actions-pro button{min-height:54px!important;font-size:16px!important;}
}


/* ============================================================
   GXD v9 final clean-up
   - remove stray hamburger/menu icon from homepage/recent payments area
   - stop legacy loading/popup flashes
   - rebalance package buy box sizes so nothing is tiny/oversized
   ============================================================ */

/* Hide stray floating hamburger/menu buttons that can appear on homepage after module moves */
body:not(.template-package) #gxd-home-recent-payments ~ .mobile-menu-toggle,
body:not(.template-package) #gxd-home-recent-payments ~ .hamburger,
body:not(.template-package) #gxd-home-recent-payments ~ .menu-toggle,
body:not(.template-package) #gxd-home-recent-payments ~ [aria-label="Menu"],
body:not(.template-package) #gxd-home-recent-payments ~ [aria-label="Open menu"],
body:not(.template-package).gxd-home-has-payments-section .mobile-menu-toggle,
body:not(.template-package).gxd-home-has-payments-section .hamburger,
body:not(.template-package).gxd-home-has-payments-section .menu-toggle,
body:not(.template-package).gxd-home-has-payments-section button[aria-label="Menu"],
body:not(.template-package).gxd-home-has-payments-section button[aria-label="Open menu"]{
  display:none!important;
}

/* Keep only real navigation menu buttons visible inside the header/nav */
header .mobile-menu-toggle,
nav .mobile-menu-toggle,
.gxd-nav .mobile-menu-toggle,
.site-header .mobile-menu-toggle,
header .hamburger,
nav .hamburger,
.gxd-nav .hamburger,
.site-header .hamburger,
header .menu-toggle,
nav .menu-toggle,
.gxd-nav .menu-toggle,
.site-header .menu-toggle{
  display:inline-flex!important;
}

/* Stop old popup/loading UI flashing for less than a second on page clicks */
.popup-loading,
.popup-overlay.loading,
.ajax-loading,
.modal-loading,
.gxd-popup-loading,
.gxd-ajax-loading,
#popup-loading,
#ajax-loading,
#loading-popup,
#quickViewPopup,
#loginPopup,
#basketPopup,
.gxd-legacy-popup,
.gxd-quick-view-popup{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Make homepage recent payments cleaner and avoid cramped cut-off cards */
.gxd-home-payments-section{
  padding:22px 0 28px!important;
}
.gxd-home-payments-inner{
  max-width:1260px!important;
  padding:24px!important;
  border-radius:22px!important;
}
.gxd-home-payments-kicker{
  font-size:11px!important;
  letter-spacing:.17em!important;
  margin-bottom:8px!important;
}
.gxd-home-payments-title{
  font-size:clamp(29px,2vw,38px)!important;
}
.gxd-home-payments-copy{
  font-size:14px!important;
  max-width:600px!important;
}
.gxd-home-payments-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
}
.gxd-home-payment-card{
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:10px!important;
  min-height:82px!important;
  padding:14px 12px!important;
  overflow:hidden!important;
}
.gxd-home-payment-avatar{
  width:40px!important;
  height:40px!important;
  border-radius:11px!important;
}
.gxd-home-payment-top{
  gap:6px!important;
}
.gxd-home-payment-top strong{
  max-width:90px!important;
  font-size:15px!important;
}
.gxd-home-payment-top span{
  font-size:11px!important;
}
.gxd-home-payment-main p{
  font-size:12px!important;
  line-height:1.25!important;
  max-width:100%!important;
}
.gxd-home-payment-badge{
  min-width:42px!important;
  min-height:28px!important;
  padding:5px 8px!important;
  font-size:11px!important;
}
@media (max-width:1350px){
  .gxd-home-payments-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .gxd-home-payment-top strong{max-width:105px!important;}
}
@media (max-width:1100px){
  .gxd-home-payments-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .gxd-home-payment-top strong{max-width:180px!important;}
}
@media (max-width:640px){
  .gxd-home-payments-grid{grid-template-columns:1fr!important;}
  .gxd-home-payment-card{grid-template-columns:42px minmax(0,1fr) auto!important;}
  .gxd-home-payment-avatar{width:42px!important;height:42px!important;}
  .gxd-home-payment-top strong{max-width:180px!important;}
}

/* Package page buy box: professional, consistent size scale */
.gxd-package-page-pro .gxd-product-buy-card{
  max-width:100%!important;
  padding:20px 22px!important;
  border-radius:20px!important;
}
.gxd-package-page-pro .gxd-product-value{
  font-size:16px!important;
  line-height:1.45!important;
  margin-bottom:14px!important;
}
.gxd-package-page-pro .gxd-product-title{
  font-size:clamp(30px,1.85vw,36px)!important;
  line-height:1.08!important;
  margin-bottom:14px!important;
}
.gxd-package-page-pro .tech-indicator{
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
}
.gxd-package-page-pro .package-description,
.gxd-package-page-pro .gxd-top-summary-card{
  padding:15px 16px!important;
  border-radius:15px!important;
}
.gxd-package-page-pro .package-description h2,
.gxd-package-page-pro .gxd-top-summary-card h2{
  font-size:16px!important;
  line-height:1.25!important;
  margin-bottom:9px!important;
}
.gxd-package-page-pro .package-description p,
.gxd-package-page-pro .gxd-top-summary-card p{
  font-size:15px!important;
  line-height:1.55!important;
}
.gxd-package-page-pro .package-description .grid,
.gxd-package-page-pro .gxd-top-summary-card .grid{
  gap:8px!important;
}
.gxd-package-page-pro .package-description .text-xs,
.gxd-package-page-pro .gxd-top-summary-card .text-xs,
.gxd-package-page-pro .package-description span,
.gxd-package-page-pro .gxd-top-summary-card span{
  font-size:11px!important;
  line-height:1.25!important;
}
.gxd-package-page-pro .package-description a,
.gxd-package-page-pro .gxd-top-summary-card a{
  font-size:12px!important;
  line-height:1.2!important;
  padding:7px 10px!important;
  border-radius:7px!important;
}
.gxd-package-page-pro .gxd-price-box{
  min-height:58px!important;
  padding:12px 16px!important;
  border-radius:15px!important;
}
.gxd-package-page-pro .gxd-price-current{
  font-size:clamp(28px,1.65vw,34px)!important;
}
.gxd-package-page-pro .gxd-price-strike{
  font-size:13px!important;
}
.gxd-package-page-pro .gxd-field-label{
  font-size:13px!important;
}
.gxd-payment-strip{
  gap:6px!important;
  margin:0 0 13px!important;
}
.gxd-payment-strip__label{
  font-size:13px!important;
  line-height:1.2!important;
}
.gxd-payment-chip{
  min-height:27px!important;
  padding:5px 8px!important;
  font-size:11px!important;
  border-radius:7px!important;
}
.gxd-package-page-pro .gxd-package-actions-pro{
  gap:9px!important;
}
.gxd-package-page-pro .gxd-package-actions-pro button{
  min-height:54px!important;
  padding:13px 16px!important;
  border-radius:15px!important;
  font-size:17px!important;
  line-height:1.15!important;
}
.gxd-package-page-pro .gxd-package-actions-pro button svg{
  width:17px!important;
  height:17px!important;
  margin-right:8px!important;
}

/* Package side feature/support panels: same scale and colour balance */
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card){
  padding:16px!important;
  border-radius:17px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .space-y-4 > * + *{
  margin-top:10px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) span,
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a{
  font-size:14px!important;
  line-height:1.5!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .text-lg,
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .future-tech-font-sub{
  font-size:14px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .w-6.h-6.rounded-full{
  width:20px!important;
  height:20px!important;
  margin-right:10px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .h-3\.5.w-3\.5{
  width:11px!important;
  height:11px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .flex.items-center.mb-4{
  margin-bottom:12px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .flex.items-center.mb-4 h2{
  font-size:22px!important;
  line-height:1.2!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a.flex.items-center.p-3{
  padding:11px 13px!important;
  min-height:52px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a .w-10.h-10.rounded-full{
  width:34px!important;
  height:34px!important;
  margin-right:10px!important;
}

/* Lower package info cards less oversized */
.gxd-package-page-pro .mt-12.grid.gap-4.md\:grid-cols-3{
  gap:14px!important;
}
.gxd-package-page-pro .mt-12.grid.gap-4.md\:grid-cols-3 > div{
  padding:16px!important;
  border-radius:14px!important;
}
.gxd-package-page-pro .mt-12.grid.gap-4.md\:grid-cols-3 > div .text-sm.uppercase{
  font-size:10px!important;
}
.gxd-package-page-pro .mt-12.grid.gap-4.md\:grid-cols-3 > div h2{
  font-size:16px!important;
  margin-top:7px!important;
}
.gxd-package-page-pro .mt-12.grid.gap-4.md\:grid-cols-3 > div p{
  font-size:13px!important;
  margin-top:7px!important;
}

/* Mobile keeps size readable without huge blocks */
@media (max-width:640px){
  .gxd-package-page-pro .gxd-product-buy-card{padding:18px!important;}
  .gxd-package-page-pro .gxd-product-title{font-size:27px!important;}
  .gxd-package-page-pro .gxd-product-value{font-size:15px!important;}
  .gxd-package-page-pro .gxd-package-actions-pro button{min-height:52px!important;font-size:16px!important;}
  .gxd-payment-chip{font-size:10.5px!important;padding:5px 7px!important;}
}


/* ============================================================
   GXD v10 final scale + category load cleanup
   - reduce package side/description text by about 5%
   - suppress legacy category-page toast/popup flashes
   ============================================================ */
html.gxd-category-page .toaster,
body.template-category .toaster,
html.gxd-category-page .toast,
body.template-category .toast,
html.gxd-category-page .popup-loading,
body.template-category .popup-loading,
html.gxd-category-page .product-popup,
body.template-category .product-popup,
html.gxd-category-page .login-popup,
body.template-category .login-popup,
html.gxd-category-page .basket-popup,
body.template-category .basket-popup{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Keep page transitions clean: no brief fixed overlays on normal browsing pages */
html.gxd-no-ajax-popups .popup-loading,
html.gxd-no-ajax-popups .product-popup.popup-loading,
html.gxd-no-ajax-popups .login-popup.popup-loading,
html.gxd-no-ajax-popups .basket-popup.popup-loading,
html.gxd-no-ajax-popups .quote-popup.popup-loading{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Package page: 5% smaller refinement on the parts made bigger */
.gxd-package-page-pro .gxd-product-value{
  font-size:15.2px!important;
  line-height:1.45!important;
}
.gxd-package-page-pro .gxd-product-title{
  font-size:clamp(28.5px,1.76vw,34.2px)!important;
}
.gxd-package-page-pro .package-description h2,
.gxd-package-page-pro .gxd-top-summary-card h2{
  font-size:15.2px!important;
}
.gxd-package-page-pro .package-description p,
.gxd-package-page-pro .gxd-top-summary-card p{
  font-size:14.25px!important;
  line-height:1.53!important;
}
.gxd-package-page-pro .package-description .text-xs,
.gxd-package-page-pro .gxd-top-summary-card .text-xs,
.gxd-package-page-pro .package-description span,
.gxd-package-page-pro .gxd-top-summary-card span{
  font-size:10.5px!important;
}
.gxd-package-page-pro .package-description a,
.gxd-package-page-pro .gxd-top-summary-card a{
  font-size:11.4px!important;
}
.gxd-package-page-pro .gxd-field-label{
  font-size:12.3px!important;
}
.gxd-package-page-pro .gxd-price-current{
  font-size:clamp(26.6px,1.56vw,32.3px)!important;
}
.gxd-payment-strip__label{
  font-size:12.3px!important;
}
.gxd-payment-chip{
  font-size:10.45px!important;
  min-height:26px!important;
}
.gxd-package-page-pro .gxd-package-actions-pro button{
  min-height:51px!important;
  font-size:16.15px!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) span,
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) a,
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .text-lg,
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .future-tech-font-sub{
  font-size:13.3px!important;
  line-height:1.48!important;
}
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card) .flex.items-center.mb-4 h2{
  font-size:20.9px!important;
}
.gxd-package-page-pro .gxd-spec,
.gxd-package-page-pro .cyber-description,
.gxd-package-page-pro #gxdDescContent{
  font-size:16.1px!important;
  line-height:1.68!important;
}
.gxd-package-page-pro .gxd-spec__intro{
  font-size:clamp(17.1px,1.18vw,20.9px)!important;
}
.gxd-package-page-pro .gxd-spec__features li{
  font-size:16.1px!important;
  line-height:1.62!important;
}
.gxd-package-page-pro .gxd-spec__stat-value{
  font-size:clamp(18px,1.37vw,23.7px)!important;
}
.gxd-package-page-pro .gxd-spec__tuning-pill,
.gxd-package-page-pro .gxd-spec__badge{
  font-size:13.3px!important;
  min-height:36px!important;
}
.gxd-package-page-pro #gxdDescContent .gxd-original-description,
.gxd-package-page-pro .cyber-description .gxd-original-description{
  font-size:16.1px!important;
  line-height:1.72!important;
}
.gxd-package-page-pro .mt-12.grid.gap-4.md\:grid-cols-3 > div h2{
  font-size:15.2px!important;
}
.gxd-package-page-pro .mt-12.grid.gap-4.md\:grid-cols-3 > div p,
.gxd-package-page-pro section.mt-12.rounded-xl.border.border-\[\#273446\].bg-\[\#0B1118\].p-6 p,
.gxd-package-page-pro section.mt-12.rounded-xl.border.border-\[\#273446\].bg-\[\#0B1118\].p-6 a{
  font-size:12.35px!important;
}
@media (max-width:640px){
  .gxd-package-page-pro .gxd-product-title{font-size:25.5px!important;}
  .gxd-package-page-pro .gxd-product-value{font-size:14.25px!important;}
  .gxd-package-page-pro .gxd-package-actions-pro button{font-size:15.2px!important;min-height:50px!important;}
}


/* ============================================================
   GXD v13 cleanup
   - remove feature panel from package sidebar
   - larger payment chips with small logos/symbols
   - hide any brief load flashes on package/category navigation
   ============================================================ */

/* Hide brief legacy notifications/popups only during clean navigation into category/package pages */
html.gxd-nav-clean-load .toaster,
html.gxd-nav-clean-load .toast,
html.gxd-nav-clean-load .notification-container,
html.gxd-nav-clean-load .notification,
html.gxd-nav-clean-load .popup-loading,
html.gxd-nav-clean-load .product-popup,
html.gxd-nav-clean-load .login-popup,
html.gxd-nav-clean-load .basket-popup,
html.gxd-nav-clean-load .quote-popup,
html.gxd-nav-clean-load .popup,
html.gxd-nav-clean-load .popup-scroll-cont,
html.gxd-nav-clean-load #popup-loading,
html.gxd-nav-clean-load #ajax-loading,
body.template-category .notification-container,
body.template-package .notification-container{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Package sidebar sizing refinement after removing feature panel */
.gxd-package-page-pro .gxd-product-buy-col > .bg-\[\#0B1118\]:not(.gxd-product-buy-card){
  margin-top:0!important;
}
.gxd-package-page-pro .gxd-product-buy-card{margin-bottom:18px!important;}

/* Payment chips: a bit larger, more polished, with small symbols */
.gxd-payment-strip{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  margin:2px 0 14px!important;
}
.gxd-payment-strip__label{
  width:100%!important;
  margin-bottom:4px!important;
  font-size:13px!important;
  color:rgba(230,245,255,.86)!important;
}
.gxd-payment-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:31px!important;
  padding:6px 10px!important;
  border-radius:9px!important;
  font-size:11.75px!important;
  line-height:1!important;
  font-weight:700!important;
  background:linear-gradient(180deg,rgba(8,28,50,.98),rgba(5,19,35,.98))!important;
  border:1px solid rgba(69,230,240,.16)!important;
  color:#eef8ff!important;
}
.gxd-payment-chip__icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:16px!important;
  height:16px!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
}
.gxd-payment-chip__text{display:inline-block!important;}
.gxd-payment-chip--paypal .gxd-payment-chip__icon{color:#7cc8ff!important;}
.gxd-payment-chip--card .gxd-payment-chip__icon{font-size:11px!important;}
.gxd-payment-chip--visa .gxd-payment-chip__icon{color:#6fb8ff!important;letter-spacing:-.02em!important;}
.gxd-payment-chip--mastercard .gxd-payment-chip__icon{color:#ffb26b!important;font-size:9px!important;}
.gxd-payment-chip--sepa .gxd-payment-chip__icon{color:#9df5ff!important;font-size:12px!important;}
.gxd-payment-chip--more{
  background:rgba(69,230,240,.050)!important;
  color:#bffcff!important;
  border-color:rgba(69,230,240,.24)!important;
}

/* Slightly tidier support block after features panel removal */
.gxd-package-page-pro .gxd-product-buy-col .bg-\[\#0B1118\] .future-tech-font-title,
.gxd-package-page-pro .gxd-product-buy-col .bg-\[\#0B1118\] h2{
  font-size:20px!important;
}
.gxd-package-page-pro .gxd-product-buy-col .bg-\[\#0B1118\] a.flex.items-center.p-3{
  min-height:50px!important;
}

@media (max-width:640px){
  .gxd-payment-chip{min-height:30px!important;padding:6px 9px!important;font-size:11px!important;}
}


/* ============================================================
   GXD v14 package description dedupe
   - hide/remove upper buy-box summary so lower Package Details
     remains the only main package description area
   ============================================================ */
.gxd-package-page-pro .gxd-product-buy-card .package-description,
.gxd-package-page-pro .gxd-product-buy-card .gxd-top-summary-card,
.gxd-package-page-pro .gxd-product-buy-card [data-gxd-summary-card]{
  display:none!important;
}
.gxd-package-page-pro #package-details{
  margin-top:clamp(28px,3vw,48px)!important;
}


/* ============================================================
   GXD v15 audit fix pack
   - anchor-text audit cleanup
   - hard suppress browse/product flash overlays
   - keep package description single-source in lower Package Details
   ============================================================ */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
html.gxd-category-page .toaster,
html.gxd-package-page .toaster,
body.template-category .toaster,
body.template-package .toaster,
html.gxd-category-page .toast,
html.gxd-package-page .toast,
body.template-category .toast,
body.template-package .toast,
html.gxd-category-page .notification-container,
html.gxd-package-page .notification-container,
body.template-category .notification-container,
body.template-package .notification-container,
html.gxd-category-page .notification,
html.gxd-package-page .notification,
body.template-category .notification,
body.template-package .notification,
html.gxd-category-page .popup,
html.gxd-package-page .popup,
body.template-category .popup,
body.template-package .popup,
html.gxd-category-page .popup-scroll-cont,
html.gxd-package-page .popup-scroll-cont,
body.template-category .popup-scroll-cont,
body.template-package .popup-scroll-cont,
html.gxd-category-page .product-popup,
html.gxd-package-page .product-popup,
body.template-category .product-popup,
body.template-package .product-popup,
html.gxd-category-page .login-popup,
html.gxd-package-page .login-popup,
body.template-category .login-popup,
body.template-package .login-popup,
html.gxd-category-page .basket-popup,
html.gxd-package-page .basket-popup,
body.template-category .basket-popup,
body.template-package .basket-popup,
html.gxd-category-page .quote-popup,
html.gxd-package-page .quote-popup,
body.template-category .quote-popup,
body.template-package .quote-popup{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.gxd-package-page-pro .gxd-product-buy-card .package-description,
.gxd-package-page-pro .gxd-product-buy-card .gxd-top-summary-card,
.gxd-package-page-pro .gxd-product-buy-card [data-gxd-summary-card]{display:none!important;}


/* GXD v36 FULL COLOUR REWORK START
   v33 layout/nav retained; colours replaced to match new GXD graphite/cyan/white branding.
*/
:root{
  --gxd-black:#05070A;
  --gxd-graphite:#0B1118;
  --gxd-graphite-2:#0B1A2B;
  --gxd-border:#273446;
  --gxd-cyan:#45E6F0;
  --gxd-blue:#2F6BFF;
  --gxd-muted:#C7D0DA;
  --gxd-white:#F7FAFC;
}

html body,
.gxd-background-overlay,
.blue-background-overlay{
  background:
    radial-gradient(circle at 50% -12%, rgba(69,230,240,.035), transparent 30%),
    radial-gradient(circle at 84% 12%, rgba(47,107,255,.020), transparent 28%),
    linear-gradient(180deg, #151A21 0%, #080B10 38%, #05070A 100%) !important;
  color:var(--gxd-white) !important;
}

.gxd-desktop-nav,
.gxd-main-nav,
.gxd-main-nav > div{
  background:linear-gradient(90deg, #05070A 0%, #0B1A2B 50%, #05070A 100%) !important;
  border-color:rgba(69,230,240,.62) !important;
}

.gxd-nav-logo img,
.gxd-mobile-logo{
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  aspect-ratio: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;}

.product-card,
.package-card,
.category-card,
.gxd-card,
.gxd-product-buy-card,
.gxd-product-info-card,
.gxd-sections-hub,
.policy-content,
.policy-section,
.checkout-container,
.username-container,
.widget,
.module,
#products-grid > *,
.home-featured-module-grid > *,
.layout-grid > *,
details{
  background:linear-gradient(180deg, rgba(20,26,33,.96), rgba(9,12,17,.96)) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.40), 0 0 18px rgba(69,230,240,.08) !important;
}

.cta-button,
.add-to-basket-button,
button[type="submit"],
a[href*="/checkout"],
.gxd-grid-btn.is-active,
.gxd-grid-btn:hover{
  background:linear-gradient(135deg, #45E6F0 0%, #2F8BFF 48%, #2F6BFF 100%) !important;
  color:#031016 !important;
  border-color:rgba(255,255,255,.20) !important;
  box-shadow:0 14px 30px rgba(47,107,255,.090), 0 0 22px rgba(69,230,240,.095) !important;
}
/* GXD v36 FULL COLOUR REWORK END */




/* GXD v39 PREMIUM BLUE GRAPHITE SYSTEM START
   Consistent palette:
   background #05070A / panels #0B1118 + #0B1A2B
   text #F7FAFC / muted #C7D0DA
   accent #45E6F0
   CTA #2F6BFF
*/
:root{
  --gxd-bg:#05070A;
  --gxd-bg-2:#080B10;
  --gxd-panel:#0B1118;
  --gxd-panel-blue:#0B1A2B;
  --gxd-panel-blue-2:#0E243A;
  --gxd-border:#273446;
  --gxd-text:#F7FAFC;
  --gxd-muted:#C7D0DA;
  --gxd-cyan:#45E6F0;
  --gxd-blue:#2F6BFF;
  --gxd-blue-2:#2F8BFF;
}

html body,
.gxd-background-overlay,
.blue-background-overlay{
  background: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%) !important;
  color:var(--gxd-text) !important;
}

.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;
}

.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-shell,
.gxd-home-payments-inner,
.gxd-home-payment-card,
.home-final-panel,
.highlight-panel,
.gxd-reviews-hub,
.gxd-review-card,
.review-card,
.customer-review-card{
  background:linear-gradient(135deg, rgba(8,11,16,.98) 0%, rgba(11,26,43,.96) 48%, rgba(8,11,16,.98) 100%) !important;
  border-color:rgba(69,230,240,.22) !important;
  color:var(--gxd-text) !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;
}

.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;
  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;
}

.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:linear-gradient(135deg, #45E6F0 0%, #2F8BFF 50%, #2F6BFF 100%) !important;
  color:#FFFFFF !important;
  border-color:rgba(255,255,255,.20) !important;
  text-shadow:0 1px 8px rgba(0,0,0,.28) !important;
  box-shadow:0 14px 30px rgba(47,107,255,.22), 0 0 20px rgba(69,230,240,.16) !important;
}

button:not([type="submit"]),
a:not([href*="/checkout"]).gxd-grid-btn,
.gxd-grid-btn,
.btn-secondary,
.gift-button,
.home-main-button--ghost,
a[href*="category"]{
  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;
}

.gxd-nav-logo img,
.gxd-mobile-logo{
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  aspect-ratio: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;}
/* GXD v39 PREMIUM BLUE GRAPHITE SYSTEM END */










/* GXD v59 EXACT V51 STABLE NAV PERFORMANCE START */

/* Two small transform-only layers replace the old 60-element particle system. */
#gxd-v59-cosmic-drift {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  pointer-events: none !important;
  z-index: 18 !important;
  contain: strict !important;
}

#gxd-v59-cosmic-drift .gxd-v59-cosmic-layer {
  position: absolute !important;
  top: -100vh !important;
  left: 0 !important;
  width: 100% !important;
  height: 200vh !important;
  display: block !important;
  pointer-events: none !important;
  background-repeat: repeat !important;
  will-change: transform !important;
}

#gxd-v59-cosmic-drift .gxd-v59-cosmic-a {
  opacity: 0.60 !important;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.84) 0px, rgba(255,255,255,0.84) 1px, transparent 2px),
    radial-gradient(circle, rgba(69,230,240,0.72) 0px, rgba(69,230,240,0.72) 1px, transparent 2px),
    radial-gradient(circle, rgba(154,248,255,0.54) 0px, rgba(154,248,255,0.54) 1px, transparent 2px) !important;
  background-size: 200px 200px, 285px 285px, 365px 365px !important;
  background-position: 24px 38px, 118px 150px, 202px 62px !important;
  animation: gxd-v59-cosmic-fall-a 24s linear infinite !important;
}

#gxd-v59-cosmic-drift .gxd-v59-cosmic-b {
  opacity: 0.34 !important;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.56) 0px, rgba(255,255,255,0.56) 2px, transparent 3px),
    radial-gradient(circle, rgba(47,107,255,0.50) 0px, rgba(47,107,255,0.50) 1px, transparent 3px),
    radial-gradient(circle, rgba(69,230,240,0.56) 0px, rgba(69,230,240,0.56) 2px, transparent 4px) !important;
  background-size: 450px 450px, 590px 590px, 750px 750px !important;
  background-position: 190px 88px, 38px 300px, 395px 445px !important;
  animation: gxd-v59-cosmic-fall-b 40s linear infinite !important;
}

@keyframes gxd-v59-cosmic-fall-a {
  0%   { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(20px, 100vh, 0); }
}

@keyframes gxd-v59-cosmic-fall-b {
  0%   { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-26px, 100vh, 0); }
}

/* Navigation/footer cover the background particles. */
.gxd-desktop-nav,
.gxd-main-nav,
#header-spacer {
  position: relative !important;
  z-index: 100 !important;
}

footer,
.enhanced-footer {
  position: relative !important;
  z-index: 80 !important;
}

/* Normal nav items are clean text — no permanent rectangle. */
.gxd-desktop-nav .gxd-nav-links .gxd-nav-item {
  appearance: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #C7D0DA !important;
  padding: 11px 15px !important;
  line-height: 1.15 !important;
  transition:
    color 100ms ease,
    background-color 100ms ease,
    border-color 100ms ease,
    box-shadow 100ms ease !important;
}

.gxd-desktop-nav .gxd-nav-links .gxd-nav-item:hover {
  background: rgba(69,230,240,0.055) !important;
  border-color: rgba(69,230,240,0.28) !important;
  box-shadow: 0 0 12px rgba(69,230,240,0.08) !important;
  color: #FFFFFF !important;
}

/* Current page gets the rounded cyan pill. */
.gxd-desktop-nav .gxd-nav-links .gxd-nav-item.gxd-nav-current,
.gxd-desktop-nav .gxd-nav-links .gxd-nav-item[aria-current="page"] {
  background: linear-gradient(135deg, rgba(11,26,43,0.90), rgba(8,11,16,0.84)) !important;
  border-color: rgba(69,230,240,0.76) !important;
  border-radius: 999px !important;
  box-shadow:
    0 0 17px rgba(69,230,240,0.17),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
  color: #FFFFFF !important;
}

.gxd-desktop-nav .gxd-nav-links .gxd-nav-item:active {
  background: rgba(11,26,43,0.96) !important;
  border-color: rgba(69,230,240,0.95) !important;
  box-shadow: 0 0 20px rgba(69,230,240,0.24) !important;
  color: #FFFFFF !important;
}

.gxd-desktop-nav .gxd-nav-links .gxd-nav-item:focus-visible {
  outline: 2px solid rgba(154,248,255,0.88) !important;
  outline-offset: 3px !important;
}

.gxd-desktop-nav .gxd-nav-links .gxd-nav-item svg {
  color: currentColor !important;
}

/* Transform-only logo breathing. */
@media (min-width: 901px) {
  .gxd-desktop-nav .gxd-nav-logo img,
  .gxd-desktop-nav .gxd-nav-logo img.h-24 {
    transform-origin: center center !important;
    animation: gxd-v59-logo-breathe 4.2s ease-in-out infinite !important;
    will-change: transform !important;
  }
}

@keyframes gxd-v59-logo-breathe {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.065); }
}

@media (prefers-reduced-motion: reduce) {
  #gxd-v59-cosmic-drift .gxd-v59-cosmic-layer,
  .gxd-desktop-nav .gxd-nav-logo img,
  .gxd-desktop-nav .gxd-nav-logo img.h-24 {
    animation: none !important;
    will-change: auto !important;
  }
}

/* GXD v59 EXACT V51 STABLE NAV PERFORMANCE END */



/* GXD v60 NAV SPACING NO MODULE TOGGLE START */

/* The old module toggle is permanently removed. This safety rule also
   prevents an old cached button from briefly appearing during navigation. */
#gxd-modules-toggle {
  display: none !important;
}

/* Keep the current v59 navigation exactly as styled, but reserve a clear
   space around the centred logo. The row remains centred, so the first
   group moves slightly left and the second group moves slightly right. */
@media (min-width: 1401px) {
  .gxd-desktop-nav .gxd-nav-links {
    gap: clamp(10px, 0.9vw, 18px) !important;
  }

  .gxd-desktop-nav .gxd-nav-links > :nth-child(5) {
    margin-left: clamp(86px, 6vw, 104px) !important;
  }
}

/* GXD v60 NAV SPACING NO MODULE TOGGLE END */



/* GXD v61 AUDIT SEO PERF ACCESSIBILITY START */

/* Accessibility: visible skip link and stronger main focus target. */
.gxd-skip-link {
  position: fixed !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 999999 !important;
  transform: translateY(-140%) !important;
  background: #061A2B !important;
  color: #FFFFFF !important;
  border: 2px solid #45E6F0 !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 0 18px rgba(69,230,240,0.35) !important;
}

.gxd-skip-link:focus {
  transform: translateY(0) !important;
  outline: 3px solid rgba(154,248,255,0.95) !important;
  outline-offset: 3px !important;
}

#main-content:focus {
  outline: none !important;
}

/* Lighthouse accessibility: text links should not rely on colour alone.
   Buttons, nav, cards and checkout CTAs are excluded to preserve design. */
.gxd-page-main a:not(.gxd-nav-item):not(.animated-button):not(.gxd-grid-btn):not(.cta-button):not(.home-main-button):not(.package-card):not([href*="/checkout"]):not([class*="button"]),
.policy-page a,
.terms-page a,
.refund-policy a,
footer .footer-link {
  text-decoration-line: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  text-decoration-color: rgba(69,230,240,0.55) !important;
}

.gxd-page-main a:hover,
.policy-page a:hover,
.terms-page a:hover,
.refund-policy a:hover,
footer .footer-link:hover {
  text-decoration-thickness: 2px !important;
  text-decoration-color: rgba(154,248,255,0.95) !important;
}

/* Keep checkout/add URLs visually unchanged even though they now carry nofollow. */
a[rel~="nofollow"][href*="/checkout/packages/"] {
  text-decoration: none !important;
}

/* GXD v61 AUDIT SEO PERF ACCESSIBILITY END */



/* GXD v62 CHECKOUT REMOVE BUTTON FIX START */

/* Checkout remove item button: replace the default blue browser/Tebex square
   with a small premium circular GXD button. */
.gxd-checkout-page a[href*="/checkout/packages/remove"],
.gxd-checkout-page .gxd-checkout-remove,
.gxd-checkout-page .remove,
.gxd-checkout-page .remove-item,
.gxd-checkout-page .btn-remove,
.gxd-checkout-page .btn-close,
.gxd-checkout-page button[aria-label*="Remove"],
.gxd-checkout-page button[title*="Remove"],
.gxd-checkout-page a[aria-label*="Remove"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(69, 230, 240, 0.70) !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(69,230,240,0.22), rgba(47,107,255,0.10) 48%, rgba(4,8,13,0.92) 100%) !important;
  color: #9AF8FF !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  box-shadow:
    0 0 14px rgba(69,230,240,0.18),
    inset 0 1px 0 rgba(255,255,255,0.10) !important;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background-color 120ms ease,
    box-shadow 120ms ease,
    color 120ms ease !important;
  cursor: pointer !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Make sure old icon/text is replaced consistently. */
.gxd-checkout-page a[href*="/checkout/packages/remove"] *,
.gxd-checkout-page .gxd-checkout-remove *,
.gxd-checkout-page .remove *,
.gxd-checkout-page .remove-item *,
.gxd-checkout-page .btn-remove *,
.gxd-checkout-page .btn-close * {
  display: none !important;
}

.gxd-checkout-page a[href*="/checkout/packages/remove"]::before,
.gxd-checkout-page .gxd-checkout-remove::before,
.gxd-checkout-page .remove::before,
.gxd-checkout-page .remove-item::before,
.gxd-checkout-page .btn-remove::before,
.gxd-checkout-page .btn-close::before,
.gxd-checkout-page button[aria-label*="Remove"]::before,
.gxd-checkout-page button[title*="Remove"]::before,
.gxd-checkout-page a[aria-label*="Remove"]::before {
  content: "×" !important;
  display: block !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  color: #9AF8FF !important;
  transform: translateY(-1px) !important;
}

.gxd-checkout-page a[href*="/checkout/packages/remove"]:hover,
.gxd-checkout-page .gxd-checkout-remove:hover,
.gxd-checkout-page .remove:hover,
.gxd-checkout-page .remove-item:hover,
.gxd-checkout-page .btn-remove:hover,
.gxd-checkout-page .btn-close:hover,
.gxd-checkout-page button[aria-label*="Remove"]:hover,
.gxd-checkout-page button[title*="Remove"]:hover,
.gxd-checkout-page a[aria-label*="Remove"]:hover {
  transform: scale(1.05) !important;
  border-color: rgba(154,248,255,0.95) !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(69,230,240,0.32), rgba(47,107,255,0.18) 48%, rgba(4,8,13,0.95) 100%) !important;
  box-shadow:
    0 0 18px rgba(69,230,240,0.32),
    0 10px 20px rgba(0,0,0,0.30),
    inset 0 1px 0 rgba(255,255,255,0.12) !important;
  color: #FFFFFF !important;
}

.gxd-checkout-page a[href*="/checkout/packages/remove"]:active,
.gxd-checkout-page .gxd-checkout-remove:active,
.gxd-checkout-page .remove:active,
.gxd-checkout-page .remove-item:active,
.gxd-checkout-page .btn-remove:active,
.gxd-checkout-page .btn-close:active,
.gxd-checkout-page button[aria-label*="Remove"]:active,
.gxd-checkout-page button[title*="Remove"]:active,
.gxd-checkout-page a[aria-label*="Remove"]:active {
  transform: scale(0.94) !important;
  border-color: rgba(69,230,240,1) !important;
  box-shadow:
    0 0 12px rgba(69,230,240,0.26),
    inset 0 2px 8px rgba(0,0,0,0.35) !important;
}

.gxd-checkout-page a[href*="/checkout/packages/remove"]:focus-visible,
.gxd-checkout-page .gxd-checkout-remove:focus-visible,
.gxd-checkout-page .remove:focus-visible,
.gxd-checkout-page .remove-item:focus-visible,
.gxd-checkout-page .btn-remove:focus-visible,
.gxd-checkout-page .btn-close:focus-visible,
.gxd-checkout-page button[aria-label*="Remove"]:focus-visible,
.gxd-checkout-page button[title*="Remove"]:focus-visible,
.gxd-checkout-page a[aria-label*="Remove"]:focus-visible {
  outline: 2px solid rgba(154,248,255,0.95) !important;
  outline-offset: 3px !important;
}

/* Stop temporary Bootstrap/browser focus flashes in checkout controls. */
.gxd-checkout-page button,
.gxd-checkout-page a,
.gxd-checkout-page input,
.gxd-checkout-page .btn {
  -webkit-tap-highlight-color: transparent !important;
}

.gxd-checkout-page .btn:focus,
.gxd-checkout-page .btn:active,
.gxd-checkout-page button:focus,
.gxd-checkout-page button:active {
  box-shadow: none !important;
}

/* Make the checkout item row feel consistent with the GXD panels. */
.gxd-checkout-page .basket-items .item,
.gxd-checkout-page .basket-item,
.gxd-checkout-page .cart-item,
.gxd-checkout-page .checkout-item {
  border-color: rgba(69,230,240,0.32) !important;
}

/* GXD v62 CHECKOUT REMOVE BUTTON FIX END */



/* GXD v63 CHECKOUT DIRECT REMOVE IMAGE ATTRS START */

/* Real checkout remove link styling. This does not rely on body.gxd-checkout-page,
   because checkout currently renders the generic template-page body class. */
.gxd-checkout-shell a.gxd-checkout-remove,
.gxd-checkout-shell a[href*="/checkout/packages/remove/"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(69,230,240,0.76) !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(69,230,240,0.26), rgba(47,107,255,0.12) 52%, rgba(4,8,13,0.95) 100%) !important;
  color: #9AF8FF !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  box-shadow:
    0 0 16px rgba(69,230,240,0.24),
    inset 0 1px 0 rgba(255,255,255,0.10) !important;
  transition:
    transform 110ms ease,
    border-color 110ms ease,
    box-shadow 110ms ease,
    background-color 110ms ease !important;
  cursor: pointer !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.gxd-checkout-shell a.gxd-checkout-remove svg,
.gxd-checkout-shell a[href*="/checkout/packages/remove/"] svg,
.gxd-checkout-shell a.gxd-checkout-remove > *:not(.gxd-checkout-remove-icon),
.gxd-checkout-shell a[href*="/checkout/packages/remove/"] > *:not(.gxd-checkout-remove-icon) {
  display: none !important;
}

.gxd-checkout-shell a.gxd-checkout-remove::before,
.gxd-checkout-shell a[href*="/checkout/packages/remove/"]::before {
  content: "×" !important;
  display: block !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  line-height: 30px !important;
  color: #9AF8FF !important;
  transform: translateY(-1px) !important;
}

.gxd-checkout-shell a.gxd-checkout-remove .gxd-checkout-remove-icon,
.gxd-checkout-shell a[href*="/checkout/packages/remove/"] .gxd-checkout-remove-icon {
  display: none !important;
}

.gxd-checkout-shell a.gxd-checkout-remove:hover,
.gxd-checkout-shell a[href*="/checkout/packages/remove/"]:hover {
  transform: scale(1.06) !important;
  border-color: rgba(154,248,255,0.98) !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(69,230,240,0.38), rgba(47,107,255,0.18) 52%, rgba(4,8,13,0.96) 100%) !important;
  color: #FFFFFF !important;
  box-shadow:
    0 0 22px rgba(69,230,240,0.36),
    0 10px 20px rgba(0,0,0,0.30),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.gxd-checkout-shell a.gxd-checkout-remove:active,
.gxd-checkout-shell a[href*="/checkout/packages/remove/"]:active,
.gxd-checkout-shell a.gxd-checkout-remove.gxd-is-removing,
.gxd-checkout-shell a[href*="/checkout/packages/remove/"].gxd-is-removing {
  transform: scale(0.94) !important;
  border-color: rgba(69,230,240,1) !important;
  box-shadow:
    0 0 12px rgba(69,230,240,0.30),
    inset 0 2px 8px rgba(0,0,0,0.36) !important;
}

.gxd-checkout-shell a.gxd-checkout-remove:focus-visible,
.gxd-checkout-shell a[href*="/checkout/packages/remove/"]:focus-visible {
  outline: 2px solid rgba(154,248,255,0.95) !important;
  outline-offset: 3px !important;
}

/* Hide the old blue square if Tebex/Bootstrap injects close-button styling. */
.gxd-checkout-shell a.gxd-checkout-remove.btn,
.gxd-checkout-shell a.gxd-checkout-remove.btn-primary,
.gxd-checkout-shell a.gxd-checkout-remove.btn-close,
.gxd-checkout-shell a[href*="/checkout/packages/remove/"].btn,
.gxd-checkout-shell a[href*="/checkout/packages/remove/"].btn-primary,
.gxd-checkout-shell a[href*="/checkout/packages/remove/"].btn-close {
  background-color: transparent !important;
}

/* GXD v63 CHECKOUT DIRECT REMOVE IMAGE ATTRS END */



/* GXD v64 PACKAGE REMOVE RESTORE START */

/* Package/category remove controls must remain full-width action buttons.
   Checkout circular-X styling is now isolated inside .gxd-checkout-shell. */
.product-actions > a[href*="/checkout/packages/remove/"],
.gxd-product-card a[href*="/checkout/packages/remove/"],
.product-item a[href*="/checkout/packages/remove/"],
.package-card a[href*="/checkout/packages/remove/"] {
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  display: flex !important;
  border-radius: 0.75rem !important;
  font-size: inherit !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

.product-actions > a[href*="/checkout/packages/remove/"]::before,
.gxd-product-card a[href*="/checkout/packages/remove/"]::before,
.product-item a[href*="/checkout/packages/remove/"]::before,
.package-card a[href*="/checkout/packages/remove/"]::before {
  content: none !important;
}

.product-actions > a[href*="/checkout/packages/remove/"] > *,
.gxd-product-card a[href*="/checkout/packages/remove/"] > *,
.product-item a[href*="/checkout/packages/remove/"] > *,
.package-card a[href*="/checkout/packages/remove/"] > * {
  display: initial !important;
}

/* Keep the action's icon/text layout intact. */
.product-actions > a[href*="/checkout/packages/remove/"] svg,
.gxd-product-card a[href*="/checkout/packages/remove/"] svg,
.product-item a[href*="/checkout/packages/remove/"] svg,
.package-card a[href*="/checkout/packages/remove/"] svg {
  display: block !important;
  flex: 0 0 auto !important;
}

.product-actions > a[href*="/checkout/packages/remove/"] span,
.gxd-product-card a[href*="/checkout/packages/remove/"] span,
.product-item a[href*="/checkout/packages/remove/"] span,
.package-card a[href*="/checkout/packages/remove/"] span {
  display: inline !important;
}

/* GXD v64 PACKAGE REMOVE RESTORE END */



/* GXD v65 PACKAGE IMAGE FALLBACK FIX START */

img[data-gxd-package-image],
img[data-gxd-media-image] {
  background: linear-gradient(135deg, #07111B, #0B1A2B) !important;
}

img.gxd-image-unavailable {
  object-fit: cover !important;
  transform: none !important;
  filter: none !important;
}

.gxd-package-image-placeholder {
  min-height: 220px;
  background:
    radial-gradient(circle at 50% 35%, rgba(69,230,240,0.10), transparent 38%),
    linear-gradient(135deg, #07111B, #0B1A2B);
  border-bottom: 1px solid rgba(69,230,240,0.18);
}

/* Avoid showing broken-alt text while a fallback source is being selected. */
.gxd-product-media img,
.store-product .image-link img,
.product-main-image img,
.media-slider img,
.gxd-thumb img {
  color: transparent;
}

/* GXD v65 PACKAGE IMAGE FALLBACK FIX END */



/* GXD v66 PACKAGE DESCRIPTION DEDUPE START */

/* The generated specification card is the single visible description.
   These selectors prevent stale cached enhancer output from repeating it. */
.gxd-package-page-pro .gxd-original-description,
.gxd-package-page-pro .gxd-spec__text-summary {
  display: none !important;
}

/* Keep media source nodes available to the description gallery script,
   but never show the hidden originals underneath the generated gallery. */
.gxd-package-page-pro .gxd-spec__media-source,
.gxd-package-page-pro [data-gxd-desc-source-hidden="true"] {
  display: none !important;
}

/* GXD v66 PACKAGE DESCRIPTION DEDUPE END */



/* GXD v67 GIFTING FIX START */

.gift-form-popup .popup-content.gift-form {
  border: 1px solid rgba(69,230,240,0.34) !important;
  background:
    radial-gradient(circle at top, rgba(69,230,240,0.10), transparent 42%),
    linear-gradient(135deg, rgba(8,11,16,0.98), rgba(11,26,43,0.94)) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.50), 0 0 22px rgba(69,230,240,0.12) !important;
}

.gift-form-popup .popup-content.gift-form h2 {
  color: #fff !important;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  margin-bottom: 14px !important;
}

.gift-form-popup .gift-form-inputs input[name="username"] {
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(69,230,240,0.45) !important;
  background: rgba(4,8,13,0.88) !important;
  color: #fff !important;
  outline: none !important;
}

.gift-form-popup .gift-form-inputs input[name="username"]:focus {
  border-color: rgba(154,248,255,0.95) !important;
  box-shadow: 0 0 0 3px rgba(69,230,240,0.14) !important;
}

.gift-form-popup .gift-form-inputs button[type="submit"] {
  margin-top: 12px !important;
  min-height: 48px !important;
  width: 100% !important;
  border: 1px solid rgba(69,230,240,0.52) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #ff6b35, #f7931e) !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 26px rgba(0,0,0,0.28), 0 0 18px rgba(247,147,30,0.20) !important;
}

.gift-form-popup .gift-form-inputs button[type="submit"]:disabled {
  opacity: 0.65 !important;
  cursor: wait !important;
}

.product-actions .gift[hidden],
.gxd-package-actions-pro .gift[hidden] {
  display: none !important;
}

/* GXD v67 GIFTING FIX END */



/* GXD v68 GIFT CLICK REAL FIX START */

/* Gift flow may need the username/login popup. Do not let the old
   gxd-no-ajax-popups performance rule hide login/gift popups. */
html.gxd-no-ajax-popups .popup.login-popup,
html.gxd-no-ajax-popups .popup.gift-form-popup {
  display: flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

/* Ensure the gift modal is above store panels/stars/nav effects. */
.popup.gift-form-popup,
.popup.login-popup {
  z-index: 999999 !important;
}

/* Keep gift buttons visibly clickable after removing the v67 capture handler. */
.product-actions .gift,
.gxd-package-actions-pro .gift {
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* GXD v68 GIFT CLICK REAL FIX END */





/* GXD v70 DIRECT PACKAGE GIFT MODAL START */

.gxd-gift-direct-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
  background: rgba(0, 0, 0, 0.72) !important;
  backdrop-filter: blur(12px) saturate(130%) !important;
  pointer-events: auto !important;
}

.gxd-gift-direct-card {
  position: relative !important;
  width: min(94vw, 540px) !important;
  border: 1px solid rgba(69,230,240,0.38) !important;
  border-radius: 22px !important;
  padding: 30px !important;
  background:
    radial-gradient(circle at top, rgba(255,107,53,0.16), transparent 34%),
    radial-gradient(circle at 80% 10%, rgba(69,230,240,0.12), transparent 36%),
    linear-gradient(135deg, rgba(8,11,16,0.98), rgba(11,26,43,0.96)) !important;
  box-shadow:
    0 32px 80px rgba(0,0,0,0.58),
    0 0 26px rgba(69,230,240,0.14),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
  color: #fff !important;
}

.gxd-gift-direct-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(69,230,240,0.52) !important;
  background: rgba(4,8,13,0.88) !important;
  color: #9AF8FF !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.gxd-gift-direct-kicker {
  color: #45E6F0 !important;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.16em !important;
  font-weight: 900 !important;
  margin-bottom: 8px !important;
}

.gxd-gift-direct-card h2 {
  margin: 0 42px 12px 0 !important;
  color: #fff !important;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size: clamp(28px, 4vw, 38px) !important;
  line-height: 0.95 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.gxd-gift-direct-copy,
.gxd-gift-direct-note {
  color: rgba(223,250,255,0.84) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

.gxd-gift-direct-form {
  margin-top: 20px !important;
}

.gxd-gift-direct-form label {
  display: block !important;
  color: rgba(223,250,255,0.92) !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}

.gxd-gift-direct-form input {
  width: 100% !important;
  min-height: 52px !important;
  padding: 13px 15px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(69,230,240,0.48) !important;
  background: rgba(4,8,13,0.92) !important;
  color: #fff !important;
  outline: none !important;
}

.gxd-gift-direct-form input:focus {
  border-color: rgba(154,248,255,0.98) !important;
  box-shadow: 0 0 0 3px rgba(69,230,240,0.15) !important;
}

.gxd-gift-direct-form input.gxd-input-error {
  border-color: rgba(255,107,53,0.95) !important;
}

.gxd-gift-direct-form button[type="submit"] {
  width: 100% !important;
  min-height: 52px !important;
  margin-top: 14px !important;
  border: 1px solid rgba(255,196,120,0.55) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #ff6b35, #f7931e) !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  box-shadow: 0 16px 30px rgba(0,0,0,0.32), 0 0 20px rgba(247,147,30,0.20) !important;
}

.gxd-gift-direct-form button[type="submit"]:disabled {
  opacity: 0.72 !important;
  cursor: wait !important;
}

.gxd-package-actions-pro .gift,
[data-gxd-direct-package-gift="1"] {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* GXD v70 DIRECT PACKAGE GIFT MODAL END */


/* GXD v71 FILTER E FIX START */
/* Fixed unsupported Tebex Twig filter package.name|e in package.html. */
/* GXD v71 FILTER E FIX END */

/* GXD v72 BASKET GIFT PAYMENT CLEAR START */

.gxd-basket-gift-to {
  padding: 8px 10px !important;
  border: 1px solid rgba(247,147,30,0.34) !important;
  border-radius: 10px !important;
  background: rgba(247,147,30,0.10) !important;
  width: fit-content !important;
  max-width: 100% !important;
}

.gxd-basket-options {
  list-style: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
}

.gxd-payment-complete-clearing {
  opacity: 0.72 !important;
  pointer-events: none !important;
  position: relative !important;
}

.gxd-payment-complete-clearing::after {
  content: "Payment complete — clearing basket..." !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(5,7,10,0.78) !important;
  color: #9AF8FF !important;
  font-weight: 900 !important;
  z-index: 20 !important;
  border-radius: 12px !important;
}

/* GXD v72 BASKET GIFT PAYMENT CLEAR END */


/* GXD v73 PHONE NAVIGATION + WATERMARK FIX START */
@media (max-width: 900px) {
  html body #ghost-watermark-ultimate {
    right: max(4px, env(safe-area-inset-right)) !important;
    bottom: max(4px, env(safe-area-inset-bottom)) !important;
    width: 52px !important;
    height: 52px !important;
    z-index: 90 !important;
    opacity: .9 !important;
    pointer-events: none !important;
  }
  html body #ghost-watermark-ultimate > img { pointer-events: none !important; cursor: default !important; }
  .gxd-topbar-actions { display: none !important; }
  .gxd-main-nav { position: relative !important; z-index: 1000 !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-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; }
  .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; }
  .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; }
  #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: #fff !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 v73 PHONE NAVIGATION + WATERMARK FIX END */

/* ============================================================
         GXD Package Description Spec Card Styling
         Works for: manual <div class="gxd-spec"> pastes,
                    JS-enhanced .gxd-spec--auto blocks,
                    plain text descriptions (graceful fallback).
         ============================================================ */
      .gxd-spec { color: #dce8f2; font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-size: 15px; line-height: 1.55; }
      .gxd-spec * { box-sizing: border-box; }
      .gxd-spec__intro {
        color: #45E6F0; font-size: 16px; font-weight: 600;
        margin: 0 0 18px; line-height: 1.5;
      }
      .gxd-spec__intro strong { color: #fff; font-weight: 700; }
      .gxd-spec__stats {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 10px; margin: 0 0 24px;
      }
      .gxd-spec__stat {
        padding: 12px 14px; background: #0B1118;
        border: 1px solid #0E243A; border-radius: 10px;
      }
      .gxd-spec__stat-label {
        display: block; font-size: 10px; letter-spacing: 1.5px;
        text-transform: uppercase; color: #45E6F0;
        font-weight: 700; margin-bottom: 4px;
      }
      .gxd-spec__stat-value {
        display: block; font-size: 17px; color: #fff; font-weight: 700;
      }
      .gxd-spec__stat-value--code {
        font-family: 'Courier New', monospace; font-size: 14px;
        color: #45E6F0; background: #05070A;
        padding: 3px 8px; border-radius: 4px; display: inline-block;
      }
      .gxd-spec h4, .gxd-spec__h4 {
        color: #fff; font-family: 'Orbitron', sans-serif;
        font-size: 13px; font-weight: 700;
        letter-spacing: 1.5px; text-transform: uppercase;
        margin: 24px 0 12px; padding-bottom: 8px;
        border-bottom: 1px solid rgba(69,230,240,0.2);
      }
      .gxd-spec__features {
        list-style: none; padding: 0; margin: 0 0 24px;
        display: flex;
        flex-direction: column;
        gap: 6px;
      }
      .gxd-spec__features li {
        position: relative; padding: 6px 0 6px 24px;
        color: #dce8f2; font-size: 15px; line-height: 1.55;
      }
      .gxd-spec__features li::before {
        content: '\25B8'; position: absolute; left: 4px; top: 6px;
        color: #45E6F0; font-weight: 700;
      }
      .gxd-spec__features em, .gxd-spec__annotation {
        color: #8ba8c4; font-style: normal; font-size: 13px; font-weight: 400;
        margin-left: 4px;
      }
      .gxd-spec__chips {
        display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 24px;
      }
      .gxd-spec__chip {
        padding: 5px 11px; background: rgba(69,230,240,0.08);
        border: 1px solid rgba(69,230,240,0.3);
        border-radius: 999px; color: #45E6F0;
        font-size: 13px; font-weight: 500;
      }
      .gxd-spec__badges {
        display: flex; flex-wrap: wrap; gap: 8px; margin: 0;
      }
      .gxd-spec__badge {
        display: inline-flex; align-items: center; gap: 6px;
        padding: 6px 12px; background: rgba(69,230,240,0.12);
        border: 1px solid #45E6F0; border-radius: 8px;
        color: #45E6F0; font-size: 13px; font-weight: 700;
        letter-spacing: 0.5px;
      }
      .gxd-spec__badge::before {
        content: '\2713'; color: #45E6F0; font-weight: 900;
      }
      @media (max-width: 640px) {
        .gxd-spec__stats { grid-template-columns: repeat(2, 1fr); }
        
      }

      /* Text-form features summary — good for SEO and screen readers */
      .gxd-spec__text-summary {
        margin: 1.25rem 0 0;
        padding: 1rem 1.25rem;
        background: rgba(69,230,240,0.05);
        border-left: 3px solid #45E6F0;
        border-radius: 6px;
        color: #dce8f2;
        line-height: 1.7;
        font-size: 0.9rem;
        font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      }
      .gxd-spec__text-summary strong {
        color: #45E6F0;
        font-family: 'Orbitron', sans-serif;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-size: 0.82rem;
        display: inline-block;
        margin-right: 0.5rem;
      }

      /* Hidden image source — the existing buildDescGallery() picks these up
         and builds the visible LIST/GRID gallery from them */
      .gxd-spec__media-source {
        display: none;
      }

      /* Hide original raw text/structural nodes when spec card replaces them */
      [data-gxd-raw-hidden="true"] {
        display: none !important;
      }

      /* === Tuning Options pills — extracted from "[chameleon tints, bumpers, ...]" === */
      .gxd-spec__tuning-pills {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem 0.65rem;
        margin: 0 0 24px;
      }
      .gxd-spec__tuning-pill {
        display: inline-flex;
        align-items: center;
        padding: 0.45rem 1.1rem;
        background: rgba(69,230,240,0.06);
        border: 1px solid rgba(69,230,240,0.45);
        border-radius: 999px;
        color: #45E6F0;
        font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
        font-size: 0.95rem;
        font-weight: 600;
        letter-spacing: 0.01em;
        line-height: 1;
      }
      .gxd-spec__tuning-pill--more {
        background: transparent;
        border-style: dashed;
        border-color: rgba(69,230,240,0.35);
        opacity: 0.8;
      }

      /* === Subscription packages — multi-section layout === */
      /* Multiple h4 headers within one spec card (What's Included, Delivery & Support, Specs) */
      .gxd-spec--subscription h4 {
        margin-top: 24px;
      }
      .gxd-spec--subscription h4:first-of-type {
        margin-top: 0;
      }
      /* Each section's features get same styling */
      .gxd-spec--subscription .gxd-spec__features {
        margin-bottom: 8px;
      }
      /* Subscription-specific badge — accent it slightly differently */
      .gxd-spec__badge[data-badge="Subscription"] {
        background: rgba(69,230,240,0.12);
        border-color: rgba(69,230,240,0.55);
      }

      /* === Clickable links inside spec card === */
      /* Highlight all <a> tags so users know they're clickable */
      .gxd-spec a,
      .gxd-spec__link {
        color: #45E6F0;
        text-decoration: underline;
        text-decoration-color: rgba(69,230,240,0.55);
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
        font-weight: 500;
        transition: color 150ms ease, text-decoration-color 150ms ease, text-shadow 150ms ease;
        cursor: pointer;
      }
      .gxd-spec a:hover,
      .gxd-spec__link:hover {
        color: #5fffff;
        text-decoration-color: #5fffff;
        text-shadow: 0 0 8px rgba(69,230,240,0.5);
      }
      .gxd-spec a:focus-visible,
      .gxd-spec__link:focus-visible {
        outline: 2px solid #45E6F0;
        outline-offset: 3px;
        border-radius: 2px;
      }
      /* Visited external links keep the cyan colour (don't go purple) */
      .gxd-spec a:visited,
      .gxd-spec__link:visited {
        color: #45E6F0;
      }

/* PERFORMANCE: Fonts loaded via <link> tags above - removed @import to prevent render blocking */
    
    /* Lazy-load off-screen content sections */
    .gxd-below-fold {
        content-visibility: auto;
        contain-intrinsic-size: auto 400px;
    }
    
    /* Improve paint performance */
    .product-card, .package-card, [class*="card"] {
        contain: layout style paint;
    }
    .product-card:hover, .package-card:hover, [class*="card"]:hover {
        will-change: transform;
    }
    
    /* Reduce blur on mobile for better performance */
    @media (max-width: 768px) {
        [style*="blur"], .blur {
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }
    }
        
    * {
        font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
        font-display: swap;
    }
    
    html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        background-color: #080b0f !important;
    }
    
    /* IMPORTANT: Set z-indices properly */
    #app, #layout-container, main, .main-content, .container, .content {
        position: relative;
        z-index: 10;
    }
    
    .textred {
        color: #45E6F0;
    }
    .bgprimary {
        background: #080b0f;
    }
    
    a {
      color: inherit; 
      text-decoration: none; 
    }

    a:hover, a:active {
      color: #45E6F0; 
      text-decoration: none;
      outline: none; 
    }

    a:focus {
        color: black;
    }
        
    .btn-success:focus, .btn-success:active {
        background: #45E6F0;
        text-decoration: none; 
        outline: none; 
        border: 1px solid #45E6F0;
    }
        
    .btn-success {
        background: #45E6F0;
        border: 1px solid #45E6F0;
        color: white;
    }
    .btn-success:hover {
        background: #080b0f;
        border: 1px solid #273446;
        color: #45E6F0;
    }
        
    ::-webkit-scrollbar {
        display: none;
    }
    
    .gxd-background-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, #05070A, #0B1A2B, #05070A);
        z-index: 0;
        pointer-events: none;
    }
    
    .tech-grid-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('https://cdn.tebex.io/store/939927/templates/193452/assets/a491c1aaa304196298567f990234b18282134dc3.png');
        background-size: cover;
        background-repeat: repeat;
        opacity: 0.1;
        z-index: 1;
        pointer-events: none;
        will-change: auto;
    }
    @media (max-width: 900px) {
        .tech-grid-overlay { display: none; }
    }
    
    /* Add animated hex pattern to background - with CSS fallback */
    .hex-pattern {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: 
            url('https://cdn.tebex.io/store/939927/templates/193452/assets/hex-pattern.png'),
            repeating-linear-gradient(
                60deg,
                transparent,
                transparent 10px,
                rgba(69,230,240,0.02) 10px,
                rgba(69,230,240,0.02) 11px
            );
        background-size: 700px, 40px 40px;
        opacity: 0.06;
        z-index: 1;
        pointer-events: none;
    }
    @media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
        .hex-pattern {
            animation: scrollBackground 80s linear infinite;
        }
    }
    
    @keyframes scrollBackground {
        from { background-position: 0 0; }
        to { background-position: 700px 700px; }
    }
    
    /* Top and center glows */
    .glow-top {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40%;
        background: radial-gradient(ellipse at top, rgba(69,230,240,0.15) 0%, rgba(47,107,255,0.05) 30%, rgba(20, 20, 20, 0) 70%);
        z-index: 2;
        pointer-events: none;
    }
    @media (prefers-reduced-motion: no-preference) {
        .glow-top { animation: pulse-slower 5s ease-in-out infinite; }
    }
    
    .glow-center {
        position: fixed;
        top: 30%;
        left: 0;
        width: 100%;
        height: 40%;
        background: radial-gradient(ellipse at center, rgba(47,107,255,0.1) 0%, transparent 70%);
        z-index: 2;
        pointer-events: none;
    }
    @media (prefers-reduced-motion: no-preference) {
        .glow-center { animation: pulse-slower 7s ease-in-out infinite; }
    }
    
    /* Stars container for our snowflakes */
    .stars-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 3;
        pointer-events: none;
    }
    
    /* Snowflake styles */
    .snowflake {
        position: absolute;
        color: #DDD;
        pointer-events: none;
        user-select: none;
        z-index: 50;
    }
    
    /* Future tech fonts */
    .future-tech-font {
        font-family: 'Orbitron', sans-serif;
        letter-spacing: 1px;
    }
    .future-tech-font-sub {
        font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
        letter-spacing: 1px;
    }
    .cyber-elite-font {
        font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
        letter-spacing: 0.5px;
        font-weight: 700;
    }
    
    /* Animation keyframes */
    @keyframes text-glow {
        0%, 100% {
            text-shadow: 0 0 15px rgba(69,230,240,0.5),
                         0 0 30px rgba(69,230,240,0.2);
        }
        50% {
            text-shadow: 0 0 25px rgba(69,230,240,0.7),
                         0 0 50px rgba(69,230,240,0.3);
        }
    }
    .animate-text-glow {
        animation: text-glow 2s ease-in-out infinite;
    }
    
    @keyframes pulse-slow {
        0%, 100% { opacity: 0.5; }
        50% { opacity: 1; }
    }
    .animate-pulse-slow {
        animation: pulse-slow 3s ease-in-out infinite;
    }
    
    @keyframes pulse-slower {
        0%, 100% { opacity: 0.3; }
        50% { opacity: 0.7; }
    }
    .animate-pulse-slower {
        animation: pulse-slower 5s ease-in-out infinite;
    }
    
    @keyframes ping-slow {
        0% { transform: scale(1); opacity: 1; }
        75%, 100% { transform: scale(2); opacity: 0; }
    }
    .animate-ping-slow {
        animation: ping-slow 2s cubic-bezier(0, 0, 0.2, 1) infinite;
    }
    
    @keyframes float {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-10px); }
    }
    .animate-float {
        animation: float 6s ease-in-out infinite;
    }
    
    @keyframes blink {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.3; }
    }
    .animate-blink {
        animation: blink 2s ease-in-out infinite;
    }
    
    /* CENTER ALIGNED TITLE */
    .page-title-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 3rem 0;
        position: relative;
        z-index: 10;
    }
    
    .page-title {
        font-family: 'Orbitron', sans-serif;
        font-size: 3rem;
        font-weight: 700;
        color: white;
        text-align: center;
        animation: text-glow 2s ease-in-out infinite;
        position: relative;
    }
    
    .page-title::after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg, transparent, #45E6F0, transparent);
        animation: pulse-slow 3s ease-in-out infinite;
    }
    
    /* Navigation particles */
    .nav-particle {
        position: absolute;
        width: 100px;
        height: 3px;
        background: linear-gradient(90deg, transparent, #45E6F0, transparent);
        opacity: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        pointer-events: none;
    }
    @media (prefers-reduced-motion: no-preference) {
        .nav-particle { animation: particle-flow 8s linear infinite; }
    }
    
    .nav-particle.left {
        left: -100px;
        animation-delay: 0s;
    }
    
    .nav-particle.right {
        right: -100px;
        animation-delay: 4s;
    }
    
    @keyframes particle-flow {
        0% {
            opacity: 0;
            transform: translateY(-50%) translateX(0);
        }
        20% {
            opacity: 0.8;
        }
        80% {
            opacity: 0.8;
        }
        100% {
            opacity: 0;
            transform: translateY(-50%) translateX(calc(100vw + 100px));
        }
    }

    /* Hide conflicting star styles */
    .star, .star-small, .star-medium, .star-large {
        display: none !important; 
    }

    /* For category view */
    .category-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 1.5rem;
        padding: 1.5rem;
    }
    
    .category-card {
        background-color: #0B1118;
        border: 2px solid #273446;
        border-radius: 10px;
        overflow: hidden;
        transition: all 0.3s ease;
        position: relative;
        z-index: 10;
    }
    
    .category-card:hover {
        transform: translateY(-5px);
        border-color: #45E6F0;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    }
    
    .category-card-img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        transition: all 0.5s ease;
    }
    
    .category-card:hover .category-card-img {
        transform: scale(1.05);
    }
    
    .category-card-content {
        padding: 1rem;
    }
    
    .category-card-title {
        font-family: 'Orbitron', sans-serif;
        color: white;
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }
    
    .category-card-price {
        color: #45E6F0;
        font-size: 1.5rem;
        font-weight: bold;
    }
    
    .category-card-button {
        background: linear-gradient(to right, #2F6BFF, #45E6F0);
        color: white;
        border: none;
        padding: 0.75rem 1.5rem;
        border-radius: 8px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s ease;
        margin-top: 1rem;
        display: block;
        width: 100%;
        text-align: center;
        position: relative;
        overflow: hidden;
    }
    
    .category-card-button::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .category-card-button:hover::before {
        opacity: 1;
        animation: shimmer 1.5s ease 1;
    }
    
    @keyframes shimmer {
        0% { left: -100%; }
        100% { left: 100%; }
    }
    
    .category-card-button:hover {
        box-shadow: 0 0 15px rgba(69,230,240,0.5);
    }

    /* Custom tooltip style */
    .simple-tooltip {
        background-color: #0B1118;
        border: 1px solid #45E6F0;
        color: white;
        padding: 8px 12px;
        border-radius: 6px;
        position: absolute;
        z-index: 99999;
        font-size: 0.9rem;
        pointer-events: none;
        box-shadow: 0 4px 10px rgba(0,0,0,0.5);
        max-width: 300px;
        word-break: keep-all;
        text-align: center;
    }

    /* ==================== DROPDOWN MENU FIXES ==================== */
    /* Z-index hierarchy */
    :root {
        --z-base: 10;
        --z-menu: 30;
        --z-dropdown: 50;
        --z-dropdown-content: 60;
        --z-dropdown-arrow: 55;
        --z-popover: 70;
        --z-tooltip: 90;
        --z-modal: 100;
    }
    
    /* Core dropdown styling with cyberpunk theme */
    [data-dropdown-toggle] + div[id^="category-menu-"],
    [data-dropdown-toggle] + div[id^="mobile-menu-"] {
        background-color: #0B1118;
        border: 1px solid #45E6F0;
        border-radius: 10px;
        box-shadow: 0 0 15px rgba(69,230,240,0.3);
        z-index: var(--z-dropdown);
        transform: translateZ(0); /* Force hardware acceleration */
        pointer-events: auto !important;
        margin-top: 0; /* Fix Flowbite default margin */
        width: auto;
        min-width: 200px;
    }



    /* Desktop dropdown background should be opaque (not transparent) */
    @media (min-width: 769px) {
        .site-navigation [id^="category-menu-"],
        .site-navigation .dropdown-menu-fixed {
            background: rgba(11,17,24,0.97) !important; /* matches theme but solid */
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }
    }

    [data-dropdown-toggle] + div[id^="category-menu-"] ul,
    [data-dropdown-toggle] + div[id^="mobile-menu-"] ul {
        padding: 8px 0;
    }

    [data-dropdown-toggle] + div[id^="category-menu-"] ul li,
    [data-dropdown-toggle] + div[id^="mobile-menu-"] ul li {
        position: relative;
        z-index: var(--z-dropdown-content);
    }

    [data-dropdown-toggle] + div[id^="category-menu-"] ul li a,
    [data-dropdown-toggle] + div[id^="mobile-menu-"] ul li a {
        display: block !important;
        padding: 10px 16px;
        color: white;
        font-size: 1rem;
        transition: all 0.2s ease;
        position: relative;
        z-index: var(--z-dropdown-content);
        cursor: pointer !important;
        pointer-events: auto !important;
        width: 100%;
    }

    [data-dropdown-toggle] + div[id^="category-menu-"] ul li a:hover,
    [data-dropdown-toggle] + div[id^="mobile-menu-"] ul li a:hover {
        background-color: transparent;
        color: #45E6F0;
        transform: translateX(5px);
    }

    /* Fix for dropdown toggle button */
    [data-dropdown-toggle] {
        position: relative;
        z-index: var(--z-menu);
        cursor: pointer;
    }

    [data-dropdown-toggle] svg {
        transition: transform 0.2s ease;
    }

    [data-dropdown-toggle][aria-expanded="true"] svg {
        transform: rotate(180deg);
    
    [data-gxd-dropdown-toggle] svg {
        transition: transform 0.2s ease;
    }

    [data-gxd-dropdown-toggle][aria-expanded="true"] svg {
        transform: rotate(180deg);
    }
}

    /* Fix dropdown positioning */
    .site-navigation .nav-dropdown-container {
        position: relative !important;
        display: inline-block !important;
        z-index: var(--z-menu);
    }
    
    .site-navigation .nav-dropdown-container:hover,
    .site-navigation .nav-dropdown-container:focus-within {
        z-index: var(--z-dropdown);
    }

    /* Precise dropdown positioning */
    .site-navigation [id^="category-menu-"],
    .site-navigation .dropdown-menu-fixed {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        transform: translateZ(0);
        display: none;
    }
    
    /* Custom arrow indicator with better z-index */
    [data-dropdown-toggle] + div[id^="category-menu-"]::before {
        content: '';
        position: absolute;
        top: -8px;
        left: 20px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #45E6F0;
        z-index: var(--z-dropdown-arrow);
    }
    
    /* Fix for visible dropdown */
    .site-navigation [id^="category-menu-"]:not(.hidden),
    .site-navigation .dropdown-menu-fixed:not(.hidden) {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    
    /* Add active state style for dropdown links */
    [id^="category-menu-"] li a::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 3px;
        height: 0;
        background: #45E6F0;
        opacity: 0;
        transition: height 0.2s ease, opacity 0.2s ease;
    }
    
    [id^="category-menu-"] li a:hover::before {
        height: 100%;
        opacity: 1;
    }
    
    /* Fix for Firefox positioning inconsistencies */
    @-moz-document url-prefix() {
        .site-navigation [id^="category-menu-"],
        .site-navigation .dropdown-menu-fixed {
            margin-top: 1px !important;
        }
    }
    
    /* Fix for Safari rendering issues */
    @media not all and (min-resolution:.001dpcm) { 
        @supports (-webkit-appearance:none) {
            .site-navigation [id^="category-menu-"],
            .site-navigation .dropdown-menu-fixed {
                transform: translateY(0);
                -webkit-transform: translateZ(0);
                -webkit-backface-visibility: hidden;
            }
            
            [data-dropdown-toggle] {
                -webkit-transform: translateZ(0);
                -webkit-backface-visibility: hidden;
            }
        }
    }
    
    /* Make visible space for dropdown to appear */
    .site-navigation {
        padding-bottom: 10px !important;
        margin-bottom: -10px !important;
    }
    
    /* Glowing effect for active dropdown */
    [data-dropdown-toggle][aria-expanded="true"] {
        text-shadow: 0 0 5px rgba(69,230,240,0.5);
    }
    
    /* Active link styling */
    [id^="category-menu-"] li a.active {
        background-color: rgba(69,230,240,0.1);
        color: #45E6F0;
        border-left: 3px solid #45E6F0;
    }
    /* ==================== END DROPDOWN MENU FIXES ==================== */

    /* ==================== ENHANCED FOOTER STYLES ==================== */
    .enhanced-footer {
        position: relative;
        width: 100%;
        background: linear-gradient(to bottom, rgba(11,17,24,0.8), rgba(11,17,24,0.9));
        border-top: 1px solid rgba(69,230,240,.34);
        padding: 4rem 2rem 2rem;
        color: white;
        overflow: hidden;
        z-index: 5 !important; /* REDUCED Z-INDEX */
        margin-top: 4rem;
    }

    /* Main content container */
    .footer-content {
        position: relative;
        max-width: 1400px;
        margin: 0 auto;
        z-index: 3;
    }

    /* Columns layout */
    .footer-columns {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 3rem;
        margin-bottom: 3rem;
    }

    .footer-column {
        display: flex;
        flex-direction: column;
    }

    /* Titles */
    .footer-title {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
        color: #45E6F0;
        position: relative;
    }

    .footer-title::after {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 60px;
        height: 2px;
        background: linear-gradient(90deg, #45E6F0, transparent);
        animation: pulse-slow 3s ease-in-out infinite;
    }

    /* Text styling */
    .footer-text {
        color: #C7D0DA;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        font-size: 1rem;
    }

    /* Links styling */
    .footer-links {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-links li {
        margin-bottom: 0.75rem;
        transition: transform 0.3s ease;
        position: relative;
    }

    .footer-links li:hover {
        transform: translateX(5px);
    }

    .footer-link {
        color: #C7D0DA;
        text-decoration: none;
        transition: color 0.3s ease;
        display: inline-block;
        padding: 0.25rem 0;
        position: relative;
    }

    .footer-link::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background: #45E6F0;
        transition: width 0.3s ease;
    }

    .footer-link:hover {
        color: #45E6F0;
    }

    .footer-link:hover::before {
        width: 100%;
    }

    /* Social media icons */
    .footer-social {
        display: flex;
        gap: 1rem;
        margin-top: 1rem;
    }

    .social-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #0B1118;
        border: 1px solid rgba(69,230,240,0.3);
        color: #C7D0DA;
        transition: all 0.3s ease;
    }

    .social-icon:hover {
        background-color: transparent;
        color: #45E6F0;
        border-color: #45E6F0;
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(69,230,240,0.2);
    }

    /* Bottom footer section */
    .footer-bottom {
        border-top: 1px solid rgba(69,230,240,0.2);
        padding-top: 2rem;
        text-align: center;
    }

    .footer-logo-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
    }

    .footer-logos {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .footer-logo {
        height: 30px;
        width: auto;
    }

    .store-name {
        font-size: 1.25rem;
        font-weight: 600;
        color: white;
    }

    .footer-divider {
        color: #C7D0DA;
        font-size: 0.875rem;
    }

    .footer-copyright {
        color: #525252;
        font-size: 1rem;
    }

    .text-highlight {
        color: white;
    }

    .tebex-link {
        color: white;
        text-decoration: underline;
        transition: color 0.3s ease;
    }

    .tebex-link:hover {
        color: #45E6F0;
    }

    .cfx-logo {
        height: 30px;
        width: auto;
        transition: transform 0.3s ease;
    }

    .cfx-logo:hover {
        transform: scale(1.1);
    }

    /* Tech line animations */
    .footer-tech-lines {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 1;
        pointer-events: none;
    }

    .tech-line {
        position: absolute;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(69,230,240,0.3), transparent);
        opacity: 0.2;
    }

    .tech-line:nth-child(1) {
        top: 30%;
        width: 80%;
        left: -100%;
        animation: tech-line-move 15s linear infinite;
        animation-delay: 0s;
    }

    .tech-line:nth-child(2) {
        top: 60%;
        width: 60%;
        left: -100%;
        animation: tech-line-move 18s linear infinite;
        animation-delay: 5s;
    }

    .tech-line:nth-child(3) {
        top: 80%;
        width: 70%;
        left: -100%;
        animation: tech-line-move 12s linear infinite;
        animation-delay: 2s;
    }

    @keyframes tech-line-move {
        0% {
            left: -100%;
        }
        100% {
            left: 100%;
        }
    }

    /* Responsive adjustments */
    @media (max-width: 992px) {
        .footer-columns {
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2rem;
        }
    }

    @media (max-width: 768px) {
        .enhanced-footer {
            padding: 3rem 1.5rem 1.5rem;
        }
        
        .footer-columns {
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
        }
    }

    /* More responsive adjustments for smaller screens */
        @media (max-width: 576px) {
            .footer-bottom {
                flex-direction: column;
                gap: 1.5rem;
            }
            
            .footer-logos {
                flex-wrap: wrap;
                justify-content: center;
            }
        }
    }
    /* ==================== END ENHANCED FOOTER STYLES ==================== */
    
    /* ==================== PAGE CONTENT CONDITIONAL STYLES ==================== */
    /* These styles will only apply to specific pages based on the page.category value */
    
    
        
    /* NEW POLICY PAGE STYLING */
    /* Policy page container */
    .policy-container {
        max-width: 1200px;
        margin: 0 auto 4rem;
        padding: 1rem 2rem;
        position: relative;
        z-index: 10;
        background-color: transparent !important;
        box-shadow: none !important;
   }
   
   /* Policy header section */
   .policy-header {
       text-align: center;
       margin-bottom: 3rem;
       position: relative;
   }
   
   .policy-title {
       font-family: 'Orbitron', sans-serif;
       font-size: 3rem;
       font-weight: 700;
       color: white;
       margin-bottom: 1rem;
       animation: text-glow 2s ease-in-out infinite;
       text-transform: uppercase;
       letter-spacing: 2px;
   }
   
   .title-underline {
       height: 3px;
       width: 100px;
       background: linear-gradient(to right, transparent, #45E6F0, transparent);
       margin: 0 auto 1.5rem;
       animation: pulse-slow 3s ease-in-out infinite;
   }
   
   .policy-subtitle {
       color: #C7D0DA;
       font-size: 1.2rem;
       max-width: 800px;
       margin: 0 auto;
       font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
   }
   
   .last-updated {
       display: inline-block;
       margin-top: 1rem;
       padding: 0.5rem 1rem;
       background-color: rgba(69,230,240,0.1);
       border-radius: 4px;
       border: 1px solid rgba(69,230,240,0.2);
       font-size: 0.9rem;
   }
   
   /* Main policy content */
   .policy-content {
       position: relative;
       background-color: rgba(11,17,24,0.7) !important;
       border-radius: 10px !important;
       border: 1px solid rgba(69,230,240,0.2) !important;
       padding: 2.5rem !important;
       margin-bottom: 3rem !important;
       box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2) !important;
       backdrop-filter: blur(5px);
       color: #dddddd !important;
   }
   
   .policy-content::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: url('https://cdn.tebex.io/store/939927/templates/193452/assets/hex-pattern.png');
       background-size: 300px;
       opacity: 0.05;
       pointer-events: none;
       z-index: -1;
       border-radius: 10px;
   }
   
   .policy-section {
       margin-bottom: 2.5rem;
       position: relative;
       padding-left: 2rem;
   }
   
   .policy-section::before {
       content: '';
       position: absolute;
       top: 0.75rem;
       left: 0;
       width: 8px;
       height: 8px;
       border-radius: 50%;
       background-color: #45E6F0;
       box-shadow: 0 0 10px rgba(69,230,240,0.5);
   }
   
   .policy-section::after {
       content: '';
       position: absolute;
       top: 0.85rem;
       left: 3.5px;
       width: 1px;
       height: calc(100% - 0.85rem);
       background: linear-gradient(to bottom, #45E6F0, transparent);
       opacity: 0.4;
   }
   
   .section-title {
       font-family: 'Orbitron', sans-serif;
       font-size: 1.8rem;
       color: #45E6F0 !important;
       margin-bottom: 1.5rem;
       position: relative;
       display: inline-block;
   }
   
   .policy-section p {
       margin-bottom: 1.5rem;
       font-size: 1.05rem;
       color: #C7D0DA;
       line-height: 1.7;
   }
   
   .policy-section p:last-child {
       margin-bottom: 0;
   }
   
   /* Lists styling */
   .policy-list {
       list-style: none;
       padding: 0;
       margin: 0 0 1.5rem 0;
   }
   
   .policy-list li {
       position: relative;
       padding-left: 1.5rem;
       margin-bottom: 0.75rem;
       color: #C7D0DA;
   }
   
   .policy-list li::before {
       content: '';
       position: absolute;
       left: 0;
       top: 0.7rem;
       width: 6px;
       height: 6px;
       background: #45E6F0;
       border-radius: 50%;
       box-shadow: 0 0 5px rgba(69,230,240,0.5);
   }
   
   /* Highlighted text */
   .highlight {
       color: #45E6F0;
       font-weight: 600;
   }
   
   .text-light {
       color: white;
       font-weight: 600;
   }
   
   /* Info card */
   .info-card {
       background-color: rgba(21,27,34,0.4);
       border-radius: 10px;
       padding: 1.5rem;
       margin-top: 1.5rem;
       border: 1px solid rgba(69,230,240,0.2);
   }
   
   /* Links styling */
   .text-link {
       color: #45E6F0;
       text-decoration: none;
       position: relative;
       transition: all 0.3s ease;
   }
   
   .text-link::after {
       content: '';
       position: absolute;
       bottom: -2px;
       left: 0;
       width: 0;
       height: 1px;
       background-color: #45E6F0;
       transition: width 0.3s ease;
   }
   
   .text-link:hover {
       color: white;
   }
   
   .text-link:hover::after {
       width: 100%;
   }
   
   /* CTA Section */
   .cta-section {
       margin-top: 3rem;
       text-align: center;
   }
   
   .cta-button {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: 0.75rem;
       padding: 0.9rem 2rem;
       background: linear-gradient(to right, #2F6BFF, #45E6F0);
       color: white;
       font-size: 1.1rem;
       font-weight: 600;
       border-radius: 8px;
       border: none;
       cursor: pointer;
       transition: all 0.3s ease;
       position: relative;
       overflow: hidden;
       text-decoration: none;
       min-width: 220px;
   }
   
   .cta-button::before {
       content: '';
       position: absolute;
       top: 0;
       left: -100%;
       width: 100%;
       height: 100%;
       background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
       animation: shimmer 2s infinite;
       pointer-events: none;
   }
   
   .cta-button:hover {
       transform: translateY(-3px);
       box-shadow: 0 10px 20px rgba(69,230,240,0.2);
   }
   
   .cta-button.outline {
       background: transparent;
       border: 2px solid #45E6F0;
       color: #45E6F0;
       margin-left: 1rem;
   }
   
   .cta-button.outline:hover {
       background: rgba(69,230,240,0.1);
   }
   
   /* Back to Top Button */
   .back-to-top {
       position: fixed;
       bottom: 30px;
       right: 30px;
       width: 50px;
       height: 50px;
       background-color: rgba(21,27,34,0.8);
       border: 1px solid rgba(69,230,240,0.4);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #45E6F0;
       cursor: pointer;
       opacity: 0;
       transform: translateY(20px);
       transition: all 0.3s ease;
       z-index: 100;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
   }
   
   .back-to-top::before {
       content: '';
       position: absolute;
       width: 100%;
       height: 100%;
       border-radius: 50%;
       background: rgba(69,230,240,0.1);
       transform: scale(0);
       transition: transform 0.3s ease;
   }
   
   .back-to-top:hover::before {
       transform: scale(1.2);
   }
   
   .back-to-top.visible {
       opacity: 1;
       transform: translateY(0);
   }
   
   .back-to-top:hover {
       color: white;
       border-color: rgba(69,230,240,0.8);
       box-shadow: 0 5px 20px rgba(69,230,240,0.3);
   }
   
   /* FAQ Accordion styling */
   .faq-item {
       background-color: rgba(21,27,34,0.4);
       border: 1px solid rgba(69,230,240,0.2);
       border-radius: 8px;
       margin-bottom: 1rem;
       overflow: hidden;
       transition: all 0.3s ease;
   }
   
   .faq-question {
       padding: 1rem 1.5rem;
       cursor: pointer;
       display: flex;
       justify-content: space-between;
       align-items: center;
   }
   
   .faq-question h3 {
       margin: 0;
       color: white;
       font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
       font-weight: 600;
   }
   
   .faq-toggle-icon {
       color: #45E6F0;
       transition: transform 0.3s ease;
   }
   
   .faq-answer {
       max-height: 0;
       overflow: hidden;
       transition: max-height 0.3s ease;
       padding: 0 1.5rem;
   }
   
   .faq-answer p {
       color: #C7D0DA;
       padding-bottom: 1.5rem;
   }
   
   .faq-item.active {
       border-color: rgba(69,230,240,0.6);
       box-shadow: 0 5px 15px rgba(69,230,240,0.1);
   }
   
   .faq-item.active .faq-toggle-icon {
       transform: rotate(45deg);
   }
   
   .faq-item.active .faq-answer {
       max-height: 1000px;
   }
   
   /* Responsive adjustments */
   @media (max-width: 992px) {
       .policy-title {
           font-size: 2.5rem;
       }
       
       .section-title {
           font-size: 1.6rem;
       }
       
       .policy-content {
           padding: 2rem;
       }
       
       .cta-button {
           margin-bottom: 1rem;
       }
   }
   
   @media (max-width: 768px) {
       .policy-title {
           font-size: 2rem;
       }
       
       .policy-content {
           padding: 1.5rem;
       }
       
       .policy-section {
           padding-left: 1.5rem;
       }
       
       .back-to-top {
           width: 40px;
           height: 40px;
           bottom: 20px;
           right: 20px;
       }
       
       .cta-button {
           display: block;
           width: 100%;
           margin-bottom: 1rem;
       }
       
       .cta-button.outline {
           margin-left: 0;
       }
   }
   
   @media (max-width: 576px) {
       .policy-container {
           padding: 1rem;
       }
       
       .policy-title {
           font-size: 1.8rem;
       }
       
       .policy-section {
           padding-left: 1.2rem;
       }
       
       .section-title {
           font-size: 1.4rem;
       }
       
       .policy-content {
           padding: 1.2rem;
       }
   }
   
   /* Make sure all page containers are using transparent backgrounds */
   .policy-page .content-container,
   .terms-page .content-container,
   .about-page .content-container,
   .contact-page .content-container,
   .policy-container,
   .page-frame,
   .white-card,
   .content-card,
   .policy-card,
   .about-us,
   .faq,
   .privacy-policy,
   .terms-of-service,
   .refund-policy {
     background-color: transparent !important;
     box-shadow: none !important;
     border: none !important;
     color: #dddddd !important;
   }

   /* Target the specific circled title elements from screenshot */
   .panel-heading h1, 
   .panel-default> .panel-heading,
   div.privacy-policy-title, 
   div.terms-of-service-title, 
   div.refund-policy-title, 
   div.about-us-title,
   div.faq-title,
   .panel-heading, 
   .page-heading,
   div.policy-title, 
   div.terms-title,
   div.about-title,
   .blue-bordered-title,
   .duplicate-title-container {
       display: none !important;
   }

   /* Account Modal Styles */
.no-scroll {
    overflow: hidden !important;
}

/* Account modal specific styles */
.account-modal {
    position: relative;
}

.account-modal .corner-accent {
    position: absolute;
    width: 16px;
    height: 16px;
}

.account-modal .corner-accent.top-left {
    top: 0;
    left: 0;
    border-top: 1px solid rgba(69,230,240,.34);
    border-left: 2px solid #45E6F0;
}

.account-modal .corner-accent.top-right {
    top: 0;
    right: 0;
    border-top: 1px solid rgba(69,230,240,.34);
    border-right: 2px solid #45E6F0;
}

.account-modal .corner-accent.bottom-left {
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #45E6F0;
    border-left: 2px solid #45E6F0;
}

.account-modal .corner-accent.bottom-right {
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #45E6F0;
    border-right: 2px solid #45E6F0;
}

/* Modal animation */
.fixed.inset-0 {
    animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Modal content animation */
.fixed.inset-0> div {
    animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
    from { 
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }
    to { 
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* GXD v14 PRECOMPILED TAILWIND UTILITIES — current theme plus package-page coverage. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-0\.5{inset:-.125rem}.inset-0{inset:0}.-end-2{inset-inline-end:-.5rem}.-top-2{top:-.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-5{left:1.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-6{right:1.5rem}.top-1\/2{top:50%}.top-3{top:.75rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.col-span-full{grid-column:1/-1}.m-0{margin:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.ms-3{margin-inline-start:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-10{height:2.5rem}.h-16{height:4rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[10vh\]{height:10vh}.h-\[2\.5vw\]{height:2.5vw}.h-\[7vh\]{height:7vh}.h-auto{height:auto}.h-full{height:100%}.max-h-12{max-height:3rem}.max-h-14{max-height:3.5rem}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[42px\]{min-height:42px}.w-10{width:2.5rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[100vw\]{width:100vw}.w-\[15vw\]{width:15vw}.w-\[2\.5vw\]{width:2.5vw}.w-\[25vw\]{width:25vw}.w-\[35vw\]{width:35vw}.w-\[60vw\]{width:60vw}.w-\[80vw\]{width:80vw}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[1000px\]{max-width:1000px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[85vw\]{max-width:85vw}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.max-w-screen-xl{max-width:1280px}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-\[1\.25vw\]{gap:1.25vw}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.border-\[\#0c2348\]{--tw-border-opacity:1;border-color:rgb(12 35 72/var(--tw-border-opacity,1))}.border-\[\#12345d\]{--tw-border-opacity:1;border-color:rgb(18 52 93/var(--tw-border-opacity,1))}.border-\[\#21e6ed\]{--tw-border-opacity:1;border-color:rgb(33 230 237/var(--tw-border-opacity,1))}.border-\[\#21e6ed\]\/40{border-color:rgba(33,230,237,.4)}.border-\[\#273446\]{--tw-border-opacity:1;border-color:rgb(39 52 70/var(--tw-border-opacity,1))}.border-\[\#45E6F0\]{--tw-border-opacity:1;border-color:rgb(69 230 240/var(--tw-border-opacity,1))}.border-\[\#45E6F0\]\/20{border-color:rgba(69,230,240,.2)}.border-\[\#45E6F0\]\/30{border-color:rgba(69,230,240,.3)}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.bg-\[\#051426\]{--tw-bg-opacity:1;background-color:rgb(5 20 38/var(--tw-bg-opacity,1))}.bg-\[\#071a33\]{--tw-bg-opacity:1;background-color:rgb(7 26 51/var(--tw-bg-opacity,1))}.bg-\[\#0B1118\]{--tw-bg-opacity:1;background-color:rgb(11 17 24/var(--tw-bg-opacity,1))}.bg-\[\#0B1118\]\/80{background-color:rgba(11,17,24,.8)}.bg-\[\#273446\]{--tw-bg-opacity:1;background-color:rgb(39 52 70/var(--tw-bg-opacity,1))}.bg-\[\#45E6F0\]{--tw-bg-opacity:1;background-color:rgb(69 230 240/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#0095ff\]{--tw-gradient-from:#0095ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(0,149,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#05070A\]{--tw-gradient-from:#05070a var(--tw-gradient-from-position);--tw-gradient-to:rgba(5,7,10,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#2F6BFF\]{--tw-gradient-from:#2f6bff var(--tw-gradient-from-position);--tw-gradient-to:rgba(47,107,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#ff6b35\]{--tw-gradient-from:#ff6b35 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,107,53,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#0B1A2B\]{--tw-gradient-to:rgba(11,26,43,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0b1a2b var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#05070A\]{--tw-gradient-to:#05070a var(--tw-gradient-to-position)}.to-\[\#21e6ed\]{--tw-gradient-to:#21e6ed var(--tw-gradient-to-position)}.to-\[\#45E6F0\]{--tw-gradient-to:#45e6f0 var(--tw-gradient-to-position)}.to-\[\#f7931e\]{--tw-gradient-to:#f7931e var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[2vw\]{padding-left:2vw;padding-right:2vw}.px-\[4vw\]{padding-left:4vw;padding-right:4vw}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-5{padding-bottom:1.25rem}.pl-14{padding-left:3.5rem}.pr-6{padding-right:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.2em\]{letter-spacing:.2em}.text-\[\#21e6ed\]{--tw-text-opacity:1;color:rgb(33 230 237/var(--tw-text-opacity,1))}.text-\[\#273446\]{--tw-text-opacity:1;color:rgb(39 52 70/var(--tw-text-opacity,1))}.text-\[\#45E6F0\]{--tw-text-opacity:1;color:rgb(69 230 240/var(--tw-text-opacity,1))}.text-\[\#C7D0DA\]{--tw-text-opacity:1;color:rgb(199 208 218/var(--tw-text-opacity,1))}.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-100\/70{color:rgba(219,234,254,.7)}.text-blue-200{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-200\/85{color:rgba(191,219,254,.85)}.text-blue-200\/90{color:rgba(191,219,254,.9)}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-30{opacity:.3}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-black\/20{--tw-shadow-color:rgba(0,0,0,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/30{--tw-shadow-color:rgba(0,0,0,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/50{--tw-shadow-color:rgba(0,0,0,.5);--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:translate-x-2:hover{--tw-translate-x:0.5rem}.hover\:scale-110:hover,.hover\:translate-x-2:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:border-b-2:hover{border-bottom-width:2px}.hover\:border-\[\#21e6ed\]:hover{--tw-border-opacity:1;border-color:rgb(33 230 237/var(--tw-border-opacity,1))}.hover\:border-\[\#45E6F0\]:hover{--tw-border-opacity:1;border-color:rgb(69 230 240/var(--tw-border-opacity,1))}.hover\:bg-\[\#0c2348\]:hover{--tw-bg-opacity:1;background-color:rgb(12 35 72/var(--tw-bg-opacity,1))}.hover\:bg-\[\#273446\]:hover{--tw-bg-opacity:1;background-color:rgb(39 52 70/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:text-\[\#21e6ed\]:hover{--tw-text-opacity:1;color:rgb(33 230 237/var(--tw-text-opacity,1))}.hover\:text-\[\#45E6F0\]:hover{--tw-text-opacity:1;color:rgb(69 230 240/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_0_15px_rgba\(255\2c 107\2c 53\2c 0\.5\)\]:hover{--tw-shadow:0 0 15px rgba(255,107,53,.5);--tw-shadow-colored:0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_15px_rgba\(33\2c 230\2c 237\2c 0\.5\)\]:hover{--tw-shadow:0 0 15px rgba(33,230,237,.5);--tw-shadow-colored:0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_15px_rgba\(69\2c 230\2c 240\2c 0\.5\)\]:hover{--tw-shadow:0 0 15px rgba(69,230,240,.5);--tw-shadow-colored:0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_18px_rgba\(33\2c 230\2c 237\2c 0\.16\)\]:hover{--tw-shadow:0 0 18px rgba(33,230,237,.16);--tw-shadow-colored:0 0 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_18px_rgba\(69\2c 230\2c 240\2c 0\.18\)\]:hover{--tw-shadow:0 0 18px rgba(69,230,240,.18);--tw-shadow-colored:0 0 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-\[\#2F6BFF\]:focus{--tw-border-opacity:1;border-color:rgb(47 107 255/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-\[\#45E6F0\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(69 230 240/var(--tw-ring-opacity,1))}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity,1))}.group[open] .group-open\:rotate-45{--tw-rotate:45deg}.group:hover .group-hover\:translate-x-1,.group[open] .group-open\:rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-\[\#45E6F0\]{--tw-border-opacity:1;border-color:rgb(69 230 240/var(--tw-border-opacity,1))}.group:hover .group-hover\:bg-\[\#0095ff\]{--tw-bg-opacity:1;background-color:rgb(0 149 255/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-\[\#21e6ed\]{--tw-bg-opacity:1;background-color:rgb(33 230 237/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-\[\#071a33\]{--tw-text-opacity:1;color:rgb(7 26 51/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-30{opacity:.3}.group:hover .group-hover\:opacity-70{opacity:.7}@media not all and (min-width:768px){.max-md\:hidden{display:none}}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:hidden{display:none}.md\:w-\[85\%\]{width:85%}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem*var(--tw-space-x-reverse));margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)))}.md\:border-0{border-width:0}.md\:p-0{padding:0}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-lg{font-size:1.125rem}.md\:text-lg,.md\:text-xl{line-height:1.75rem}.md\:text-xl{font-size:1.25rem}}@media (min-width:1024px){.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mb-0{margin-bottom:0}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:w-\[80\%\]{width:80%}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:justify-start{justify-content:flex-start}.lg\:text-left{text-align:left}}@media (min-width:1280px){.xl\:w-\[70\%\]{width:70%}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.rtl\:space-x-reverse:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}@media (prefers-color-scheme:dark){.dark\:border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity,1))}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:focus\:ring-gray-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity,1))}}

/* GXD v14 package layout safety net.
   Mirrors the package template's Tailwind desktop grid even if Tebex injects
   package-only markup that was not visible during the static theme build. */
@media (min-width:1024px){
  .grid.grid-cols-1.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lg\:col-span-7{grid-column:span 7/span 7}
  .lg\:col-span-5{grid-column:span 5/span 5}
}