:root {  --gb-bg: #181a21;  --gb-bg-header: rgba(32,34,42,0.92);  --gb-bg-header-gloss: rgba(60,65,80,0.13);  --gb-border: #262b38;  --gb-accent: #ffc34d;  --gb-accent2: #00ffe3;  --gb-cat-bg: #23242c;  --gb-shadow: 0 6px 24px 0 #000b;  --gb-radius: 14px;  --gb-transition: all .18s cubic-bezier(.55,.12,.35,1);  --gb-sidebar-width: 340px;  --gb-header-padding-x: 22px;  --gb-content-max-width: 1650px;  --gb-font-main: 'Inter', 'Montserrat', 'Segoe UI', Arial, sans-serif;}html, body {  background: var(--gb-bg) url('/ext/gameberries/gameberries_wp_1.webp') no-repeat center center fixed;  background-size: cover;  color: #fff9e9;  margin: 0;  font-family: var(--gb-font-main);  font-size: 16px;  box-sizing: border-box;  scroll-behavior: smooth;  min-height: 100vh;}.site-container {  min-height: 100vh;  min-width:300px;  display: flex;  flex-direction: column;  padding: 0 1vw;  transition: padding-top 0.8s cubic-bezier(.7,.15,.35,1);}main {  flex: 1 0 auto;}footer {  flex-shrink: 0;}* { -webkit-tap-highlight-color: transparent;}a {color: #fca;text-decoration:none;}a:hover {color: #ffa; text-decoration: underline;}.gb-footer {  background: linear-gradient(180deg, rgba(33,36,43,0.86) 0%, rgba(24,26,33,0.87) 80%);  color: #f3efe0;  font-size: 15px;  font-family: var(--gb-font-main, 'Inter', 'Montserrat', 'Segoe UI', Arial, sans-serif);  margin: 0;  box-shadow: 0 -3px 32px #000c, 0 0px 12px #00ffe311;  padding-top: 44px;  border-top: 2px solid var(--gb-border, #353a47);  border-top-left-radius: 22px;  border-top-right-radius: 22px;  border-bottom-left-radius: 0;  border-bottom-right-radius: 0;  position: relative;  overflow: hidden;  backdrop-filter: blur(12px) brightness(1.07) saturate(1.12);  -webkit-backdrop-filter: blur(12px) brightness(1.07) saturate(1.12);}.gb-footer::before {  content: '';  display: block;  position: absolute;  top: 0; left: 0; right: 0;  height: 9px;  background: linear-gradient(90deg, #fff8 10%, #00ffe355 50%, #fff0 90%);  opacity: 0.12;  pointer-events: none;  z-index: 1;}.gb-footer__top {  display: grid;  grid-template-columns: 1.2fr 2.3fr 1.3fr;  gap: 38px 48px;  max-width: 1640px;  margin: 0 auto;  padding: 0 32px 34px 32px;  position: relative;  z-index: 2;}.gb-footer__brand {  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 16px;  z-index: 2;}.gb-footer__logo img {  height: 40px;  filter: drop-shadow(0 1.5px 12px #ffc34d4d);}.gb-footer__claim {  color: var(--gb-accent2, #00ffe3);  font-size: 1.16em;  margin: 6px 0 0 0;  font-weight: 500;  letter-spacing: .3px;  text-shadow: 0 0 9px #00ffe338, 0 2px 8px #0002;}.gb-footer__nav {  display: flex;  gap: 42px;  justify-content: flex-start;  flex-wrap: wrap;}.gb-footer__nav > div {  min-width: 130px;  margin-bottom: 18px;}.gb-footer__nav h3 {  color: var(--gb-accent, #ffd55f);  font-size: 1.07em;  margin: 0 0 11px 0;  font-weight: 600;  letter-spacing: .42px;  text-shadow: 0 1px 6px #0006, 0 0px 12px #ffd55f2a;}.gb-footer__nav ul {  list-style: none;  padding: 0;  margin: 0;}.gb-footer__nav li {  margin-bottom: 9px;}.gb-footer__nav a {  color: #efe8c9;  text-decoration: none;  font-size: 1em;  font-weight: 500;  transition: color .15s, text-shadow .12s;  text-shadow: 0 1px 4px #0005;}.gb-footer__nav a:hover, .gb-footer__nav a:focus {  color: var(--gb-accent2, #00ffe3);  text-shadow: 0 0 9px #00ffe388, 0 1.5px 8px #fff4;  text-decoration: underline;  outline: none;}.gb-footer__info {  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 14px;}.gb-footer__info h3 {  color: var(--gb-accent, #ffc34d);  font-size: 1.04em;  margin-bottom: 7px;  font-weight: 600;  text-shadow: 0 1px 5px #0003;}.gb-footer__info a {  color: #fffbe0;  text-decoration: underline;  word-break: break-all;  font-weight: 500;  text-shadow: 0 1px 7px #00ffe335;}.gb-footer__bottom {  border-top: 1.5px solid var(--gb-border, #2a2d36);  background: linear-gradient(90deg, rgba(23,24,31,0.92) 80%, rgba(33,36,43,0.94) 100%);  padding: 17px 26px 11px 26px;  display: flex;  align-items: center;  justify-content: space-between;  max-width: 1650px;  margin: 0 auto;  gap: 18px;  flex-wrap: wrap;  border-bottom-left-radius: 0;  border-bottom-right-radius: 0;  box-shadow: 0 2px 12px #0007;}.gb-footer__copy {  color: #cfcab9;  font-size: 1.02em;  text-shadow: 0 1px 7px #0005;}.gb-footer__badges img {  margin-left: 12px;  height: 22px;  vertical-align: middle;  background: #fff;  border-radius: 4px;  box-shadow: 0 1px 5px #0003;  padding: 2px 3px;}/* Responsive für Footer */@media (max-width: 1200px) {  .gb-footer__top {    grid-template-columns: 1.1fr 1.9fr 1.1fr;    gap: 28px 22px;    padding-left: 16px; padding-right: 16px;  }}@media (max-width: 880px) {  .gb-footer__top {    grid-template-columns: 1fr 1fr;    gap: 24px 16px;    padding: 0 8vw 24px 8vw;  }  .gb-footer__info {    grid-column: 2;    grid-row: 2;  }}@media (max-width: 650px) {  .gb-footer {    border-top-left-radius: 15px;    border-top-right-radius: 15px;    padding-top: 27px;  }  .gb-footer__top {    display: flex;    flex-direction: column;    gap: 15px;    padding: 0 4vw 12px 4vw;  }  .gb-footer__nav {    gap: 11px;    flex-wrap: wrap;  }  .gb-footer__brand, .gb-footer__info {    align-items: flex-start;  }  .gb-footer__social { margin-top: 0; }}@media (max-width: 420px) {  .gb-footer__bottom {    flex-direction: column;    align-items: flex-start;    gap: 9px;    padding: 13px 2vw 8px 2vw;    border-radius:0;  }  .gb-footer {    border-radius:0;  }}/* === HEADER FLEX ORDER === */.gb-header__inner > .gb-nav__categories { order: 10; }.gb-header__inner > .gb-logo { order: 20; }.gb-header__inner > .gb-categories { order: 30; }.gb-header__inner > .searchbx { order: 40; }.gb-header__inner > .gb-header__actions { order: 50; }/* === HEADER LAYOUT === */.gb-header {  min-width: 300px;  position: sticky;  top: 0;  left: 0;  right: 0;  width: 100%;  max-width: var(--gb-content-max-width, 1650px);  margin: 0 auto;  height: var(--gb-header-height);  min-height: var(--gb-header-height);  z-index: 100;  background: var(--gb-bg-header);  box-shadow: 0 6px 28px 0 #000b, 0 2px 16px 0 #00ffe326;  border-bottom: 2.5px solid var(--gb-border);  box-sizing: border-box;  backdrop-filter: blur(13px) brightness(1.08) saturate(1.07);  -webkit-backdrop-filter: blur(13px) brightness(1.08) saturate(1.07);  border-radius: 0 0 18px 18px;  overflow: visible;  display: flex;  justify-content: center;  align-items: center;  padding: 0;}/* === HEADER INNER LAYOUT === */.gb-header__inner {  width: 100%;  margin: 0;  display: flex;  align-items: center;  justify-content: stretch;  padding: 0;  box-sizing: border-box;  position: relative;  gap: 0;}.gb-header__inner > :first-child { margin-left: 18px; }.gb-header__inner > :last-child { margin-right: 18px; }/* === HEADER GRADIENT === */.gb-header::before {  content: '';  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  height: 12px;  background: linear-gradient(90deg, #fff8 8%, #00ffe366 50%, #fff0 92%);  opacity: 0.13;  pointer-events: none;  z-index: 1!important;  border-radius: 0 0 15px 15px;}/* === HEADER STRUCTURE FLEX === */.gb-nav__categories,.gb-logo,.gb-header__actions {  flex: 0 0 auto;}/* === HEADER ACTIONS & BUTTONS === */.gb-header__actions {  display: flex;  align-items: center;  gap: 12px;  flex: 0 0 auto;}.gb-icon-btn {  background: none;  border: none;  color: var(--gb-accent);  font-size: 22px;  display: flex;  align-items: center;  padding: 7px;  border-radius: 50%;  position: relative;  transition: background 0.15s, color 0.13s;  cursor: pointer;  backdrop-filter: none;}.gb-icon-btn:focus,.gb-icon-btn:active {  outline: none;  box-shadow: 0 0 0 2.5px #ffd36d60, 0 1.5px 6px #00ffe321;}.gb-icon-btn:focus:not(:focus-visible),.gb-icon-btn:active:not(:focus-visible) {  box-shadow: none;}.gb-icon-btn:focus-visible {  outline: none;  box-shadow: 0 0 0 2.5px #ffd36dc7, 0 2px 8px #0001;}.gb-icon-btn:hover {  background: #24252a;  color: var(--gb-accent2);}.gb-cart-btn {  position: relative;}.gb-cart-badge {  position: absolute;  top: 30px;  margin-left:2px;  min-width: 16px;  height: 16px;  font-size: 14px;  background: var(--gb-accent2);  color: #101215;  border-radius: 12px;  padding: 0 2px;  font-weight: bold;  display: flex;  align-items: center;  justify-content: center;  border: 2px solid #23242a;  box-shadow: 0 1px 4px #0009;  z-index:999;}.gb-cart-badge:empty {display:none;}/* === CATEGORIES === */.gb-cat-btn {  display: flex;  align-items: center;  justify-content: center;  min-width: 106px;  max-width: 180px;  padding: 7px 13px 6px 13px;  border-radius: 7px 7px 0 0;  border: none;  background: var(--gb-cat-bg);  color: #ffd36d;  font-weight: 700;  font-size: 15px;  letter-spacing: 0.5px;  cursor: pointer;  box-shadow: 0 1px 5px #0002;  outline: none;  border-bottom: 2.5px solid transparent;  border-top: 2.5px solid transparent;  transition:    background .18s cubic-bezier(.55,.12,.35,1),    color .18s cubic-bezier(.55,.12,.35,1),    border-color .22s cubic-bezier(.55,.12,.35,1),    box-shadow .18s cubic-bezier(.55,.12,.35,1);  position: relative;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}.gb-cat-btn.playstation {  border-bottom: 2.5px solid #4db8ff;}.gb-cat-btn.xbox {  border-bottom: 2.5px solid #7aff92;}.gb-cat-btn.nintendo {  border-bottom: 2.5px solid #ff5353;}.gb-cat-btn:hover, .gb-cat-btn:focus {  background: #303444;  color: #fffbe0;  box-shadow: 0 2px 18px 0 #00ffe344, 0 1.5px 6px #23293370;  border-bottom-width: 3.5px;  z-index: 1;}.gb-cat-btn:active {  background: #191b22;  color: #ffd36d;  box-shadow: 0 0 0 #0000;}.gb-cat-btn.active, .gb-cat-btn[aria-current="true"] {  color: #fff;  background: #22242a;  box-shadow: 0 2px 22px 0 #ffc34d33;  border-bottom-width: 4px;}.gb-cat-btn:focus,.gb-cat-btn:active {  outline: none;  box-shadow: 0 0 0 2.5px #00ffe350, 0 1.5px 6px #00ffe321;}.gb-cat-btn:focus:not(:focus-visible),.gb-cat-btn:active:not(:focus-visible) {  box-shadow: none;}.gb-cat-btn:focus-visible {  outline: none;  box-shadow: 0 0 0 2.5px #ffd36dc7, 0 2px 8px #0001;}/* === NAV CATEGORIES, LOGO, CATEGORY BAR === */.gb-nav__categories {  display: flex;  align-items: center;  background: none;  border: none;  color: var(--gb-accent);  font-size: 22px;  padding: 0 14px 0 4px;  height: 56px;  border-radius: 0;  cursor: pointer;  margin-right: 6px;  transition: var(--gb-transition);  outline: none;  backdrop-filter: none;}.gb-nav__categories svg { display: block; }.gb-nav__categories span { display: none; }.gb-logo {  margin-right: 18px;  display: flex;  align-items: center;  min-width: 42px;}.gb-logo img {  height: 38px;  display: block;  filter: drop-shadow(0 2px 14px #ffd35e33);  max-width: 160px;}.gb-categories {  display: flex;  align-items: center;  gap: 10px;  margin-right: 24px;}/* === DESKTOP LAYOUTS === */@media (min-width: 1650px) {  .gb-header, .site-container { max-width: var(--gb-content-max-width); margin: 0 auto; }}@media (max-width: 1100px) {  .gb-categories { display: none; }  .gb-header__inner { padding: 0 7px; }}/* === MOBILE: max-width 700px === */@media (max-width: 700px) {  .site-container {    padding: 0;  }  .gb-header {    width: 100vw;    margin: 0;    border-radius: 0;    padding: 0;  }  .gb-header__inner {    flex-wrap: wrap;    padding: 0 2vw;    width: 100vw;    min-height: unset;    gap: 0;    justify-content: center;  }  .gb-header__inner > :first-child {    margin-left: 0;  }  .gb-header__inner > :last-child {    margin-right: 0;  }}/* === MOBILE: max-width 520px === */@media (max-width: 520px) {  .site-container {    padding: 0;  }  .gb-header {    border-radius: 0;    top: 0;  }  .gb-header__inner {    padding: 0 1vw;    width: 100vw;    justify-content: center;  }  .gb-logo img {    height: auto;    max-width: 120px;  }}/* === LANDSCAPE MOBILE: max-width 800px, landscape === */@media (max-width: 800px) and (orientation: landscape) {  .gb-header {    width: 100vw;    max-width: 100vw;    margin: 0;    height: 46px;    min-height: 46px;    border-radius: 0 0 8px 8px;  }  .gb-header__inner {    padding: 0 2px;    width: 100vw;    justify-content: center;  }  .gb-header__inner > :first-child {    margin-left: 0;  }  .gb-header__inner > :last-child {    margin-right: 0;  }}@media (min-width: 701px) {  .searchbx {    display: flex;    align-items: center;    position: relative;    min-width: 0;    flex: 1 1 0;    margin: 0 18px;    transition: none;    z-index: 2;    max-width: 100%;    background: none;    box-shadow: none;  }  .searchfrm {    display: flex;    width: 100%;  }  .searchbx input {    width: 100%;    padding: 12px 44px 12px 18px;    border-radius: 32px;    border: 1.5px solid #23242c66;    background: #23242cb0;    color: #fff9e9;    font-size: 17px;    outline: none;    transition: background 0.15s, border 0.15s, color 0.15s;    box-shadow: 0 2px 8px #0002;    font-family: inherit;    backdrop-filter: blur(3px);  }  .searchbx input:focus,  .searchbx input:active {    background: #262730e0;    border: 1.5px solid #ffd36dcc;    color: #fff;  }  .searchbx button {    position: absolute;    right: 8px;    top: 50%;    transform: translateY(-50%);    background: none;    border: none;    color: var(--gb-accent);    cursor: pointer;    padding: 0;    display: flex;    align-items: center;    font-size: 20px;    transition: color 0.15s;  }  .searchbx--hide {    display: none !important;  }}@media (max-width: 700px) {  .searchbx {    display: flex;    position: relative;    min-width: 0;    flex: 1 1 0;    margin: 7px 0;    transition: none;    z-index: 2;    max-width: 100%;    background: none;    box-shadow: none;    order: 99!important;    width: 100vw;    max-width: 100vw;    flex: 0 0 100%;    padding: 0;  }  .searchfrm {    display: flex;    width: 100%;  }  .searchbx:focus-within .searchfrm {    width: 92%;    margin-left: auto;    margin-right: auto;    flex-direction: column;    justify-content: flex-start;    align-items: center;    display: flex;  }  .searchbx input {    width: 100%;    font-size: 1em;    border-radius: 12px;    background: #23242cb3;    box-shadow: 0 2px 8px #0001;    border: 1.3px solid #23242c33;    padding: 12px 44px 12px 14px;    margin: 0 9px;    min-height: 44px;    color: #f7f7f7;    font-family: inherit;    outline: none;    transition: background 0.15s, border 0.15s, color 0.15s;    backdrop-filter: blur(3px);  }  .searchbx input:focus,  .searchbx input:active {    background: #262730e0;    border: 1.5px solid #ffd36dcc;    color: #fff;  }  .searchbx:focus-within {    position: fixed;    inset: 0;    width: 100vw;    height: 100vh;    z-index: 999;    background: linear-gradient(      to bottom,      rgba(0, 0, 0, 0.86) 0%,      rgba(0, 0, 0, 0.7) 75%,      rgba(0, 0, 0, 0) 100%    );    padding: 0;    margin: 0;    flex-direction: column;    justify-content: flex-start;    align-items: center;    overflow: hidden;    display: flex;  }  .searchbx:focus-within input {    width: calc(100% - 30px);    font-size: 1.2em;    padding: 14px 3%!important;    border-radius: 8px;    background: #23242c;    color: #fff;    border: 0;    box-shadow: 0 2px 8px #0003;    margin: 16px;    transition: all 0.3s ease;  }  .searchbx button {    position: absolute;    right: 20px;    top: 50%;    transform: translateY(-50%);    background: none;    border: none;    color: var(--gb-accent);    cursor: pointer;    padding: 0;    display: flex;    align-items: center;    font-size: 1.3em;    transition: color 0.15s;  }  .searchbx:focus-within button {    position: absolute;    right: 22px;    top: 50%;    transform: translateY(-50%);    background: none;    border: none;    color: var(--gb-accent);    cursor: pointer;    padding: 0;    display: flex;    align-items: center;    font-size: 1.6em;    height: 36px;    width: 36px;    justify-content: center;    transition: color 0.15s;  }  .searchbx:focus-within button svg {    width: 1.3em;    height: 1.3em;    display: block;  }  .searchbx--hide {    display: none!important;  }}.gb-main {  position: relative;  z-index: 1;  max-width: var(--gb-content-max-width, 1650px);  width: 100%;  margin: 24px auto 38px auto;  padding: 38px 38px 46px 38px;  background: rgba(24, 26, 33, 0.57);  border-radius: 22px;  box-shadow: 0 2.5px 16px 0 #000b, 0 0.5px 4px 0 #181a21e0;  backdrop-filter: blur(2.7px) brightness(1.05);  -webkit-backdrop-filter: blur(2.7px) brightness(1.05);  transition: background 0.22s, box-shadow 0.2s;  display: flex;  flex-direction: column;  gap: 32px;  border: 1.5px solid rgba(60,65,90,0.11);  min-height: calc(100vh - var(--gb-header-height) - 38px - 24px - 180px);  box-sizing: border-box;}@media (max-width: 1200px) {  .gb-main {    max-width: 96vw;    padding: 24px 3vw 30px 3vw;    border-radius: 16px;    margin: 18px auto 28px auto;    min-height: calc(100vh - var(--gb-header-height) - 28px - 18px - 130px);  }}@media (max-width: 700px) {  .gb-main {    width: 100vw;    max-width: 100vw;    min-width: 100vw;    margin: 0;    padding: 0;    border-radius: 0;    box-shadow: 0 1.2px 8px #0008;    background: rgba(24, 26, 33, 0.93);    min-height: calc(100vh - var(--gb-header-height) - 10px - 60px);    box-sizing: border-box;    border: none;  }}/* Ensure cards allow overlays to escape without changing layout */.mainctlg__item{  position:relative;  overflow:visible;  z-index:0;}.mainctlg .mainctlg__content{overflow:visible}.mainctlg .mainctlg__imgwrap{overflow:visible}/* Widget shell */.mainctlg .ccartbx{  --btn-h:40px;  --rad:10px;  --pad:10px;  --qty-min:71px;                   /* ~22% wider than old 58px */  --grad-a:#ff8a3d;  --grad-b:#ffc35a;  --ink:#121417;  --shadow:0 4px 14px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.06);  position:relative;  display:flex;  align-items:center;  gap:8px;  height:var(--btn-h);  padding:0;  border-radius:var(--rad);  background:linear-gradient(90deg,var(--grad-a),var(--grad-b));  box-shadow:var(--shadow);  overflow:visible;  z-index:10;}/* Busy overlay (no blur) */.mainctlg .ccartbx .smcartLoadingBox{  position:absolute;  inset:0;  display:none;  background:rgba(0,0,0,0);  backdrop-filter:none;  -webkit-backdrop-filter:none;  z-index:30;}.mainctlg .ccartbx[aria-busy="true"] .smcartLoadingBox{display:block}/* Native <select> (kept for forms/accessibility; hidden visually if a custom dropdown exists) */.mainctlg .ccartbx .cartqtysel{  height:var(--btn-h);  min-width:var(--qty-min);  padding:0 var(--pad);  border:0;  border-right:1px solid rgba(0,0,0,0.12);  border-radius:var(--rad) 0 0 var(--rad);  background:linear-gradient(180deg,rgba(0,0,0,0.08),rgba(0,0,0,0.04));  color:var(--ink);  font-size:14px;  line-height:var(--btn-h);  outline:0;  appearance:none;  background-image:    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23121417' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");  background-repeat:no-repeat;  background-position:right 10px center;  background-size:14px;  padding-right:28px;}.mainctlg .ccartbx .cartqtysel:focus{box-shadow:inset 0 0 0 2px rgba(18,20,23,0.25)}/* Hide native select if a custom dropdown exists */.mainctlg .ccartbx:has(.qtydd) .cartqtysel{  position:absolute !important;  opacity:0 !important;  pointer-events:none !important;  width:0 !important;  height:0 !important;  min-width:0 !important;  border:0 !important;  padding:0 !important;}/* Add button */.mainctlg .ccartbx .cartbtn{  height:var(--btn-h);  flex:1 1 auto;  display:flex;  align-items:center;  gap:10px;  padding:0 14px 0 12px;  border:0;  border-radius:0 var(--rad) var(--rad) 0;  background:transparent;  color:var(--ink);  cursor:pointer;  position:relative;  z-index:11;}.mainctlg .ccartbx .cartbtn::before{  content:"";  width:18px; height:18px; flex:0 0 18px;  background:currentColor;  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23121417' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39A2 2 0 0 0 9.62 16h7.76a2 2 0 0 0 2-1.61L22 8H6'/></svg>") center/contain no-repeat;  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23121417' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39A2 2 0 0 0 9.62 16h7.76a2 2 0 0 0 2-1.61L22 8H6'/></svg>") center/contain no-repeat;}.mainctlg .ccartbx .cartbtn::after{  content:attr(data-label);  color:var(--ink);  font-size:14px;  font-weight:600;  letter-spacing:.2px;  white-space:nowrap;}.mainctlg .ccartbx .cartbtn[data-label=""]::after{content:"in den Warenkorb"}.mainctlg .ccartbx .cartbtn:focus-visible{outline:0; box-shadow:inset 0 0 0 2px rgba(18,20,23,0.25)}.mainctlg .ccartbx .cartbtn:active{transform:translateY(1px)}/* Clear button (icon changed to minus-circle) */.mainctlg .ccartbx .cartclr{  position:absolute;  right:6px; top:6px;  height:28px; width:28px;  border:0; border-radius:8px;  background:rgba(18,20,23,0.55);  color:#e6ebf2;  display:grid; place-items:center;  cursor:pointer; z-index:12;}.mainctlg .ccartbx .cartclr::before{  content:"";  width:15px; height:15px; background:currentColor;  /* neutral "minus-circle" symbol */  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23e6ebf2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='8' y1='12' x2='16' y2='12'/></svg>") center/contain no-repeat;  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23e6ebf2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='8' y1='12' x2='16' y2='12'/></svg>") center/contain no-repeat;}.mainctlg .ccartbx .cartclr:hover{background:rgba(18,20,23,0.7)}.mainctlg .ccartbx .cartclr:active{transform:translateY(1px)}/* Hide clear button when not in cart */.mainctlg .ccartbx:not([data-in-cart="1"]) .cartclr{  display:none;}/* Disabled state */.mainctlg .ccartbx .cartbtn:disabled,.mainctlg .ccartbx .cartclr:disabled,.mainctlg .ccartbx .cartqtysel:disabled{  opacity:.6;  cursor:not-allowed;}/* Custom quantity trigger */.mainctlg .ccartbx .qtydd{  position:relative;  height:var(--btn-h);  min-width:var(--qty-min);  border-right:1px solid rgba(0,0,0,0.12);  border-radius:var(--rad) 0 0 var(--rad);  flex:0 0 auto;  z-index:100;}.mainctlg .ccartbx .qtydd__btn{  height:100%; width:100%;  padding:0 var(--pad);  border:0; border-radius:inherit;  background:linear-gradient(180deg,rgba(0,0,0,0.08),rgba(0,0,0,0.04));  color:var(--ink);  font-size:14px;  line-height:var(--btn-h);  text-align:center;               /* centered */  font-weight:700;                 /* bold */  cursor:pointer; position:relative;  padding-right:28px;              /* keep room for caret */}.mainctlg .ccartbx .qtydd__btn::before{content:attr(data-caption)}.mainctlg .ccartbx .qtydd__btn::after{  content:"";  position:absolute; right:10px; top:50%;  width:14px; height:14px; transform:translateY(-50%);  background:currentColor;  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23121417' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") center/contain no-repeat;  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23121417' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") center/contain no-repeat;}.mainctlg .ccartbx .qtydd[aria-expanded="false"] .qtydd__btn:focus-visible{  outline:0; box-shadow:inset 0 0 0 2px rgba(18,20,23,0.25);}/* Floating portal (keeps card size unchanged) */.qtydd-portal{  position:fixed; left:0; top:0;  min-width:120px; max-width:320px;  z-index:2000; display:none; pointer-events:auto;}.qtydd-portal .qtydd__list{  list-style:none; margin:0; padding:6px;  max-height:260px; overflow:auto;  border-radius:10px; background:rgba(18,20,23,0.98);  color:#e8eaf0;  box-shadow:0 10px 24px rgba(0,0,0,0.45), 0 1px 0 rgba(255,255,255,0.06) inset;  will-change:transform, top, left; contain:layout paint;}.qtydd-portal .qtydd__opt{  padding:8px 10px; border-radius:8px;  font-size:14px; cursor:pointer; outline:0;}.qtydd-portal .qtydd__opt:hover{background:rgba(255,255,255,0.06)}.qtydd-portal .qtydd__opt.is-active{background:rgba(255,255,255,0.12)}.qtydd-portal.qtydd-portal--flip .qtydd__list{ transform-origin: bottom; }/* Busy: keep trigger inert */.mainctlg .ccartbx[aria-busy="true"] .qtydd__btn{opacity:.6;cursor:not-allowed}.mainctlg .ccartbx[aria-busy="true"] .qtydd__opt{pointer-events:none}/* Mobile tweaks (≤600px) */@media (max-width:600px){  .mainctlg .ccartbx{    margin:5px 5px;              /* light margins */    margin-left:auto;            /* right-align in card */    align-self:flex-end;    width:min(180px, 100%);    max-width:180px;    --btn-h:46px;                /* ~15% taller on mobile */    --rad:7px;                   /* smaller rounding on mobile */  }  .mainctlg .ccartbx .cartqtysel{ min-width:var(--qty-min); font-size:13px; }  .mainctlg .ccartbx .qtydd__btn{ font-size:13px; }  /* scale clear button and center vertically */  .mainctlg .ccartbx .cartclr{    height:calc(var(--btn-h) * .68);    width:calc(var(--btn-h) * .68);    top:50%;    right:6px;    transform:translateY(-50%);    border-radius:6px;  }  .qtydd-portal .qtydd__list{max-height:220px}}/* Dual-ring spinner visuals (no layout impact) */.ccartbx .ldspinner{ position:absolute; inset:auto; display:none; pointer-events:none; }/* Use currentColor/--ink so it matches your theme */.ccartbx .ldspinner .lds-ring{  position:absolute;  inset:0;  border-radius:50%;  border:2px solid transparent;}.ccartbx .ldspinner .ring-1{  border-top-color: var(--ink, #121417);  animation: gbspin 0.8s linear infinite;  opacity:.95;}.ccartbx .ldspinner .ring-2{  border-right-color: var(--ink, #121417);  animation: gbspin-ccw 1s linear infinite;  opacity:.7;}@keyframes gbspin { to { transform: rotate(360deg); } }@keyframes gbspin-ccw { to { transform: rotate(-360deg); } }/* Show spinner automatically when widget is busy */.ccartbx[aria-busy="true"] .ldspinner{ display:block; }.fromto {  display: flex;  justify-content: center;  align-items: center;  margin: 18px 0 0 0;  font-size: 18px;  font-weight: 400;  background: linear-gradient(110deg, rgba(26,29,41,0.9) 70%, rgba(28,31,43,0.95) 100%);  color: #e2e4ec;  border-radius: 20px;  padding: 12px 28px;  box-shadow: 0 4px 12px rgba(0,0,0,0.25);  letter-spacing: 0.02em;  user-select: none;  min-height: 38px;  opacity: 0;  transform: translateY(8px) scale(0.98);  animation: fromto-fadein 0.4s ease forwards;  backdrop-filter: blur(2px);}.fromto span {  color: #ffeeb8;  font-weight: 400;  font-size: 18px;  letter-spacing: 0.02em;  text-shadow: 0 1px 1px rgba(0,0,0,0.4);}@keyframes fromto-fadein {  to {    opacity: 1;    transform: translateY(0) scale(1);  }}@media (max-width: 700px) {  .fromto {    font-size: 16px;    padding: 9px 18px;    border-radius: 0;    margin: 0;    min-height: 28px;  }  .fromto span {    font-size: 16px;  }}.mainctlg {  display: grid;  grid-template-columns: repeat(5, 1fr);  gap: 38px 22px;  padding: 0;  margin: 0 auto 50px auto;  max-width: 1650px;}@media (max-width: 1200px) {  .mainctlg { grid-template-columns: repeat(3, 1fr); }}@media (max-width: 900px) {  .mainctlg { grid-template-columns: repeat(2, 1fr); gap: 22px 10px; }}@media (max-width: 600px) {  .mainctlg {    display: flex;    flex-direction: column;    gap: 13px 0;    max-width: 98%;    padding: 0;  }}.mainctlg__item {  display: flex;  flex-direction: column;  background: rgba(26,29,38,0.89);  border-radius: 15px;  box-shadow: 0 2.5px 18px #000c, 0 0.5px 7px #23233840;  border: 1.2px solid rgba(74,90,116,0.13);  overflow: hidden;  min-width: 0;  min-height: 240px;  transition: box-shadow .17s, border-color .16s, background .16s;  position: relative;  backdrop-filter: blur(0.5px) brightness(1.05);}.mainctlg__item:hover,.mainctlg__item:focus-within {  box-shadow: 0 5px 32px #00ffe357, 0 2px 12px #ffc34d2b;  border-color: #00ffe3b3;  background: rgba(37,41,54,0.98);  z-index: 1;}.mainctlg__imgwrap {  display: block;  width: 100%;  aspect-ratio: 16/10.2;  overflow: hidden;  position: relative;  border-radius: 0;  background: #1a1c22;  transition: box-shadow .13s;  box-shadow: 0 0.5px 7px #00ffe321;}.mainctlg__imgwrap img {  display: block;  width: 100%;  height: 260px;  max-height: 340px;  min-height: 200px;  object-fit: cover;  object-position: center center;  border-radius: 0;  margin: 0;  transition: transform .17s cubic-bezier(.63,.05,.4,1.06);  box-shadow: 0 1.5px 18px #0003;}.mainctlg__item:hover .mainctlg__imgwrap img {  transform: scale(1.045) rotate(-0.2deg);  box-shadow: 0 3px 32px #00ffe344;}.mainctlg__title {  display: block;  width: 100%;  background: rgba(40,44,64,0.35);  backdrop-filter: blur(3.5px) brightness(1.06);  -webkit-backdrop-filter: blur(3.5px) brightness(1.06);  border-radius: 0;  font-family: \'Inter\', \'Montserrat\', Arial, sans-serif;  font-size: 0.80em;  color: #f7f6f1;  font-weight: 500;  letter-spacing: 0.01em;  line-height: 1.32em;  min-height: 1.3em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  word-break: break-word;  padding: 9px 5px;  margin: 0;  box-shadow: 0 1px 10px #0001;  text-decoration: none !important;  transition: color .18s, background .16s;  text-align: center;  text-indent: 0;}.mainctlg__title:empty::after {  content: \'\\00a0\';  min-width: 1em;}.mainctlg__content {  display: flex;  flex-direction: column;  flex: 1 1 auto;  justify-content: flex-end;  min-height: 74px;  gap: 0;  padding: 0;  margin: 0;}.mainctlg__price {  margin: 0 15px 16px 15px;  padding-top: 15px;  text-align: right;  align-self: flex-end;  font-family: \'Inter\', \'Montserrat\', Arial, sans-serif;  display: flex;  align-items: baseline;  gap: 0;  min-height: 34px;  font-weight: 500;  color: #fff;  font-size: 1.15em;}.mainctlg__price b {  font-size: 1.53em;  font-weight: 600;  color: inherit;  line-height: 1;  display: inline-block;  vertical-align: baseline;  margin: 0;}.mainctlg__price i {  font-size: 0.61em;  font-weight: 500;  color: inherit;  opacity: 1;  font-style: normal;  vertical-align: baseline;  align-self: baseline;  padding-bottom: 0;  margin-left: 8px;  display: inline-block;}.mainctlg__price .noprice, .mainctlg__price i.nosale {  color: #ffa4a4;  font-size: 1.03em;  opacity: 0.7;  font-weight: 400;  padding-left: 0;  margin: 0;  background: none;}@media (max-width: 900px) {  .mainctlg__imgwrap img { height: 170px; min-height: 120px; }}@media (max-width: 600px) {  .mainctlg__item {    flex-direction: row;    min-height: 110px;    border-radius: 8px;    box-shadow: 0 0.7px 8px #000a;    padding: 0;    gap: 0;  }  .mainctlg__imgwrap {    flex: 0 0 120px;    width: 120px;    height: 110px;    min-width: 88px;    border-radius: 8px 0 0 8px;    margin: 0;    overflow: hidden;  }  .mainctlg__imgwrap img {    height: 110px;    min-height: 70px;    border-radius: 8px 0 0 8px;  }  .mainctlg__content {    flex: 1 1 0;    padding: 0;    min-width: 0;    min-height: 0;    gap: 0;    margin: 0;    justify-content: flex-start;  }  .mainctlg__title {    padding: 13px 14px 7px 13px;    font-size: 0.99em;    text-align: left;    border-radius: 0 8px 0 0;    margin: 0;    width: 100%;    box-shadow: none;    background: rgba(40,44,64,0.28);    font-weight: 600;    letter-spacing: 0.01em;  }  .mainctlg__price {    margin: 3px 14px 8px 13px;    min-height: 1.3em;    font-size: 1.18em;    align-items: baseline;    text-align: right;    padding-top: 8px;    font-weight: 600;  }  .mainctlg__price b { font-size: 1.20em; }  .mainctlg__price i { font-size: 0.68em; margin-left: 8px; }}/* ========================= *//* Empty State for Main Catalog */.mainctlg__empty {  grid-column: 1 / -1;  width: 100%;  min-height: 200px;  display: grid;  place-items: center;  text-align: center;  font-size: 1.6em;  font-weight: 600;  color: #dde3ee;  background: linear-gradient(    90deg,    rgba(24, 26, 34, 0.3) 0%,    rgba(32, 35, 45, 0.25) 50%,    rgba(24, 26, 34, 0.3) 100%  );  backdrop-filter: blur(1px) brightness(1.02);  line-height: 1.4;  margin: 20px 0 40px 0;  text-shadow: 0 1px 3px rgba(0,0,0,0.4);  letter-spacing: 0.02em;  border-radius: 4px;  animation: fadeInEmpty 0.6s ease-out;  padding: 20px;  box-sizing: border-box;  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;}.mainctlg__empty:hover {  background: linear-gradient(    90deg,    rgba(30, 34, 45, 0.4) 0%,    rgba(40, 44, 60, 0.35) 50%,    rgba(30, 34, 45, 0.4) 100%  );  color: #eef2f7;  transform: scale(1.02);}@media (max-width: 900px) {  .mainctlg__empty {    font-size: 1.4em;  }}@media (max-width: 600px) {  .mainctlg__empty {    font-size: 1.2em;  }}@keyframes fadeInEmpty {  0% {    opacity: 0;    transform: translateY(10px);  }  100% {    opacity: 1;    transform: translateY(0);  }}.pages {  display: flex;  justify-content: center;  align-items: center;  gap: 5px;  font-size: 0;  user-select: none;  z-index: 2;  max-width: 100%;  margin: 3vh auto 5vh;  flex-wrap: wrap;  box-sizing: border-box;  padding: 0 8px;  border-radius: 14px;}.pages a {  display: inline-flex;  align-items: center;  justify-content: center;  min-width: 32px;  height: 34px;  margin: 0;  padding: 0 0.4em;  font-size: 16px;  color: #e6e7ea;  background: linear-gradient(135deg, #191b22 60%, #23283a 100%);  border-radius: 9px;  font-weight: 500;  letter-spacing: 0.17px;  text-decoration: none;  transition:    color .13s,    background .15s;  position: relative;  outline: none;  border: none;  box-shadow: none;}.pages a:hover,.pages a:focus {  color: #ffc34d;  background: linear-gradient(135deg, #232742 74%, #242736 100%);  filter: brightness(1.05);}.pages a#activePage,.pages a.active {  color: #ffd479;  background: linear-gradient(135deg, #27221a 54%, #41371b 100%);  font-weight: 600;  pointer-events: none;  cursor: default;  z-index: 2;  box-shadow: none;  border: none;  filter: none;}.pages a:first-child,.pages a:last-child {  color: #ffc34d;  background: linear-gradient(135deg, #191b22 60%, #23283a 100%);  font-size: 18px;  font-weight: 600;  border-radius: 9px;  padding: 0 9px;  min-width: 26px;  transition: color .13s, background .13s;}.pages a:first-child:hover,.pages a:last-child:hover {  background: linear-gradient(135deg, #232742 74%, #242736 100%);  color: #fffbe7;}.pages a[disabled],.pages .pages-ellipsis,.pages a[aria-disabled="true"] {  opacity: .36;  pointer-events: none;  cursor: default;  background: linear-gradient(135deg, #22232a 60%, #23283a 100%);  color: #9298b1;}@media (max-width: 700px) {  .pages {    gap: 6px;    margin: 1.2vh auto 1.7vh;    padding: 0 0.4vw;    border-radius: 7px;  }  .pages a, .pages a#activePage {    min-width: 20px;    height: 22px;    font-size: 12px;    border-radius: 5px;    padding: 0 0.09em;  }}html, body {  scrollbar-width: thin;  scrollbar-color: #ffc34d #181a23;}html::-webkit-scrollbar,body::-webkit-scrollbar {  width: 13px;  background: #181a23;}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb {  background: linear-gradient(180deg, #ffc34d 0%, #ff4dbe 100%);  border-radius: 10px;  min-height: 60px;  border: 3px solid #181a23;  box-shadow: 0 2px 10px #ffc34d33 inset, 0 0 0 1px #000c inset;}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover {  background: linear-gradient(180deg, #ffbb3c 0%, #ff6ae3 100%);}html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner {  background: #181a23;}@media (max-width: 700px) {  .wsitems-suggestions-box {    position: absolute;    top: 100%;    left: 0;    width: 100vw;    z-index: 99;    background: #1c1f26;    border-radius: 8px;    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);    padding: 0;    display: flex;    flex-direction: column;    gap: 6px;    max-height: 60vh;    overflow-y: auto;    transition: box-shadow 0.15s ease;  }  .suggestion-card {    display: flex;    align-items: center;    gap: 10px;    padding: 10px 14px;    background: #22252f;    border-radius: 6px;    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);    cursor: pointer;    transition: background 0.15s ease, transform 0.1s ease;  }  .suggestion-card:hover {    background: #2a2e3a;    transform: translateY(-1px);    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);    z-index: 1;  }  .suggestion-card img {    width: 36px;    height: 36px;    object-fit: cover;    border-radius: 4px;    background: #181b23;    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);  }  .suggestion-info {    flex: 1;    display: flex;    flex-direction: column;    min-width: 0;    overflow: hidden;  }  .suggestion-title {    color: #f0f4fa;    font-weight: 500;    font-size: 14px;    letter-spacing: 0;    line-height: 1.3;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;  }  .suggestion-price {    color: #92e6b9;    font-size: 13px;    margin-top: 1px;    font-weight: 400;    opacity: 0.9;  }  .suggestion-card.focused,  .suggestion-card:active {    background: #33405c;    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);    outline: none;    color: #fff;  }  .suggestion-card.focused .suggestion-title {    color: #fff;  }  .wsitems-suggestions-box::-webkit-scrollbar {    width: 6px;    background: transparent;  }  .wsitems-suggestions-box::-webkit-scrollbar-thumb {    background: #3a4454;    border-radius: 4px;  }}@media (min-width: 701px) {  .wsitems-suggestions-box {    position: absolute;    top: 100%;    left: 0;    width: 100%;    z-index: 99;    background: #1c1f26;    border-radius: 8px;    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);    padding: 10px 0 0;    display: flex;    flex-direction: column;    gap: 8px;    max-height: 60vh;    overflow-y: auto;    transition: box-shadow 0.15s ease;  }  .suggestion-card {    display: flex;    align-items: center;    gap: 12px;    padding: 10px 16px;    background: #22252f;    border-radius: 6px;    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);    cursor: pointer;    transition: background 0.15s ease, transform 0.1s ease;  }  .suggestion-card:hover {    background: #2a2e3a;    transform: translateY(-1px);    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);    z-index: 1;  }  .suggestion-card img {    width: 40px;    height: 40px;    object-fit: cover;    border-radius: 4px;    background: #181b23;    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);  }  .suggestion-info {    flex: 1;    display: flex;    flex-direction: column;    min-width: 0;    overflow: hidden;  }  .suggestion-title {    color: #f0f4fa;    font-weight: 500;    font-size: 15px;    letter-spacing: 0;    line-height: 1.3;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;  }  .suggestion-price {    color: #92e6b9;    font-size: 13px;    margin-top: 1px;    font-weight: 400;    opacity: 0.9;  }  .suggestion-card.focused,  .suggestion-card:active {    background: #33405c;    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);    outline: none;    color: #fff;  }  .suggestion-card.focused .suggestion-title {    color: #fff;  }  .wsitems-suggestions-box::-webkit-scrollbar {    width: 6px;    background: transparent;  }  .wsitems-suggestions-box::-webkit-scrollbar-thumb {    background: #3a4454;    border-radius: 4px;  }}.gb-sidebar {  position: fixed;  top: 0;  left: -100vw;  width: var(--gb-sidebar-width);  max-width: 98vw;  height: 100vh;  background: linear-gradient(135deg, #191a22f2 80%, #23293de0 100%);  backdrop-filter: blur(4px);  box-shadow: 14px 0 44px #000d, 0 1px 0 #fff1 inset;  z-index: 10001;  display: flex;  flex-direction: column;  transition: left .3s cubic-bezier(.66,.09,.46,.93);  border-radius: 0 18px 18px 0;  border-right: 1px solid #24242e88;  overflow: hidden;}.gb-sidebar.open { left: 0; }.gb-sidebar__content {  padding: 38px 28px 24px 32px;  overflow-y: auto;  height: 100%;  display: flex;  flex-direction: column;  position: relative;  scrollbar-width: thin;  scrollbar-color: #282b35 #17181e;}.gb-sidebar__content::-webkit-scrollbar {  width: 10px;  background: #17181e;  border-radius: 8px;}.gb-sidebar__content::-webkit-scrollbar-thumb {  background: linear-gradient(180deg, #232536 65%, #191a22 100%);  border-radius: 8px;  min-height: 48px;  border: 2px solid #191a22;  box-shadow: 0 1px 2px #0008 inset;}.gb-sidebar__content::-webkit-scrollbar-thumb:hover {  background: #323340;}.gb-sidebar__content::-webkit-scrollbar-corner {  background: #17181e;}.gb-sidebar__close {  position: absolute;  top: 16px;  right: 22px;  font-size: 38px;  color: var(--gb-accent2, #00ffe3);  background: none;  border: none;  cursor: pointer;  z-index: 10;  line-height: 1;  border-radius: 0;  padding: 0;  transition: color .18s;  box-shadow: none;}.gb-sidebar__close:hover,.gb-sidebar__close:focus {  color: var(--gb-accent, #ffc34d);  background: none;  box-shadow: none;}.gb-sidebar__title {  margin: 0 0 22px 0;  font-size: 23px;  color: var(--gb-accent);  font-weight: 800;  letter-spacing: 1.1px;  padding-top: 6px;  text-shadow: 0 2px 14px #10101e80, 0 1px 0 #000b;}/* Sidebar Kategorienbaum */.gb-sidebar__list {  list-style: none;  padding: 0;  margin: 0;  font-size: 0;}.gb-sidebar__list li {  color: #f6f7fa;  font-size: 17px;  font-weight: 500;  border-radius: 10px;  position: relative;  margin: 0 0 2px 0;  padding: 0;  border-bottom: 1.5px solid #24242e40;  box-shadow: none;  transition: background .17s, box-shadow .22s;}.gb-sidebar__list li:last-child { border-bottom: none; }.gb-sidebar__list li a {  display: flex;  align-items: center;  width: 100%;  color: inherit;  text-decoration: none;  padding: 12px 0 12px 0;  border-radius: 10px;  background: none;  font-size: 16px;  font-weight: 500;  gap: 12px;  cursor: pointer;  position: relative;  transition: background 0.14s, color 0.14s, box-shadow .15s;  outline: none;  box-shadow: none;}.gb-sidebar__list li.expanded > a {  background: linear-gradient(90deg, #20273a 60%, #212232 100%);  color: var(--gb-accent2, #00ffe3);  font-weight: 600;  border-left: 3px solid #00ffe3;}.gb-sidebar__list li > a .gb-cat-arrow {  width: 21px;  height: 21px;  margin-right: 0px;  margin-left: 0px;  display: inline-flex;  align-items: center;  justify-content: center;  transition: transform .21s cubic-bezier(.5,.18,.49,1.2), opacity .15s;  opacity: 0.82;  filter: drop-shadow(0 2px 4px #ffc34d33);}.gb-sidebar__list li:not(.expanded) > a .gb-cat-arrow {  transform: rotate(0deg);}.gb-sidebar__list li.expanded > a .gb-cat-arrow {  transform: rotate(90deg);  opacity: 1;}.gb-sidebar__list li > a:hover,.gb-sidebar__list li > a:focus {  background: linear-gradient(90deg, #22263c 70%, #1d1e27 100%);  color: var(--gb-accent2, #ffc34d);  box-shadow: none;  z-index: 2;}.gb-sidebar__list li > a:active {  background: #212334;  color: #00ffe3;}.gb-sidebar__list li > a + ul {  transition: max-height .26s cubic-bezier(.67,.07,.34,.99), opacity .15s, padding .19s;  max-height: 0;  opacity: 0;  overflow: hidden;  margin: 0;  padding-left: 17px;  padding-top: 0;  background: none;  border-left: 2.2px solid #23242e80;  border-radius: 0 0 9px 9px;  box-shadow: none;}.gb-sidebar__list li.expanded > a + ul {  max-height: 800px;  opacity: 1;  padding-top: 2px;  background: none;}.gb-sidebar__list ul.gb-sidebar__list > li > a {  font-size: 15px;  font-weight: 400;  border-radius: 7px;  padding: 8px 0 8px 0;  gap: 8px;  box-shadow: none;}.gb-sidebar__list ul.gb-sidebar__list {  border-left: 2px solid #23242e55;  margin-left: 4px;  padding-left: 8px;  background: none;}/* Platform colors (optional) */.gb-sidebar__list > li.playstation > a { border-left: 3px solid #0058a3; }.gb-sidebar__list > li.xbox > a { border-left: 3px solid #43e260; }.gb-sidebar__list > li.nintendo > a { border-left: 3px solid #ee2e2e; }/* Responsive */@media (max-width: 980px) {  .gb-sidebar__content { padding: 32px 12px 18px 16px; }}@media (max-width: 700px) {  .gb-sidebar {    top: 100vh;    left: 0;    width: 100vw;    max-width: 100vw;    min-width: unset;    height: 100vh;    border-radius: 0;    box-shadow: none;    background: #181a23f7;    transition: top .33s cubic-bezier(.66,.09,.46,.93), background .18s;    z-index: 10001;    border-right: none;  }  .gb-sidebar.open {    top: 0;    left: 0;    border-radius: 0;  }  .gb-sidebar__content {    padding: 38px 10vw 22px 10vw;  }  .gb-sidebar__close {    top: 18px;    right: 22px;    font-size: 36px;    color: var(--gb-accent2);  }}@media (max-width: 520px) {  .gb-sidebar__content { padding: 28px 4vw 16px 4vw; }}@media (max-width: 800px) and (orientation: landscape) {  .gb-sidebar {    width: 100vw;    min-width: unset;    max-width: 100vw;    height: 100vh;    border-radius: 0;  }  .gb-sidebar__content { padding: 20px 2vw 10px 2vw; }}.itemslider-lightbox {  position: fixed;  z-index: 10002;  left: 0; top: 0; right: 0; bottom: 0;  background: rgba(22,23,32,.99);  display: flex;  align-items: center;  justify-content: center;  opacity: 0;  transition: opacity 0.18s cubic-bezier(.77,0,.18,1);}.itemslider-lightbox.open { opacity: 1; }.itemslider-lightbox-img {  max-width: 99vw;  max-height: 97vh;  min-width: 120px;  min-height: 80px;  border-radius: 5px;  background: #181a21;  animation: lightbox-in 0.13s cubic-bezier(.82,0,.2,1);  object-fit: contain;  width: auto !important;  height: auto !important;  display: block;  box-shadow: 0 2px 18px #000c;  transform: scale(1.3);  transition: transform 0.18s;}@keyframes lightbox-in { from {transform:scale(1.13); opacity:.7;} to {transform:scale(1.3); opacity:1;} }.itemslider-lightbox-close {  position: absolute;  top: 2vw; right: 2vw;  background: none;  border: none;  color: #ffc34d;  font-size: 2.5em;  font-weight: 700;  cursor: pointer;  z-index: 101;  line-height: 1;  transition: color 0.15s;  padding: 0;}.itemslider-lightbox-close:hover { color: #fff; }.itemslider-lightbox-arrow {  position: absolute;  top: 50%;  background: #23242cdd;  color: #ffc34d;  width: 46px;  height: 46px;  border-radius: 50%;  border: none;  font-size: 1.35em;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  transform: translateY(-50%);  z-index: 101;  opacity: 0.94;  transition: background 0.13s, color 0.13s;}.itemslider-lightbox-arrow.left { left: 2vw; }.itemslider-lightbox-arrow.right { right: 2vw; }.itemslider-lightbox-arrow:hover { background: #ffc34d; color: #181a21; }@media (max-width: 600px) {  .itemslider-lightbox-img { max-width: 99vw; max-height: 80vh; border-radius: 2px; }  .itemslider-lightbox-close { top: 11px; right: 13px; font-size: 2em; }  .itemslider-lightbox-arrow { width: 36px; height: 36px; font-size: 1em; }  .itemslider-lightbox-arrow.left { left: 5px; }  .itemslider-lightbox-arrow.right { right: 5px; }}#gb-wallpaper-media {  position: fixed;  top: 0;  left: 0;  width: 100vw;  height: 100vh;  z-index: 0;  pointer-events: none;  overflow: hidden;  background: transparent;}.gb-wallpaper-video {  position: absolute;  top: 0;  left: 0;  width: 100vw;  height: 100vh;  min-width: 100vw;  min-height: 100vh;  object-fit: cover;  display: block;  opacity: 1;  transition: opacity 0.8s cubic-bezier(.62,.09,.35,1);  background: none;  pointer-events: none;  margin: 0;  padding: 0;  border: none;}.gb-itemdetails-content .gb-itemdetails-price{order:4;}.gb-itemdetails-content .ccartbx{order:5;}.gb-itemdetails-content .gb-itemdetails-actions{order:6;}.gb-itemdetails-content .ccartbx{  --btn-h:46px;  --rad:12px;  --pad:12px;  --qty-min:71px;  --grad-a:#ff8a3d;  --grad-b:#ffc35a;  --ink:#121417;  --shadow:0 6px 18px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06);  --buy-accent:var(--gb-cart-icon,var(--gb-accent2,#16e0d6));  display:flex;  align-items:center;  gap:14px;  flex-wrap:nowrap;  margin:6px 0 14px 0;}.gb-itemdetails-content .ccartbx .cart-widget{  position:relative;  display:inline-flex;  align-items:center;  gap:10px;  height:var(--btn-h);  padding:0;  border-radius:var(--rad);  background:linear-gradient(90deg,var(--grad-a),var(--grad-b));  box-shadow:var(--shadow);  overflow:visible;  z-index:10;  flex:0 0 auto;}.gb-itemdetails-content .ccartbx .qtydd{  position:relative;  height:var(--btn-h);  min-width:var(--qty-min);  border-right:1px solid rgba(0,0,0,.12);  border-radius:var(--rad) 0 0 var(--rad);  flex:0 0 auto;  z-index:100;}.gb-itemdetails-content .ccartbx .qtydd__btn{  height:100%;  width:100%;  padding:0 var(--pad);  border:0;  border-radius:inherit;  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.04));  color:var(--ink);  font-size:15px;  line-height:var(--btn-h);  text-align:center;  font-weight:700;  cursor:pointer;  position:relative;  padding-right:30px;  white-space:nowrap;}.gb-itemdetails-content .ccartbx .qtydd__btn::before{content:attr(data-caption);}.gb-itemdetails-content .ccartbx .qtydd__btn::after{  content:"";  position:absolute;  right:12px;  top:50%;  width:14px;  height:14px;  transform:translateY(-50%);  background:currentColor;  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121417' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") center/contain no-repeat;  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121417' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") center/contain no-repeat;}.gb-itemdetails-content .ccartbx .cartbtn{  height:var(--btn-h);  flex:0 0 auto;  display:flex;  align-items:center;  gap:10px;  padding:0 38px 0 14px;  border:0;  border-radius:0 var(--rad) var(--rad) 0;  background:transparent;  color:var(--ink);  cursor:pointer;  position:relative;  z-index:11;  white-space:nowrap;}.gb-itemdetails-content .ccartbx .cartbtn::before{  content:"";  width:19px;height:19px;flex:0 0 19px;  background:currentColor;  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121417' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39A2 2 0 0 0 9.62 16h7.76a2 2 0 0 0 2-1.61L22 8H6'/></svg>") center/contain no-repeat;  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121417' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39A2 2 0 0 0 9.62 16h7.76a2 2 0 0 0 2-1.61L22 8H6'/></svg>") center/contain no-repeat;}.gb-itemdetails-content .ccartbx .cartbtn::after{  content:attr(data-label);  color:var(--ink);  font-size:15px;  font-weight:700;  letter-spacing:.2px;}.gb-itemdetails-content .ccartbx .cartbtn[data-label=""]::after{content:"Add";}.gb-itemdetails-content .ccartbx .cartbtn:focus-visible{outline:0;box-shadow:inset 0 0 0 2px rgba(18,20,23,.25);}.gb-itemdetails-content .ccartbx .cartbtn:active{transform:translateY(1px);}.gb-itemdetails-content .ccartbx .cartclr{  position:absolute;  right:6px;  top:50%;  transform:translateY(-50%);  height:26px;  width:26px;  border:0;  border-radius:8px;  background:rgba(18,20,23,.62);  color:#e6ebf2;  display:none;  place-items:center;  cursor:pointer;  z-index:12;}.gb-itemdetails-content .ccartbx[data-in-cart="1"] .cartclr{display:grid;}.gb-itemdetails-content .ccartbx .cartclr::before{  content:"";  width:15px;height:15px;background:currentColor;  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6ebf2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='8' y1='12' x2='16' y2='12'/></svg>") center/contain no-repeat;  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6ebf2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='8' y1='12' x2='16' y2='12'/></svg>") center/contain no-repeat;}.gb-itemdetails-content .ccartbx .cartclr:hover{background:rgba(18,20,23,.75);}.gb-itemdetails-content .ccartbx .cartclr:active{transform:translateY(-50%);}.gb-itemdetails-content .ccartbx .ldspinner{position:absolute;pointer-events:none;z-index:40;display:none;width:26px;height:26px;}.gb-itemdetails-content .ccartbx[aria-busy="true"] .ldspinner{display:block;}.gb-itemdetails-content .ccartbx .ldspinner .lds-ring{position:absolute;inset:0;border:3px solid transparent;border-top-color:#fff;border-right-color:#fff;border-radius:50%;animation:gb-spin-a .8s linear infinite;}.gb-itemdetails-content .ccartbx .ldspinner .ring-2{border-top-color:#ffe08a;border-right-color:#ffe08a;animation:gb-spin-b .9s linear infinite reverse;opacity:.95;}.gb-itemdetails-content .ccartbx .cart-buy .buybtn{  --b:color-mix(in oklab,var(--buy-accent) 58%, #0d1b1f 42%);  height:var(--btn-h);  display:inline-flex;  align-items:center;  justify-content:center;  padding:0 28px;  border:1px solid var(--b);  border-radius:12px;  background:    radial-gradient(120% 120% at 30% 0%, color-mix(in oklab,var(--buy-accent) 96%, #0a2c31 4%) 0%, transparent 65%),    linear-gradient(180deg,      color-mix(in oklab,var(--buy-accent) 96%, #083238 4%) 0%,      color-mix(in oklab,var(--buy-accent) 80%, #06262a 100%) 100%);  color:#0f1a1e;  text-shadow:0 1px 0 rgba(255,255,255,.35);  font-size:15px;  font-weight:600;  letter-spacing:.15px;  white-space:nowrap;  cursor:pointer;  box-shadow:    0 10px 22px rgba(0,0,0,.28),    0 0 10px color-mix(in oklab,var(--buy-accent) 18%, transparent),    inset 0 1px 0 rgba(255,255,255,.14),    inset 0 -8px 18px rgba(0,0,0,.12);  transition:transform .08s ease,filter .18s ease,box-shadow .18s ease, background-position .18s ease;  background-size:200% 200%;  background-position:50% 0%;}.gb-itemdetails-content .ccartbx .cart-buy .buybtn:hover{  filter:saturate(1.06) brightness(1.05);  background-position:48% -6%;  box-shadow:    0 12px 24px rgba(0,0,0,.33),    0 0 14px color-mix(in oklab,var(--buy-accent) 26%, transparent),    inset 0 1px 0 rgba(255,255,255,.18),    inset 0 -10px 20px rgba(0,0,0,.14);}.gb-itemdetails-content .ccartbx .cart-buy .buybtn:active{  transform:translateY(1px);  filter:saturate(1.02) brightness(1);}@keyframes gb-spin-a{to{transform:rotate(360deg);}}@keyframes gb-spin-b{to{transform:rotate(-360deg);}}/* mobile */@media(max-width:600px){  .gb-itemdetails-content .ccartbx{    --btn-h:50px;    --rad:10px;    flex-direction:column;    align-items:stretch;    gap:10px;    width:calc(100% - 24px);    max-width:100%;    margin:10px 12px 16px 12px;  }  .gb-itemdetails-content .ccartbx .cart-widget{    width:100%;    max-width:none;    justify-content:flex-start;  }  .gb-itemdetails-content .ccartbx .qtydd{    min-width:var(--qty-min);    border-radius:var(--rad) 0 0 var(--rad);  }  .gb-itemdetails-content .ccartbx .cartbtn{padding:0 40px 0 14px;}  .gb-itemdetails-content .ccartbx .cart-buy{width:100%;max-width:none;}  .gb-itemdetails-content .ccartbx .cart-buy .buybtn{    width:100%;    height:52px;    font-size:16px;    border-radius:12px;  }}.itemslider {  width: 100%;  height: 100%;  aspect-ratio: 1.1/1;  border-radius: 16px;  position: relative;  overflow: hidden;  display: flex;  align-items: center;  justify-content: center;  background: none;  min-height: 240px;  min-width: 0;  flex-direction: row;}.itemslider-track {  display: flex;  transition: transform 0.45s cubic-bezier(.77,0,.18,1);  height: 100%;  width: 100%;}.itemslider-slide {  flex: 0 0 100%;  display: flex;  align-items: center;  justify-content: center;  height: 100%;  padding: 0;}.itemslider-slide img {  max-width: 98%;  max-height: 98%;  border-radius: 12px;  background: #282a3a;  object-fit: contain;  transition: filter 0.13s;  cursor: zoom-in;  display: block;}.itemslider-prev,.itemslider-next {  position: absolute;  top: 50%;  width: 42px;  height: 42px;  border-radius: 50%;  border: none;  background: #23242cdd;  color: #ffc34d;  font-size: 1.9em;  display: flex;  align-items: center;  justify-content: center;  transform: translateY(-50%);  cursor: pointer;  opacity: 0.92;  transition: background 0.13s, color 0.13s;  z-index: 4;  touch-action: manipulation;  pointer-events: all;}.itemslider-prev { left: 12px; }.itemslider-next { right: 12px; }.itemslider-prev svg,.itemslider-next svg {  width: 1em;  height: 1em;  display: block;  pointer-events: none;}.itemslider-dots {  position: absolute;  bottom: 14px;  left: 0;  right: 0;  display: flex;  justify-content: center;  gap: 9px;  z-index: 5;}.itemslider-dot {  display: block;  width: 12px;  height: 12px;  border-radius: 50%;  background: #ffc34d;  opacity: 0.42;  transition: opacity 0.13s, transform 0.13s;  cursor: pointer;  border: none;}.itemslider-dot.active,.itemslider-dot:hover {  opacity: 1;  transform: scale(1.12);}@media (max-width: 900px) {  .itemslider {    max-width: 100vw;    aspect-ratio: 1.15 / 1;    border-radius: 10px;    min-height: 170px;  }  .itemslider-prev {    left: 7px;  }  .itemslider-next {    right: 7px;  }}@media (max-width: 600px) {  .itemslider {    border-radius: 6px;    min-height: 120px;  }  .itemslider-prev,  .itemslider-next {    width: 33px;    height: 33px;    font-size: 1.18em;    left: 8px;    right: 8px;    top: 50%;    transform: translateY(-50%);  }  .itemslider-prev { left: 4px; right: auto; }  .itemslider-next { right: 4px; left: auto; }  .itemslider-dot { width: 10px; height: 10px; }}.gb-itemdetails--order-image-left .gb-itemdetails-image { order: 0; }.gb-itemdetails--order-image-left .gb-itemdetails-content { order: 1; }.gb-itemdetails--order-image-right .gb-itemdetails-image { order: 1; }.gb-itemdetails--order-image-right .gb-itemdetails-content { order: 0; }.gb-itemdetails-content .gb-itemdetails-region { order: 0; }.gb-itemdetails-content .gb-itemdetails-title { order: 1; }.gb-itemdetails-content .gb-itemdetails-meta { order: 2; }.gb-itemdetails-content .gb-itemdetails-rating { order: 3; }.gb-itemdetails-content .gb-itemdetails-price { order: 4; }.gb-itemdetails-content .gb-itemdetails-actions { order: 5; }.gb-itemdetails {  margin: 1vh auto;  padding: 0 0 36px 0;  color: #f5f6fa;  font-family: var(--gb-font-main, 'Inter', 'Montserrat', 'Segoe UI', Arial, sans-serif);}.gb-itemdetails-main {  display: flex;  gap: 10px;  padding: 26px;  margin: 0 auto;  background: var(--gb-bg, #181a21);  border-radius: 22px;  box-shadow: var(--gb-shadow, 0 6px 24px 0 #000b);}.gb-itemdetails-image {  flex: 0 0 45%;  max-width: 45%;  min-width: 288px;  display: flex;  align-items: flex-start;  justify-content: center;  background: none;  border-radius: 0;  box-shadow: none;  overflow: visible;  padding: 0;}.gb-itemdetails-slider-inner {  width: 100%;  display: flex;  align-items: center;  justify-content: center;}.gb-itemdetails-content {  flex: 1 1 55%;  max-width: 55%;  min-width: 0;  display: flex;  flex-direction: column;  gap: 0;}.gb-itemdetails-region {  align-self: flex-start;  background: var(--gb-cat-bg, #23242c);  color: var(--gb-accent, #ffc34d);  padding: 4px 14px 4px 10px;  border-radius: 9px;  font-size: 1.02em;  font-weight: 700;  text-transform: uppercase;  margin-bottom: 15px;  letter-spacing: 0.02em;  box-shadow: 0 1px 6px #0001;  opacity: .94;}.gb-itemdetails-title {  color: #fff;  font-size: 2.16em;  font-weight: 900;  line-height: 1.13;  margin: 0 0 10px 0;  word-break: break-word;  letter-spacing: 0.01em;}.gb-itemdetails-meta {  font-size: 1.01em;  color: #b8bbc8;  font-weight: 500;  margin-bottom: 6px;  letter-spacing: 0.06em;}.gb-itemdetails-rating {  display: flex;  align-items: center;  gap: 7px;  font-size: 1.09em;  color: #ededf4;  margin-bottom: 18px;}.gb-stars {  font-size: 1.04em;  color: var(--gb-accent, #ffc34d);  margin-right: 2px;  letter-spacing: 0.04em;  opacity: .85;}.gb-rating-value {  color: var(--gb-accent2, #00ffe3);  font-size: 1.09em;  font-weight: 700;  margin-right: 4px;}.gb-rating-count {  color: #b8bbc8;  font-size: 0.97em;  font-weight: 400;}.gb-itemdetails-price {  margin: 0 0 32px 0;  display: flex;  align-items: flex-end;  min-height: 2.7em;}.gb-itemdetails-price > b {  font-size: 2.7em;  font-weight: 900;  display: flex;  align-items: flex-end;  color: #fff;  padding: 18px 40px 18px 0;  min-width: 170px;  letter-spacing: 0.02em;  line-height: 1;}.gb-itemdetails-price > b > i {  font-size: 0.6em;  font-weight: 600;  margin-left: 8px;  margin-bottom: 2px;  color: #b8bbc8;  font-style: normal;  line-height: 1;  align-self: flex-end;  letter-spacing: 0.04em;}.gb-itemdetails-price > u {  display: inline-block;  padding: 15px 34px 15px 26px;  border-radius: 10px;  background: #252833;  color: #ff6c4d;  font-weight: 700;  font-size: 1.5em;  text-decoration: none;  min-width: 160px;  letter-spacing: 0.07em;  line-height: 1.15;}.gb-itemdetails-actions {  display: flex;  gap: 16px;  margin-top: 0;  margin-bottom: 14px;}.gb-itemdetails-shortdesc,.gb-itemdetails-desc {  margin: 32px 48px 0 48px;  background: none;  border-radius: 0;  padding: 0;  font-size: 1.09em;  line-height: 1.7;  color: #e6e6ef;  box-shadow: none;  word-break: break-word;  border: none;  max-width:100%;  overflow:hidden!important;}.gb-itemdetails-shortdesc:empty,.gb-itemdetails-desc:empty {  display: none;}.gb-itemdetails-desc {  margin-top: 14px;  background: none;  color: #b6bac4;  font-size: 1.04em;  box-shadow: none;  border: none;}.gb-itemdetails-desc h1,.gb-itemdetails-desc h2,.gb-itemdetails-desc h3,.gb-itemdetails-desc h4,.gb-itemdetails-shortdesc h1,.gb-itemdetails-shortdesc h2,.gb-itemdetails-shortdesc h3,.gb-itemdetails-shortdesc h4 {  margin: 18px 0 8px 0;  font-weight: 700;  color: #fff;  font-size: 1.19em;}.gb-itemdetails-desc ul,.gb-itemdetails-shortdesc ul {  margin: 12px 0 12px 22px;  padding: 0;  list-style: disc;}.gb-itemdetails-desc li,.gb-itemdetails-shortdesc li {  margin-bottom: 7px;}.gb-itemdetails-desc b,.gb-itemdetails-shortdesc b,.gb-itemdetails-desc strong,.gb-itemdetails-shortdesc strong {  color: #ffd26a;  font-weight: 700;}@media (max-width: 1200px) {  .gb-itemdetails-main {    flex-direction: column;    gap: 20px;    padding: 22px 8vw 0 8vw;    max-width: 100vw;  }  .gb-itemdetails-image,  .gb-itemdetails-content {    width: 100%;    max-width: 100%;    min-width: 0;  }  .gb-itemdetails-shortdesc,  .gb-itemdetails-desc {    margin: 22px 2vw 0 2vw;  }  .gb-itemdetails-region {    margin-bottom: 10px;  }  .gb-itemdetails-title {    font-size: 1.4em;    margin-bottom: 8px;  }  .gb-itemdetails-price > b {    font-size: 1.4em;    padding: 10px 16px 10px 12px;    min-width: 100px;  }  .gb-itemdetails-price > b > i {    font-size: .62em;    margin-left: 8px;    margin-bottom: 1px;  }  .gb-itemdetails-price > u {    font-size: 1em;    padding: 8px 15px 8px 11px;    min-width: 90px;  }}@media (max-width: 700px) { .gb-itemdetails {  width: 100%;  min-width: 0;  max-width: 100%;  margin: 0;  padding: 0 0 24px 0;  border-radius: 0;  box-shadow: none;  background: var(--gb-bg, #181a21);  box-sizing: border-box;  overflow-x: hidden; } .gb-itemdetails-main {  flex-direction: column;  gap: 0;  padding: 0;  margin: 0;  border-radius: 0;  box-shadow: none;  width: 100%;  min-width: 0;  max-width: 100%;  background: none;  box-sizing: border-box; } .gb-itemdetails-image, .gb-itemdetails-content {  width: 100%;  max-width: 100%;  min-width: 0;  border-radius: 0;  box-shadow: none;  padding: 0;  margin: 0;  background: none;  box-sizing: border-box; } .gb-itemdetails-image img, .gb-itemdetails-slider-inner img, .itemslider-slide img {  max-width: 100%;  height: auto;  display: block;  margin: 0 auto; } .gb-itemdetails-content {  padding: 0;  align-items: center;  text-align: center;  box-sizing: border-box; } .gb-itemdetails-content .gb-itemdetails-title, .gb-itemdetails-content .gb-itemdetails-meta, .gb-itemdetails-content .gb-itemdetails-region, .gb-itemdetails-content .gb-itemdetails-actions {  align-self: center;  text-align: center;  width: 100%;  box-sizing: border-box; } .gb-itemdetails-content .gb-itemdetails-rating, .gb-itemdetails-content .gb-itemdetails-price {  width: 100%;  justify-content: center;  text-align: center;  align-items: center;  display: flex;  flex-direction: row;  box-sizing: border-box; } .gb-itemdetails-content .gb-itemdetails-rating {  margin-bottom: 10px; } .gb-itemdetails-content .gb-itemdetails-price {  margin-bottom: 18px; } .gb-itemdetails-content .gb-itemdetails-rating > *, .gb-itemdetails-content .gb-itemdetails-price > * {  margin-left: 4px;  margin-right: 4px; } .gb-itemdetails-actions {  width: 100%;  justify-content: center;  align-items: center;  display: flex;  flex-wrap: wrap;  gap: 12px;  margin-top: 0;  margin-bottom: 12px;  text-align: center;  box-sizing: border-box; } .gb-btn, .gb-btn-buy, .gb-btn-cart, .gb-btn-fav {  border-radius: 9px;  font-size: 1.06em;  min-width: 0;  height: 44px;  box-sizing: border-box;  max-width: 100%; } .gb-btn-fav {  width: 44px;  height: 44px; } .gb-itemdetails-shortdesc, .gb-itemdetails-desc {  margin: 16px 0 0 0;  border-radius: 0;  box-shadow: none;  padding: 0 12px;  background: none;  box-sizing: border-box;  max-width: 100vw;  overflow-x: hidden; } .gb-itemdetails-title {  font-size: 1.25em;  margin: 14px 0 8px 0;  line-height: 1.16; }}.account-dashboard,.account-dashboard.transparent {  background: none !important;  box-shadow: none;  border-radius: 0;  padding: 0;  width: 100%;  max-width: none;}.account-mainopt {  position: absolute;  top: 18px;  right: 1vw;  z-index: 11;}.logout-link {  display: flex;  align-items: center;  gap: 4px;  color: #ffc34d;  background: rgba(36,39,56,0.12);  border-radius: 9px;  padding: 7px 16px 7px 12px;  font-size: 1em;  font-weight: 600;  text-decoration: none;  border: none;  box-shadow: none;  opacity: 0.88;  transition: background 0.16s, color 0.16s, opacity 0.14s;}.logout-link:hover {  background: rgba(255,195,77,0.12);  color: #fffbe0;  opacity: 1;}.account-profile {  display: flex;  align-items: center;  gap: 22px;  padding: 19px 0 12px 0;  border-radius: 0;}.account-avatar.glossy {  background: linear-gradient(120deg,rgba(255,255,255,0.12) 0 40%,rgba(255,195,77,0.13) 90%);  border-radius: 12px;  padding: 3px;  box-shadow: none;}.account-avatar img {  width: 54px;  height: 54px;  border-radius: 11px;  background: #23242c;  object-fit: cover;  border: none;  box-shadow: none;}.account-userinfo {  flex: 1;  min-width: 0;  display: flex;  flex-direction: column;  gap: 2px;}.account-profile h2 {  margin: 0;  font-size: 1.16em;  font-weight: 700;  color: #fffbe9;  display: flex;  align-items: center;  gap: 7px;}.user-badge svg { display: inline; vertical-align: middle; margin-left: 1px; margin-top: -2px; }.account-meta-row { display: flex; gap: 7px; margin-bottom: 8px; }.account-level {  background: rgba(0,255,227,0.09);  color: #00ffe3;  font-size: 0.92em;  font-weight: 600;  padding: 2px 10px;  border-radius: 7px;}.vip {  background: rgba(255,195,77,0.19);  color: #ffc34d;  font-size: 0.92em;  font-weight: 700;  padding: 2px 10px;  border-radius: 7px;}.security-status {  display: flex;  align-items: center;  gap: 3px;  background: rgba(0,255,227,0.08);  color: #00ffe3;  font-size: 0.92em;  font-weight: 600;  padding: 2px 10px 2px 5px;  border-radius: 7px;}.account-quickstats {  display: flex;  gap: 18px;  font-size: 1em;  opacity: 0.96;}.account-quickstats > div {  display: flex;  flex-direction: column;  align-items: center;  background: rgba(40,44,70,0.13);  border-radius: 7px;  padding: 5px 13px 3px 13px;  min-width: 54px;  font-size: 0.99em;}.account-quickstats b {  color: #ffc34d;  font-weight: 700;  font-size: 1.08em;}.account-quickstats span {  color: #b6bbc8;  font-size: 0.95em;  font-weight: 400;}/* NAV */.account-nav {  display: flex;  flex-wrap: wrap;  margin: 16px 0 0 0;  border-bottom: 1.5px solid #ffc34d24;  background: none;  padding-bottom: 0;  border-radius: 11px 11px 0 0;}.account-nav a {  color: #b7b2a1;  background: none;  padding: 9px 20px;  border-radius: 10px 10px 0 0;  font-size: 1em;  font-weight: 700;  opacity: 0.88;  border-bottom: 2.5px solid transparent;  text-decoration: none;  margin-bottom: -2px;  letter-spacing: 0.01em;  transition: background 0.13s, color 0.13s, border-bottom 0.13s;}.account-nav a.active, .account-nav a:hover {  color: #fff;  background: rgba(255,195,77,0.09);  opacity: 1;  border-bottom: 2.5px solid #ffc34d;}/* Columns */.account-columns {  display: grid;  grid-template-columns: 1.25fr 1fr;  gap: 26px 28px;  margin-top: 12px;  width: 100%;}.account-section {  border-radius: 13px;  padding: 14px 1.6vw 11px 1.6vw;  margin-bottom: 0;  border: none;  background: none;  box-shadow: none;}.flatglass {  background: rgba(30,32,40,0.18);  backdrop-filter: blur(9px) brightness(1.08) saturate(1.05);  -webkit-backdrop-filter: blur(9px) brightness(1.08) saturate(1.05);  border: 1px solid rgba(255,195,77,0.08);  box-shadow: none;  border-radius: 13px;  transition: background 0.19s, border 0.18s;}.flatglass:focus-within, .flatglass:hover {  background: rgba(255,195,77,0.08);  border-color: #ffc34d28;}.account-section h3 {  display: flex;  align-items: center;  gap: 8px;  margin: 0 0 10px 0;  font-size: 1em;  font-weight: 700;  color: #ffc34d;  letter-spacing: 0.03em;}.section-ico { display: inline-block; vertical-align: middle; margin-bottom: -2px; opacity: 0.85; }/* Orders */.orders-list {  display: flex;  flex-direction: column;  gap: 8px;  margin: 0 0 6px 0;  padding: 0;  list-style: none;}.order-card {  display: flex;  align-items: center;  gap: 10px;  background: rgba(27,30,46,0.09);  border-radius: 7px;  padding: 5px 8px;}.order-card img {  width: 27px;  height: 37px;  border-radius: 5px;  background: #23242c;  object-fit: cover;}.order-card > div {  flex: 1;  min-width: 0;  display: flex;  flex-direction: column;  gap: 2px;}.order-title {  color: #fffbe9;  font-weight: 600;  font-size: 1em;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}.order-date {  color: #a2abbf;  font-size: 0.93em;}.order-status {  font-size: 0.93em;  font-weight: 600;  border-radius: 6px;  padding: 2px 9px;  background: rgba(0,255,227,0.06);  color: #00ffe3;  letter-spacing: 0.01em;  margin-left: 7px;  margin-right: 2px;  border: none;}.order-status.delivered {  background: rgba(77,255,195,0.09);  color: #42ffd7;}.order-status.pending {  background: rgba(255,195,77,0.08);  color: #ffc34d;}/* More-Link */.section-more {  display: block;  margin: 7px 0 0 0;  color: #ffc34d;  font-weight: 600;  text-align: right;  text-decoration: none;  opacity: 0.67;  font-size: 0.96em;  transition: color 0.11s, opacity 0.11s;}.section-more:hover { color: #fff; opacity: 1; }/* Sidebar (Favorites, Wallet, Messages, Rewards, Settings) */.account-sidebar {  display: flex;  flex-direction: column;  gap: 11px;  min-width: 0;}.favorites-list {  display: flex;  gap: 6px;  flex-wrap: wrap;  padding: 0;  margin: 0 0 0 -2px;  list-style: none;}.favorites-list li {  display: flex;  flex-direction: column;  align-items: center;  background: rgba(40,44,70,0.12);  border-radius: 5px;  padding: 4px 5px 3px 5px;  gap: 2px;  border: none;}.favorites-list img {  width: 21px;  height: 29px;  border-radius: 4px;  object-fit: cover;  margin-bottom: 1px;  box-shadow: none;}.favorites-list span {  font-size: 0.91em;  color: #ffe7ac;  font-weight: 500;  text-align: center;  max-width: 47px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}/* Wallet */.wallet-info {  display: flex;  align-items: center;  gap: 7px;  margin-bottom: 5px;}.wallet-balance {  color: #ffc34d;  font-weight: 600;  font-size: 0.99em;  padding-right: 2px;}.wallet-btn {  color: #101215;  background: #ffc34d;  border-radius: 6px;  padding: 3px 10px;  font-weight: 600;  font-size: 0.96em;  text-decoration: none;  margin-right: 2px;  opacity: 0.94;  border: none;  transition: background 0.11s, color 0.11s, opacity 0.10s;  cursor: pointer;}.wallet-btn.secondary {  background: #23242c;  color: #ffc34d;  border: 1px solid #ffc34d55;}.wallet-btn:hover {  opacity: 1;  background: #ffd366;}.wallet-btn.secondary:hover {  background: #25272d;  color: #ffc34d;  opacity: 1;}/* Messages/Rewards */.account-messages .new-msg {  background: #ffc34d;  color: #181a21;  font-size: 0.85em;  font-weight: 700;  padding: 1px 8px 1px 8px;  border-radius: 8px;  margin-left: 8px;  opacity: 0.88;}.messages-preview {  color: #ffd36d;  font-size: 0.99em;  padding: 3px 0 3px 2px;  opacity: 0.68;}.rewards-stub {  color: #ffc34d;  opacity: 0.48;  font-size: 0.95em;  padding: 2px 0 2px 2px;}/* Settings, Support */.settings-list {  display: flex;  flex-direction: column;  gap: 5px;  font-size: 1em;  color: #fffbe9;  padding: 0;  margin: 0 0 7px 0;  list-style: none;}.settings-list li {  display: flex;  align-items: center;  gap: 4px;}.settings-list span {  color: #ffc34d;  font-weight: 500;  font-size: 0.97em;}.delete-account {  color: #ff7a7a;  font-weight: 600;  font-size: 0.95em;  text-decoration: underline;  margin-left: 1px;  opacity: 0.69;  transition: color 0.13s, opacity 0.13s;  display: inline-block;}.delete-account:hover {  color: #fff;  opacity: 1;}/* Mobile & Responsive */@media (max-width: 1050px) {  .account-columns { grid-template-columns: 1fr; gap: 14px 0; }  .account-sidebar { flex-direction: row; gap: 10px; }  .account-sidebar > section { flex: 1 1 0; }}@media (max-width: 700px) {  .account-mainopt { top: 8px; right: 1vw; }  .account-dashboard, .account-dashboard.transparent { padding: 0 1vw 1vw 1vw; }  .account-profile { gap: 9px; padding: 8px 0 6px 0; border-radius: 0; }  .account-avatar img { width: 38px; height: 38px; border-radius: 7px; }  .account-quickstats { gap: 7px; font-size: 0.93em; }  .account-quickstats > div { min-width: 30px; padding: 2.5px 6px; border-radius: 4px; }  .account-nav { font-size: 0.94em; }  .account-columns { grid-template-columns: 1fr; gap: 7px 0; margin-top: 7px; }  .account-section { border-radius: 7px; padding: 8px 1vw 7px 1vw; }  .favorites-list li, .order-card img, .favorites-list img { border-radius: 3px; }  .favorites-list img, .order-card img { width: 14px; height: 20px; }  .section-ico { width: 13px; }}@media (max-width: 430px) {  .account-dashboard, .account-dashboard.transparent { padding-left: 1vw; padding-right: 1vw; }  .account-section { padding-left: 1vw; padding-right: 1vw; }}/* === base === */.gb-summary{  --bg-a:#1a1d24;  --bg-b:#16181f;  --panel-a:#202430;  --panel-b:#1b1f29;  --ink:#ecf1ff;  --accent:#12e0c8;  --row-pad:14px;  --radius:16px;  --elev:0 10px 28px rgba(0,0,0,.35);  --qty-h:44px;  --qty-btn:40px;  --qty-gap:10px;  width:min(1080px,100%);  margin:22px auto;  padding:0 12px;  box-sizing:border-box;  color:var(--ink);  font-family:var(--gb-font-main,'Inter','Montserrat','Segoe UI',Arial,sans-serif);  position:relative;}.gb-summary .items{  background:linear-gradient(180deg,var(--bg-a) 0%,var(--bg-b) 100%);  border-radius:var(--radius);  box-shadow:var(--elev), inset 0 1px 0 rgba(255,255,255,.05);  overflow:hidden;}/* === header block === */.gb-summary-head{  display:flex;  flex-direction:column;  gap:8px;  margin:0 auto 18px;  max-width:1080px;}.gb-summary-head__top{  display:flex;  align-items:center;  justify-content:space-between;  gap:12px;}.gb-summary-title{  display:inline-flex;  align-items:center;  gap:10px;  font-size:1.45rem;  font-weight:900;  letter-spacing:.04em;  color:#f7f9ff;  text-shadow:0 2px 6px rgba(0,0,0,.6);}.gb-summary-title::before{  content:"";  width:22px;  height:22px;  flex:0 0 22px;  background:linear-gradient(135deg,#12e0c8 0%,#16ffa7 40%,#5cffdf 100%);  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39A2 2 0 0 0 9.62 16h7.76a2 2 0 0 0 2-1.61L22 8H6'/></svg>") center/16px 16px no-repeat;  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39A2 2 0 0 0 9.62 16h7.76a2 2 0 0 0 2-1.61L22 8H6'/></svg>") center/16px 16px no-repeat;  box-shadow:0 3px 10px rgba(0,0,0,.55);  border-radius:8px;}.gb-summary-count{  display:inline-flex;  align-items:center;  gap:6px;  padding:4px 10px;  border-radius:999px;  background:rgba(6,9,15,.9);  border:1px solid rgba(255,255,255,.1);  font-size:.9rem;  font-weight:700;  color:#f2f4ff;}.gb-summary-count .smr-qty{  font-variant-numeric:tabular-nums;}.gb-summary-sub{  margin:0;  font-size:.95rem;  color:rgba(233,236,243,.86);}.gb-summary-meta{  display:flex;  flex-wrap:wrap;  gap:10px 18px;  font-size:.82rem;  color:rgba(233,236,243,.7);}.gb-summary-meta__item{  display:inline-flex;  align-items:center;  gap:6px;  position:relative;  padding-left:10px;}.gb-summary-meta__item::before{  content:"";  width:4px;  height:4px;  border-radius:999px;  background:rgba(233,236,243,.55);  position:absolute;  left:0;  top:50%;  transform:translateY(-50%);}/* === rows === */.gb-summary .item{  display:grid;  grid-template-columns:86px 1fr 120px minmax(172px,auto);  gap:12px;  align-items:center;  padding:var(--row-pad) 16px;  border-top:1px solid rgba(255,255,255,.04);  font-size:.95rem;}.gb-summary .item:hover{  background:rgba(255,255,255,.02);}.gb-summary .item span{  display:flex;  align-items:center;}.gb-summary .item.itmhdr{  background:linear-gradient(180deg,var(--panel-a) 0%,var(--panel-b) 100%);  border-top:0;  font-weight:800;  letter-spacing:.03em;  font-size:.98rem;  color:#f7f9ff;  position:sticky;  top:0;  z-index:2;  padding:var(--row-pad) 16px;  text-transform:uppercase;}.gb-summary .item.itmhdr span:nth-child(3){  justify-content:flex-end;  text-align:right;}.gb-summary .item .prs{  justify-content:flex-end;  font-variant-numeric:tabular-nums;  white-space:nowrap;}.gb-summary .item .namesum{  min-width:0;}.gb-summary .item .namesum .itemname{  color:#f7f9ff;  text-decoration:none;  font-weight:700;  letter-spacing:.01em;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;  font-size:1rem;}.gb-summary .item .namesum .itemname:hover{  color:#fff7ba;}.gb-summary .item .pic .gimg{  display:block;  height:64px;  width:86px;  border-radius:12px;  overflow:hidden;  box-shadow:0 6px 14px rgba(0,0,0,.35);}.gb-summary .item .pic img{  display:block;  width:100%;  height:64px;  object-fit:cover;}.gb-summary .item .price{  color:var(--ink);  font-weight:800;  font-size:1.06rem;}.gb-summary .item .qty{  justify-self:end;  display:inline-flex;  align-items:center;  gap:var(--qty-gap);}.gb-summary .item .qty input[type="text"]{  width:78px;  height:var(--qty-h);  border-radius:12px;  border:0;  outline:0;  background:linear-gradient(180deg,#2a2f3a 0%,#212632 100%);  color:#f3f6fe;  font-weight:800;  font-size:.98rem;  text-align:center;  letter-spacing:.02em;  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 0 0 2px rgba(18,20,23,.24), 0 6px 14px rgba(0,0,0,.35);  transition:box-shadow .16s ease, background .16s ease, transform .06s ease;  appearance:textfield;}.gb-summary .item .qty input[type="text"]::-webkit-outer-spin-button,.gb-summary .item .qty input[type="text"]::-webkit-inner-spin-button{  -webkit-appearance:none;  margin:0;}.gb-summary .item .qty input[type="text"]:hover{  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), inset 0 0 0 2px rgba(255,255,255,.14), 0 8px 18px rgba(0,0,0,.45);}.gb-summary .item .qty input[type="text"]:focus{  box-shadow:inset 0 0 0 2px rgba(33,230,193,.8), 0 10px 22px rgba(0,0,0,.5);}.gb-summary .item .qty input[type="text"]:active{  transform:translateY(1px);}.gb-summary .item .qty .cartqtysub,.gb-summary .item .qty .cartqtyadd{  width:var(--qty-btn);  height:var(--qty-btn);  border:0;  border-radius:12px;  background:linear-gradient(180deg,#242a35 0%,#1c212c 100%);  color:#f0f3fa;  display:inline-flex;  align-items:center;  justify-content:center;  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 6px 14px rgba(0,0,0,.35);  cursor:pointer;  transition:transform .06s ease, box-shadow .18s ease, background .18s ease;  position:relative;}.gb-summary .item .qty .cartqtysub::before,.gb-summary .item .qty .cartqtyadd::before{  content:"";  width:18px;  height:18px;  background:currentColor;  mask:center/contain no-repeat;  -webkit-mask:center/contain no-repeat;}.gb-summary .item .qty .cartqtysub[data-icon="minus"]::before{  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0f3fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='5' y1='12' x2='19' y2='12'/></svg>");  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0f3fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='5' y1='12' x2='19' y2='12'/></svg>");}.gb-summary .item .qty .cartqtysub[data-icon="x"]::before{  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0f3fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>");  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0f3fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>");}.gb-summary .item .qty .cartqtyadd::before{  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0f3fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='12' y1='5' x2='12' y2='19'/><line x1='5' y1='12' x2='19' y2='12'/></svg>");  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0f3fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='12' y1='5' x2='12' y2='19'/><line x1='5' y1='12' x2='19' y2='12'/></svg>");}.gb-summary .item .qty .cartqtysub:hover,.gb-summary .item .qty .cartqtyadd:hover{  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.45);}.gb-summary .item .qty .cartqtysub:active,.gb-summary .item .qty .cartqtyadd:active{  transform:translateY(1px);}.gb-summary .item.sumrow{  background:linear-gradient(180deg,#1e2430 0%,#191f28 100%);  box-shadow:0 -10px 24px rgba(0,0,0,.24) inset;  font-weight:900;  padding:var(--row-pad) 16px;}.gb-summary .item.sumrow span:nth-child(2){  justify-content:flex-end;  color:#fff;}.gb-summary .item.sumrow span:nth-child(3){  justify-content:flex-end;  color:#fff;}.gb-summary .item.sumrow .cart-total{  color:#fff;  font-size:inherit;}.gb-summary .item .cart-total{  justify-content:flex-end;  font-variant-numeric:tabular-nums;  white-space:nowrap;}/* === cta block === */.gb-summary-cta{  margin:18px auto 0;  padding:16px 18px 18px;  border-radius:18px;  background:linear-gradient(180deg,var(--panel-a) 0%,var(--panel-b) 100%);  box-shadow:var(--elev);  display:flex;  flex-direction:column;  gap:12px;}.gb-summary-cta__main{  display:flex;  align-items:center;  justify-content:space-between;  gap:16px;  flex-wrap:wrap;}.gb-summary-cta__total{  text-align:right;  font-weight:700;  font-size:.95rem;}.gb-summary-cta__total .label{  display:block;  opacity:.82;  color:rgba(233,236,243,.88);}.gb-summary-cta__total .value{  display:block;  font-size:1.22rem;  font-variant-numeric:tabular-nums;  color:#ffffff;}/* checkout button – refined */.fecart-checkout-btn{  min-width:220px;  height:52px;  padding:0 28px;  border-radius:14px;  border:0;  background:    radial-gradient(140% 160% at 15% 0%,rgba(255,255,255,.26) 0%,transparent 55%),    linear-gradient(135deg,#12e0c8 0%,#16ffa7 40%,#5cffdf 100%);  color:#05070b;  font-weight:800;  letter-spacing:.09em;  text-transform:uppercase;  cursor:pointer;  display:inline-flex;  align-items:center;  justify-content:center;  gap:10px;  font-size:.92rem;  box-shadow:0 12px 26px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.35);  transition:    transform .08s ease,    box-shadow .16s ease,    filter .16s ease,    background-position .18s ease;  background-size:180% 200%;  background-position:50% 0%;}.fecart-checkout-btn::before{  content:"";  width:18px;  height:18px;  flex:0 0 18px;  background:currentColor;  opacity:.92;  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2305070b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='10' rx='2' ry='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>") center/16px 16px no-repeat;  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2305070b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='10' rx='2' ry='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>") center/16px 16px no-repeat;}.fecart-checkout-btn:hover{  filter:brightness(1.05);  background-position:48% -10%;  box-shadow:0 14px 30px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.45);}.fecart-checkout-btn:active{  transform:translateY(1px);  box-shadow:0 8px 18px rgba(0,0,0,.6), inset 0 0 0 rgba(0,0,0,0);  filter:brightness(0.99);}.fecart-checkout-btn:focus-visible{  outline:0;  box-shadow:    0 0 0 2px rgba(18,224,200,.7),    0 12px 26px rgba(0,0,0,.7),    inset 0 1px 0 rgba(255,255,255,.4);}/* secondary line under button */.gb-summary-cta__secondary{  display:flex;  flex-wrap:wrap;  align-items:center;  justify-content:space-between;  gap:10px;  font-size:.82rem;  color:rgba(233,236,243,.78);}.gb-cta-link{  text-decoration:none;  color:rgba(233,236,243,.85);  font-weight:600;}.gb-cta-link:hover{  color:#ffffff;}.gb-summary-cta__note{  opacity:.82;}.gb-summary-cta__trust{  display:flex;  align-items:center;  gap:8px;  font-size:.78rem;  color:rgba(233,236,243,.75);}.gb-summary-cta__lock{  width:16px;  height:16px;  flex:0 0 16px;  background:currentColor;  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e9ecf3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='11' rx='2' ry='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>") center/contain no-repeat;  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e9ecf3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='11' rx='2' ry='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>") center/contain no-repeat;}/* === locker === */.gb-summary .sum-locker{  position:absolute;  inset:0;  display:none;}.gb-summary[aria-busy="true"] .sum-locker{  display:block;}.gb-summary .sum-locker__veil{  position:absolute;  inset:0;  background:rgba(4,6,10,.55);  backdrop-filter:blur(2px);}.gb-summary .sum-locker__spinner{  position:absolute;  inset:0;  display:grid;  place-items:center;  pointer-events:none;}.gb-summary .sum-locker .sum-ring{  position:absolute;  width:56px;  height:56px;  border:4px solid transparent;  border-top-color:#fff;  border-right-color:#fff;  border-radius:50%;  animation:smr-spin-a .8s linear infinite;}@keyframes smr-spin-a{  to{transform:rotate(360deg);}}/* === mobile === */@media (max-width:600px){  .gb-summary{    width:100vw;    margin:0 calc(50% - 50vw);    padding:0;  }  .gb-summary .items{    border-radius:0;  }  .gb-summary-head{    padding:0 16px;    margin:0 0 14px;  }  .gb-summary-head__top{    flex-direction:row;  }  .gb-summary-title{    font-size:1.25rem;  }  .gb-summary-count{    font-size:.86rem;  }  .gb-summary-sub{    font-size:.9rem;  }  .gb-summary-meta{    font-size:.78rem;  }  .gb-summary .item.itmhdr{    display:none;  }  .gb-summary .item{    grid-template-columns:64px 1fr;    grid-template-areas:      "pic namesum"      "price price"      "qty qty";    gap:10px 12px;    padding:12px 16px;    align-items:center;  }  .gb-summary .item .pic{    grid-area:pic;  }  .gb-summary .item .pic .gimg{    width:64px;    height:64px;    border-radius:12px;  }  .gb-summary .item .namesum{    grid-area:namesum;    display:flex;    align-items:center;    justify-content:flex-end;    text-align:right;  }  .gb-summary .item .namesum .itemname{    font-size:1rem;    line-height:1.28;    white-space:normal;    display:-webkit-box;    -webkit-line-clamp:2;    -webkit-box-orient:vertical;    overflow:hidden;    text-overflow:ellipsis;  }  .gb-summary .item .price{    grid-area:price;    display:flex;    justify-content:flex-end;    text-align:right;    white-space:nowrap;    font-size:1.02rem;    padding-top:2px;  }  .gb-summary .item .qty{    grid-area:qty;    display:flex;    justify-content:center;    align-items:center;    gap:10px;    padding-top:8px;  }  .gb-summary .item .qty input[type="text"]{    width:82px;    height:46px;    border-radius:12px;    font-size:.98rem;  }  .gb-summary .item .qty .cartqtysub,  .gb-summary .item .qty .cartqtyadd{    width:46px;    height:46px;    border-radius:12px;  }  /* table footer total hidden on mobile – only CTA total is shown */  .gb-summary .item.sumrow{    display:none;  }  .gb-summary-cta{    margin:14px 0 0;    border-radius:0;    padding:14px 16px 16px;  }  .gb-summary-cta__main{    flex-direction:column;    align-items:stretch;  }  .gb-summary-cta__total{    text-align:right;  }  .fecart-checkout-btn{    width:100%;    justify-content:center;    border-radius:12px;    height:52px;    font-size:.95rem;  }  .gb-summary-cta__secondary{    flex-direction:column;    align-items:flex-start;  }}/* === tablet === */@media(min-width:601px) and (max-width:900px){  .gb-summary .item{    grid-template-columns:86px 1fr 110px minmax(172px,auto);    gap:12px 14px;  }}/* === CHECKOUT OVERLAY LAYER === */.fecart-checkout-layer {  position: fixed;  inset: 0;  z-index: 10020;  display: none;  align-items: center;  justify-content: center;  pointer-events: none;}.fecart-checkout-layer[data-open="1"] {  display: flex;  pointer-events: auto;}body.fecart-checkout-open {  overflow: hidden;}/* === CHECKOUT BACKDROP === */.fecart-checkout-backdrop {  position: absolute;  inset: 0;  background:    radial-gradient(circle at 20% 0%, rgba(0, 255, 227, 0.14) 0, transparent 40%),    radial-gradient(circle at 80% 100%, rgba(255, 195, 77, 0.14) 0, transparent 45%),    rgba(5, 7, 12, 0.86);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);}/* === CHECKOUT MODAL PANEL === */.fecart-checkout-modal {  position: relative;  z-index: 1;  background:    radial-gradient(circle at 0% 0%, rgba(18, 246, 204, 0.09) 0, transparent 55%),    radial-gradient(circle at 100% 100%, rgba(255, 195, 77, 0.09) 0, transparent 55%),    linear-gradient(145deg, #242732 0%, #191b23 55%, #141620 100%);  border-radius: 18px;  max-width: 480px;  width: min(480px, calc(100% - 32px));  margin: 0 16px;  padding: 22px 24px 24px 24px;  box-shadow:    0 20px 46px rgba(0, 0, 0, 0.82),    0 0 0 1px rgba(255, 255, 255, 0.06),    0 0 26px rgba(0, 255, 227, 0.18);  color: #eef2ff;  font-family: var(--gb-font-main, 'Inter', 'Montserrat', 'Segoe UI', Arial, sans-serif);  box-sizing: border-box;  overflow: hidden;}.fecart-checkout-modal::before {  content: "";  position: absolute;  top: 0;  left: 7%;  right: 7%;  height: 3px;  border-radius: 999px;  background: linear-gradient(90deg, rgba(18, 224, 200, 0.9), rgba(255, 195, 77, 0.98));  opacity: 0.9;}/* === CLOSE BUTTON (TOP RIGHT) === */.fecart-checkout-close {  position: absolute;  top: 11px;  right: 14px;  width: 30px;  height: 30px;  border-radius: 999px;  border: 0;  padding: 0;  cursor: pointer;  background: rgba(18, 20, 27, 0.94);  color: #f5f7ff;  display: inline-flex;  align-items: center;  justify-content: center;  box-shadow:    0 6px 16px rgba(0, 0, 0, 0.65),    inset 0 1px 0 rgba(255, 255, 255, 0.06);  transition:    background 0.14s ease,    transform 0.07s ease,    box-shadow 0.14s ease,    color 0.14s ease;  outline: none;}.fecart-checkout-close::-moz-focus-inner {  border: 0;  padding: 0;}.fecart-checkout-close:focus,.fecart-checkout-close:focus-visible {  outline: none;  box-shadow:    0 7px 18px rgba(0, 0, 0, 0.75),    inset 0 1px 0 rgba(255, 255, 255, 0.1);}.fecart-checkout-close::before {  content: "";  width: 15px;  height: 15px;  background: currentColor;  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f7ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>") center/contain no-repeat;  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f7ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>") center/contain no-repeat;}.fecart-checkout-close:hover {  background: rgba(32, 35, 46, 0.98);  color: #ffffff;  box-shadow:    0 8px 20px rgba(0, 0, 0, 0.8),    inset 0 1px 0 rgba(255, 255, 255, 0.12);}.fecart-checkout-close:active {  transform: translateY(1px);  box-shadow:    0 4px 12px rgba(0, 0, 0, 0.7),    inset 0 1px 0 rgba(255, 255, 255, 0.06);}/* === HEADER === */.fecart-checkout-header {  padding: 10px 6px 12px 2px;  margin-right: 26px;  border-bottom: 1px solid rgba(255, 255, 255, 0.06);}.fecart-checkout-title {  margin: 0 0 4px 0;  font-size: 1.34rem;  font-weight: 880;  letter-spacing: 0.055em;  color: #ffffff;}.fecart-checkout-sub {  margin: 0;  font-size: 0.93rem;  color: rgba(226, 231, 245, 0.92);}/* === BODY / INNER BOX === */.fecart-checkout-body {  margin-top: 14px;  padding: 16px 10px 14px 10px;  border-radius: 14px;  background:    radial-gradient(circle at 0% 0%, rgba(0, 255, 227, 0.13) 0, transparent 55%),    radial-gradient(circle at 100% 100%, rgba(255, 195, 77, 0.11) 0, transparent 55%),    rgba(20, 24, 34, 0.97);  box-shadow:    inset 0 0 0 1px rgba(255, 255, 255, 0.04),    0 10px 26px rgba(0, 0, 0, 0.7);  min-height: 120px;  box-sizing: border-box;}/* === PLACEHOLDER / LOADER CONTENT === */.fecart-checkout-placeholder {  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  gap: 12px;  padding: 22px 14px 18px 14px;  text-align: center;}.fecart-checkout-loader {  width: 34px;  height: 34px;  border-radius: 999px;  border: 3px solid transparent;  border-top-color: #12e0c8;  border-right-color: #12e0c8;  border-bottom-color: rgba(255, 255, 255, 0.25);  animation: fecart-checkout-spin 0.9s linear infinite;}.fecart-checkout-placeholder-text {  margin: 0;  font-size: 0.94rem;  font-weight: 500;  color: rgba(227, 233, 247, 0.96);}/* === OPTIONAL SECURE / TRUST ROW (CAN STAY EMPTY) === */.fecart-checkout-footnote {  margin-top: 8px;  padding: 6px 2px 0 2px;  font-size: 0.8rem;  color: rgba(221, 230, 247, 0.72);  display: flex;  align-items: center;  gap: 6px;}.fecart-checkout-footnote-icon {  width: 14px;  height: 14px;  flex: 0 0 14px;  background: currentColor;  opacity: 0.85;  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dde6f7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/><path d='M9 12l2 2 4-4'/></svg>") center/contain no-repeat;  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dde6f7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/><path d='M9 12l2 2 4-4'/></svg>") center/contain no-repeat;}/* === ANIMATIONS === */@keyframes fecart-checkout-spin {  to {    transform: rotate(360deg);  }}/* === MOBILE LAYOUT === */@media (max-width: 700px) {  .fecart-checkout-layer {    align-items: flex-start;    justify-content: center;  }  .fecart-checkout-modal {    width: 100vw;    max-width: 100vw;    margin: 2vh 0 0 0;    border-radius: 0;    padding: 26px 18px 26px 18px;    box-shadow:      0 12px 30px rgba(0, 0, 0, 0.9),      0 0 0 1px rgba(255, 255, 255, 0.05);  }  .fecart-checkout-header {    padding: 10px 6px 12px 2px;    margin-right: 32px;  }  .fecart-checkout-title {    font-size: 1.2rem;  }  .fecart-checkout-sub {    font-size: 0.86rem;  }  .fecart-checkout-body {    padding: 16px 10px 14px 10px;    border-radius: 10px;    box-shadow:      inset 0 0 0 1px rgba(255, 255, 255, 0.03),      0 10px 24px rgba(0, 0, 0, 0.78);  }  .fecart-checkout-close {    top: 10px;    right: 12px;  }}