/* G6M_BUNDLE_32 — 5 feuilles, ordre du document preserve */
/* ==== g6m-sidebar-css-bugs-v518.css ==== */
/* G6M_SIDEBAR_CSS_BUGS_V518
   1) COMPTE GTA$ — empty square: FA chevron inside .g6m-dash__wallet-link is invisible
      (SVG/FA often fails to paint; box border remains). Force › glyph.
   2) SUJETS TENDANCE — uneven rows (one bare, one boxed + underlined title).
      Normalize all contentRows; kill visited underline / stray backgrounds. */

/* ——— 1) Wallet chevron ——— */
html body .g6m-dash__wallet-link,
html body .block.g6m-dash .g6m-dash__wallet-link,
html body .p-body-sidebar .g6m-dash .g6m-dash__wallet-link {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.8rem !important;
	height: 1.8rem !important;
	min-width: 1.8rem !important;
	min-height: 1.8rem !important;
	box-sizing: border-box !important;
	border-radius: 9px !important;
	text-decoration: none !important;
	overflow: visible !important;
	flex: 0 0 auto !important;
}

/* Hide broken / invisible FA SVG inside the chip */
html body .g6m-dash__wallet-link .fa--xf,
html body .g6m-dash__wallet-link svg,
html body .g6m-dash__wallet-link i,
html body .g6m-dash__wallet-link .fa {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
}

html body .g6m-dash__wallet-link::before {
	content: "›" !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: inherit !important;
	-webkit-text-fill-color: currentColor !important;
	font-family: Rajdhani, "Segoe UI", system-ui, sans-serif !important;
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	transform: translateY(-1px) !important;
	speak: never;
}

/* ——— 2) Hot topics rows ——— */
html body [data-widget-key="g6m_hottopics_now"] .block-body > .block-row,
html body .acHotTopics-widget .block-body > .block-row {
	margin: 0 !important;
	padding: 0.2rem 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body [data-widget-key="g6m_hottopics_now"] .contentRow,
html body .acHotTopics-widget .contentRow {
	display: flex !important;
	align-items: flex-start !important;
	gap: 0.55rem !important;
	padding: 0.65rem 0.55rem !important;
	margin: 0 !important;
	border-radius: 10px !important;
	border: 1px solid transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
}

html body [data-widget-key="g6m_hottopics_now"] .contentRow:hover,
html body [data-widget-key="g6m_hottopics_now"] .contentRow:focus-within,
html body .acHotTopics-widget .contentRow:hover,
html body .acHotTopics-widget .contentRow:focus-within {
	background: rgba(255, 45, 85, 0.08) !important;
	border-color: rgba(255, 45, 85, 0.12) !important;
	box-shadow: inset 2px 0 0 #ff2d55 !important;
	transform: none !important;
}

html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a,
html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a:link,
html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a:visited,
html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a:hover,
html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a:active,
html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a:focus,
html body .acHotTopics-widget .contentRow-title a,
html body .acHotTopics-widget .contentRow-title a:link,
html body .acHotTopics-widget .contentRow-title a:visited,
html body .acHotTopics-widget .contentRow-title a:hover,
html body .acHotTopics-widget .contentRow-title a:active {
	text-decoration: none !important;
	text-underline-offset: 0 !important;
	box-shadow: none !important;
	border-bottom: 0 !important;
	color: #f4f7ff !important;
	-webkit-text-fill-color: #f4f7ff !important;
	font-weight: 700 !important;
}

html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a:hover,
html body .acHotTopics-widget .contentRow-title a:hover {
	color: #00e5ff !important;
	-webkit-text-fill-color: #00e5ff !important;
}

/* Kill any stray XF/UI.X unread chrome inside hot topics */
html body [data-widget-key="g6m_hottopics_now"] .contentRow.is-unread,
html body .acHotTopics-widget .contentRow.is-unread,
html body [data-widget-key="g6m_hottopics_now"] .block-row.is-unread,
html body .acHotTopics-widget .block-row.is-unread {
	background: transparent !important;
}

html body [data-widget-key="g6m_hottopics_now"] .contentRow.is-unread::before,
html body .acHotTopics-widget .contentRow.is-unread::before {
	display: none !important;
	content: none !important;
}

/* END G6M_SIDEBAR_CSS_BUGS_V518 */

/* ==== g6m-inline-p2-57-v701.css ==== */
/* Externalise (passe 2) — bloc inline #57 — position inchangee */

/* G6M_SIDEBAR_CSS_BUGS_V518
   1) COMPTE GTA$ — empty square: FA chevron inside .g6m-dash__wallet-link is invisible
      (SVG/FA often fails to paint; box border remains). Force › glyph.
   2) SUJETS TENDANCE — uneven rows (one bare, one boxed + underlined title).
      Normalize all contentRows; kill visited underline / stray backgrounds. */

/* ——— 1) Wallet chevron ——— */
html body .g6m-dash__wallet-link,
html body .block.g6m-dash .g6m-dash__wallet-link,
html body .p-body-sidebar .g6m-dash .g6m-dash__wallet-link {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.8rem !important;
	height: 1.8rem !important;
	min-width: 1.8rem !important;
	min-height: 1.8rem !important;
	box-sizing: border-box !important;
	border-radius: 9px !important;
	text-decoration: none !important;
	overflow: visible !important;
	flex: 0 0 auto !important;
}

/* Hide broken / invisible FA SVG inside the chip */
html body .g6m-dash__wallet-link .fa--xf,
html body .g6m-dash__wallet-link svg,
html body .g6m-dash__wallet-link i,
html body .g6m-dash__wallet-link .fa {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
}

html body .g6m-dash__wallet-link::before {
	content: "›" !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: inherit !important;
	-webkit-text-fill-color: currentColor !important;
	font-family: Rajdhani, "Segoe UI", system-ui, sans-serif !important;
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	transform: translateY(-1px) !important;
	speak: never;
}

/* ——— 2) Hot topics rows ——— */
html body [data-widget-key="g6m_hottopics_now"] .block-body > .block-row,
html body .acHotTopics-widget .block-body > .block-row {
	margin: 0 !important;
	padding: 0.2rem 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body [data-widget-key="g6m_hottopics_now"] .contentRow,
html body .acHotTopics-widget .contentRow {
	display: flex !important;
	align-items: flex-start !important;
	gap: 0.55rem !important;
	padding: 0.65rem 0.55rem !important;
	margin: 0 !important;
	border-radius: 10px !important;
	border: 1px solid transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
}

html body [data-widget-key="g6m_hottopics_now"] .contentRow:hover,
html body [data-widget-key="g6m_hottopics_now"] .contentRow:focus-within,
html body .acHotTopics-widget .contentRow:hover,
html body .acHotTopics-widget .contentRow:focus-within {
	background: rgba(255, 45, 85, 0.08) !important;
	border-color: rgba(255, 45, 85, 0.12) !important;
	box-shadow: inset 2px 0 0 #ff2d55 !important;
	transform: none !important;
}

html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a,
html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a:link,
html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a:visited,
html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a:hover,
html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a:active,
html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a:focus,
html body .acHotTopics-widget .contentRow-title a,
html body .acHotTopics-widget .contentRow-title a:link,
html body .acHotTopics-widget .contentRow-title a:visited,
html body .acHotTopics-widget .contentRow-title a:hover,
html body .acHotTopics-widget .contentRow-title a:active {
	text-decoration: none !important;
	text-underline-offset: 0 !important;
	box-shadow: none !important;
	border-bottom: 0 !important;
	color: #f4f7ff !important;
	-webkit-text-fill-color: #f4f7ff !important;
	font-weight: 700 !important;
}

html body [data-widget-key="g6m_hottopics_now"] .contentRow-title a:hover,
html body .acHotTopics-widget .contentRow-title a:hover {
	color: #00e5ff !important;
	-webkit-text-fill-color: #00e5ff !important;
}

/* Kill any stray XF/UI.X unread chrome inside hot topics */
html body [data-widget-key="g6m_hottopics_now"] .contentRow.is-unread,
html body .acHotTopics-widget .contentRow.is-unread,
html body [data-widget-key="g6m_hottopics_now"] .block-row.is-unread,
html body .acHotTopics-widget .block-row.is-unread {
	background: transparent !important;
}

html body [data-widget-key="g6m_hottopics_now"] .contentRow.is-unread::before,
html body .acHotTopics-widget .contentRow.is-unread::before {
	display: none !important;
	content: none !important;
}

/* END G6M_SIDEBAR_CSS_BUGS_V518 */

/* ==== g6m-nav-user-pseudo-pad-v520.css ==== */
/* G6M_NAV_USER_PSEUDO_PAD_V520
   Widen only the username section in the Cyber Neon user pill.
   Icons / bar height / separators / glow / animations unchanged.
   Root cause of cramped pseudo: .p-nav-opposite max-width:13rem (208px). */

:root {
	--g6m-nav-user-pseudo-pad: V520d;
	--g6m-nav-user-min-w: 110px; /* was ~69px live → ≈ +41px */
	--g6m-nav-user-pad-x: 1.05rem; /* was ~11px / ~9px */
	--g6m-nav-user-text-max: 9.75rem;
	--g6m-nav-opposite-max: 16.5rem; /* was 13rem (208px) → +~56px headroom */
}

/* Lift the 13rem cap so the username cell can breathe (search may share opposite) */
html#XF body .p-nav .p-nav-opposite:has(.p-navgroup-link--user),
html#XF body .p-nav-inner > .p-nav-opposite:has(.p-navgroup-link--user),
html body .p-nav .p-nav-opposite:has(.p-navgroup-link--user),
html body .p-nav-inner > .p-nav-opposite:has(.p-navgroup-link--user),
html .p-nav .p-nav-inner > .p-nav-opposite:has(.p-navgroup-link--user) {
	max-width: var(--g6m-nav-opposite-max) !important;
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
	/* keep natural width — do NOT force max-content (would engulf search) */
	width: auto !important;
	min-width: 0 !important;
	overflow: visible !important;
}

html#XF body .p-nav-opposite:has(.p-navgroup-link--user) .p-navgroup.p-account.p-navgroup--member,
html body .p-nav-opposite:has(.p-navgroup-link--user) .p-navgroup.p-account.p-navgroup--member {
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	/* extra horizontal room inside the left Cyber Neon half-pill */
	padding-left: 0.45rem !important;
	padding-right: 0.55rem !important;
	overflow: visible !important;
}

/* —— Username cell only —— */
html#XF body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user,
html#XF body .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user,
html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user,
html body .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user,
html body .p-nav-opposite .p-navgroup-link--user,
html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user {
	box-sizing: border-box !important;
	min-width: var(--g6m-nav-user-min-w) !important;
	padding-left: var(--g6m-nav-user-pad-x) !important;
	padding-right: calc(var(--g6m-nav-user-pad-x) + 0.25rem) !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
	overflow: visible !important;
}

html#XF body .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText,
html body .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText,
html body .p-navgroup-link--user .p-navgroup-linkText {
	display: inline-flex !important;
	align-items: center !important;
	min-width: 0 !important;
	max-width: var(--g6m-nav-user-text-max) !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	padding-left: 0.12rem !important;
	padding-right: 0.2rem !important;
	box-sizing: border-box !important;
	line-height: 1 !important;
}

html#XF body .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText [class*="username"],
html body .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText [class*="username"],
html body .p-navgroup-link--user .p-navgroup-linkText .g6m-role-username {
	/* keep inline-flex for star ::before + rainbow */
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
}

/* Icon slots: widths untouched (header-slim / user-zone remain source of truth) */
html body .p-nav-opposite .p-navgroup-link--conversations,
html body .p-nav-opposite .p-navgroup-link--alerts,
html body .p-nav-opposite .p-navgroup-link--whatsnew {
	flex-shrink: 0 !important;
}

@media (min-width: 1101px) {
	:root {
		--g6m-nav-user-min-w: 116px; /* ≈ +47px vs 69 */
		--g6m-nav-user-pad-x: 1.1rem;
		--g6m-nav-user-text-max: 10.25rem;
		--g6m-nav-opposite-max: 17rem; /* 272px — was 208px */
	}
}

@media (max-width: 1100px) and (min-width: 701px) {
	:root {
		--g6m-nav-user-min-w: 102px; /* ≈ +33px */
		--g6m-nav-user-pad-x: 0.95rem;
		--g6m-nav-user-text-max: 8.5rem;
		--g6m-nav-opposite-max: 15.5rem;
	}
}

@media (max-width: 700px) {
	:root {
		--g6m-nav-user-min-w: 112px; /* keep full "Kratelos" — no ellipsis on typical names */
		--g6m-nav-user-pad-x: 0.7rem;
		--g6m-nav-user-text-max: 9rem;
		--g6m-nav-opposite-max: 16rem;
	}
}

/* END G6M_NAV_USER_PSEUDO_PAD_V520 */

/* ==== g6m-inline-p2-58-v701.css ==== */
/* Externalise (passe 2) — bloc inline #58 — position inchangee */

/* G6M_NAV_USER_PSEUDO_PAD_V520
   Widen only the username section in the Cyber Neon user pill.
   Icons / bar height / separators / glow / animations unchanged.
   Root cause of cramped pseudo: .p-nav-opposite max-width:13rem (208px). */

:root {
	--g6m-nav-user-pseudo-pad: V520d;
	--g6m-nav-user-min-w: 110px; /* was ~69px live → ≈ +41px */
	--g6m-nav-user-pad-x: 1.05rem; /* was ~11px / ~9px */
	--g6m-nav-user-text-max: 9.75rem;
	--g6m-nav-opposite-max: 16.5rem; /* was 13rem (208px) → +~56px headroom */
}

/* Lift the 13rem cap so the username cell can breathe (search may share opposite) */
html#XF body .p-nav .p-nav-opposite:has(.p-navgroup-link--user),
html#XF body .p-nav-inner > .p-nav-opposite:has(.p-navgroup-link--user),
html body .p-nav .p-nav-opposite:has(.p-navgroup-link--user),
html body .p-nav-inner > .p-nav-opposite:has(.p-navgroup-link--user),
html .p-nav .p-nav-inner > .p-nav-opposite:has(.p-navgroup-link--user) {
	max-width: var(--g6m-nav-opposite-max) !important;
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
	/* keep natural width — do NOT force max-content (would engulf search) */
	width: auto !important;
	min-width: 0 !important;
	overflow: visible !important;
}

html#XF body .p-nav-opposite:has(.p-navgroup-link--user) .p-navgroup.p-account.p-navgroup--member,
html body .p-nav-opposite:has(.p-navgroup-link--user) .p-navgroup.p-account.p-navgroup--member {
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	/* extra horizontal room inside the left Cyber Neon half-pill */
	padding-left: 0.45rem !important;
	padding-right: 0.55rem !important;
	overflow: visible !important;
}

/* —— Username cell only —— */
html#XF body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user,
html#XF body .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user,
html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user,
html body .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user,
html body .p-nav-opposite .p-navgroup-link--user,
html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user {
	box-sizing: border-box !important;
	min-width: var(--g6m-nav-user-min-w) !important;
	padding-left: var(--g6m-nav-user-pad-x) !important;
	padding-right: calc(var(--g6m-nav-user-pad-x) + 0.25rem) !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
	overflow: visible !important;
}

html#XF body .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText,
html body .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText,
html body .p-navgroup-link--user .p-navgroup-linkText {
	display: inline-flex !important;
	align-items: center !important;
	min-width: 0 !important;
	max-width: var(--g6m-nav-user-text-max) !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	padding-left: 0.12rem !important;
	padding-right: 0.2rem !important;
	box-sizing: border-box !important;
	line-height: 1 !important;
}

html#XF body .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText [class*="username"],
html body .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText [class*="username"],
html body .p-navgroup-link--user .p-navgroup-linkText .g6m-role-username {
	/* keep inline-flex for star ::before + rainbow */
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
}

/* Icon slots: widths untouched (header-slim / user-zone remain source of truth) */
html body .p-nav-opposite .p-navgroup-link--conversations,
html body .p-nav-opposite .p-navgroup-link--alerts,
html body .p-nav-opposite .p-navgroup-link--whatsnew {
	flex-shrink: 0 !important;
}

@media (min-width: 1101px) {
	:root {
		--g6m-nav-user-min-w: 116px; /* ≈ +47px vs 69 */
		--g6m-nav-user-pad-x: 1.1rem;
		--g6m-nav-user-text-max: 10.25rem;
		--g6m-nav-opposite-max: 17rem; /* 272px — was 208px */
	}
}

@media (max-width: 1100px) and (min-width: 701px) {
	:root {
		--g6m-nav-user-min-w: 102px; /* ≈ +33px */
		--g6m-nav-user-pad-x: 0.95rem;
		--g6m-nav-user-text-max: 8.5rem;
		--g6m-nav-opposite-max: 15.5rem;
	}
}

@media (max-width: 700px) {
	:root {
		--g6m-nav-user-min-w: 112px; /* keep full "Kratelos" — no ellipsis on typical names */
		--g6m-nav-user-pad-x: 0.7rem;
		--g6m-nav-user-text-max: 9rem;
		--g6m-nav-opposite-max: 16rem;
	}
}

/* END G6M_NAV_USER_PSEUDO_PAD_V520 */

/* ==== g6m-shop-premium-v480.css ==== */
/* G6M_SHOP_PREMIUM_V480 — Boutique GTA$ premium (render-only)
   Single currency GTA$ · glass cards · dense sidebar · modern filters
*/

:root {
  --g6m-shop-pink: #ff2d95;
  --g6m-shop-violet: #9b4dff;
  --g6m-shop-cyan: #00e5ff;
  --g6m-shop-gold: #ffc85a;
  --g6m-shop-card: rgba(14, 10, 22, 0.72);
  --g6m-shop-border: rgba(155, 77, 255, 0.4);
  --g6m-shop-radius: 18px;
  --g6m-shop-ease: 220ms cubic-bezier(0.22, 1, 0.36, 1);
  --g6m-shop-icon: 96px;
  --g6m-shop-glow: 0 0 28px rgba(155, 77, 255, 0.22);
}

html body[data-template*="dbtech_shop"] .p-body-inner {
  max-width: 1360px !important;
}

html body[data-template*="dbtech_shop"] .p-body-header {
  margin-bottom: 0.65rem !important;
}

html body[data-template*="dbtech_shop"] .p-body-header .p-title-value {
  font-family: Rajdhani, Orbitron, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  color: #ff4db8 !important;
  text-shadow: 0 0 24px rgba(255, 45, 149, 0.35) !important;
}

/* Panels — glass */
html body[data-template*="dbtech_shop"] .p-body-content .block,
html body[data-template*="dbtech_shop"] .p-body-sidebar .block,
html body[data-template*="dbtech_shop"] .p-body-sideNav .block {
  border-radius: var(--g6m-shop-radius) !important;
  border: 1px solid var(--g6m-shop-border) !important;
  background:
    linear-gradient(155deg, rgba(40, 22, 58, 0.55), rgba(8, 6, 16, 0.88)),
    rgba(12, 8, 20, 0.55) !important;
  backdrop-filter: blur(14px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.42), var(--g6m-shop-glow) !important;
  overflow: hidden !important;
}

html body[data-template*="dbtech_shop"] .block-header,
html body[data-template*="dbtech_shop"] .block-minorHeader {
  margin: 0 !important;
  padding: 0.55rem 0.9rem !important;
  min-height: 0 !important;
  background: linear-gradient(90deg, rgba(255, 45, 149, 0.28), rgba(155, 77, 255, 0.14)) !important;
  border-bottom: 1px solid rgba(255, 45, 149, 0.28) !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body[data-template*="dbtech_shop"] .block-body,
html body[data-template*="dbtech_shop"] .block-container {
  background: transparent !important;
}

/* ===== FILTER BAR — single modern row ===== */
html body[data-template*="dbtech_shop"] .block-filterBar,
html body[data-template*="dbtech_shop"] .filterBar,
html body[data-template*="dbtech_shop"] .g6m-shop-filterbar {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0.55rem 0.85rem !important;
  border-bottom: 1px solid rgba(155, 77, 255, 0.2) !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  background: rgba(8, 6, 16, 0.35) !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-filterbar input,
html body[data-template*="dbtech_shop"] .g6m-shop-filterbar select,
html body[data-template*="dbtech_shop"] .block-filterBar .input,
html body[data-template*="dbtech_shop"] .block-filterBar select {
  min-height: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 0.65rem !important;
  border-radius: 10px !important;
  border: 1px solid rgba(155, 77, 255, 0.35) !important;
  background: rgba(16, 12, 28, 0.9) !important;
  color: #f4f7ff !important;
  font-size: 0.82rem !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-filterbar__search {
  flex: 1 1 180px !important;
  min-width: 140px !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-filterbar__btn {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding: 0 0.85rem !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 45, 149, 0.4) !important;
  background: linear-gradient(105deg, rgba(255, 45, 149, 0.35), rgba(155, 77, 255, 0.35)) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: filter var(--g6m-shop-ease), transform var(--g6m-shop-ease) !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-filterbar__btn:hover {
  filter: brightness(1.12) !important;
  transform: translateY(-1px) !important;
}

html body[data-template*="dbtech_shop"] .block-outer {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0.3rem 0.75rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.4rem !important;
}

html body[data-template*="dbtech_shop"] .block-outer:empty,
html body[data-template*="dbtech_shop"] .block-outer-opposite:empty {
  display: none !important;
}

/* Multi-select / bulk action button — compact GTA VI */
html body[data-template*="dbtech_shop"] .block-outer .button,
html body[data-template*="dbtech_shop"] .block-outer-opposite .button,
html body[data-template*="dbtech_shop"] .inlineModButton,
html body[data-template*="dbtech_shop"] .button.button--link[data-xf-init*="inline-mod"],
html body[data-template*="dbtech_shop"] a.button[href*="inline-mod"] {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(155, 77, 255, 0.45) !important;
  background: rgba(20, 14, 32, 0.92) !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
}

html body[data-template*="dbtech_shop"] .block-outer .button .button-text,
html body[data-template*="dbtech_shop"] .inlineModButton .button-text {
  font-size: 0.85rem !important;
}

/* Card grid */
html body[data-template*="dbtech_shop"] .structItemContainer,
html body[data-template*="dbtech_shop"] .itemList-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  padding: 0.95rem !important;
  margin: 0 !important;
  align-items: stretch !important;
  border: 0 !important;
}

html body[data-template*="dbtech_shop"] .structItemContainer-group,
html body[data-template*="dbtech_shop"] .structItemContainer-group--open {
  display: contents !important;
  border: 0 !important;
}

/* ===== PRODUCT CARDS ===== */
html body[data-template*="dbtech_shop"] .itemList-item.structItem,
html body[data-template*="dbtech_shop"] .structItem--item {
  display: grid !important;
  grid-template-columns: var(--g6m-shop-icon) minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    "icon main"
    "meta meta" !important;
  gap: 0.65rem 0.85rem !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0.95rem !important;
  padding-top: 1.15rem !important;
  border: 1px solid rgba(155, 77, 255, 0.32) !important;
  border-radius: var(--g6m-shop-radius) !important;
  background:
    linear-gradient(160deg, rgba(36, 22, 54, 0.65), rgba(10, 8, 18, 0.88)),
    rgba(14, 10, 22, 0.7) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  transition:
    transform var(--g6m-shop-ease),
    box-shadow var(--g6m-shop-ease),
    border-color var(--g6m-shop-ease) !important;
  align-items: start !important;
  overflow: hidden !important;
  position: relative !important;
}

html body[data-template*="dbtech_shop"] .itemList-item.structItem::before,
html body[data-template*="dbtech_shop"] .structItem--item::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  opacity: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(0, 229, 255, 0.55), 0 0 32px rgba(155, 77, 255, 0.35) !important;
  transition: opacity var(--g6m-shop-ease) !important;
}

html body[data-template*="dbtech_shop"] .itemList-item.structItem:hover,
html body[data-template*="dbtech_shop"] .structItem--item:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(0, 229, 255, 0.5) !important;
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.5),
    0 0 28px rgba(155, 77, 255, 0.28),
    0 0 18px rgba(255, 45, 149, 0.18) !important;
}

html body[data-template*="dbtech_shop"] .itemList-item.structItem:hover::before,
html body[data-template*="dbtech_shop"] .structItem--item:hover::before {
  opacity: 1 !important;
}

html body[data-template*="dbtech_shop"] .structItem-cell {
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  vertical-align: top !important;
}

html body[data-template*="dbtech_shop"] .structItem-cell--icon,
html body[data-template*="dbtech_shop"] .structItem-cell--iconExpanded {
  grid-area: icon !important;
  width: var(--g6m-shop-icon) !important;
  max-width: var(--g6m-shop-icon) !important;
  flex: none !important;
}

html body[data-template*="dbtech_shop"] .structItem-cell--main {
  grid-area: main !important;
}

html body[data-template*="dbtech_shop"] .structItem-cell--itemMeta {
  grid-area: meta !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
  padding-top: 0.55rem !important;
  border-top: 1px solid rgba(155, 77, 255, 0.18) !important;
  margin-top: 0 !important;
}

html body[data-template*="dbtech_shop"] .structItem-iconContainer {
  position: relative !important;
  width: var(--g6m-shop-icon) !important;
  height: var(--g6m-shop-icon) !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body[data-template*="dbtech_shop"] .structItem-iconContainer > .avatar--itemIcon,
html body[data-template*="dbtech_shop"] .structItem-iconContainer > a.avatar {
  width: var(--g6m-shop-icon) !important;
  height: var(--g6m-shop-icon) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(155, 77, 255, 0.45) !important;
  display: block !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35), 0 0 14px rgba(155, 77, 255, 0.2) !important;
  transition: transform var(--g6m-shop-ease), box-shadow var(--g6m-shop-ease) !important;
}

html body[data-template*="dbtech_shop"] .structItem-iconContainer > .avatar--itemIcon img,
html body[data-template*="dbtech_shop"] .structItem-iconContainer > a.avatar img,
html body[data-template*="dbtech_shop"] .avatar--itemIcon img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

html body[data-template*="dbtech_shop"] .itemList-item.structItem:hover .structItem-iconContainer > .avatar--itemIcon,
html body[data-template*="dbtech_shop"] .itemList-item.structItem:hover .structItem-iconContainer > a.avatar {
  transform: scale(1.05) !important;
  box-shadow: 0 0 22px rgba(0, 229, 255, 0.35) !important;
}

html body[data-template*="dbtech_shop"] .structItem-secondaryIcon,
html body[data-template*="dbtech_shop"] .structItem-iconContainer .avatar--separated {
  display: none !important;
}

/* Title + price focal */
html body[data-template*="dbtech_shop"] .structItem-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.45rem !important;
  margin: 0 0 0.25rem !important;
  padding: 0 !important;
  padding-right: 1.75rem !important;
  font-family: Rajdhani, Inter, sans-serif !important;
  font-size: 1.18rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #fff !important;
}

html body[data-template*="dbtech_shop"] .structItem-title > a[data-tp-primary],
html body[data-template*="dbtech_shop"] .structItem-title > a:not(.labelLink) {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  color: #fff !important;
  text-decoration: none !important;
  overflow-wrap: anywhere !important;
}

html body[data-template*="dbtech_shop"] .structItem-title .label,
html body[data-template*="dbtech_shop"] .structItem-title .label--primary {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  margin: 0 !important;
  padding: 0.42rem 0.9rem !important;
  min-height: 36px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 200, 90, 0.35) !important;
  background: linear-gradient(105deg, #9b4dff 0%, #ff2d95 55%, #7a2dff 100%) !important;
  color: #fff !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  white-space: nowrap !important;
  box-shadow: 0 6px 18px rgba(155, 77, 255, 0.4), 0 0 16px rgba(255, 45, 149, 0.25) !important;
  transition: filter var(--g6m-shop-ease), transform var(--g6m-shop-ease), box-shadow var(--g6m-shop-ease) !important;
}

html body[data-template*="dbtech_shop"] .structItem-title .label:hover {
  filter: brightness(1.1) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 22px rgba(155, 77, 255, 0.5), 0 0 22px rgba(0, 229, 255, 0.2) !important;
}

html body[data-template*="dbtech_shop"] .structItem-title .label a {
  color: #fff !important;
  text-decoration: none !important;
}

html body[data-template*="dbtech_shop"] .structItem-title .label::before {
  content: "💵" !important;
  font-size: 0.85rem !important;
  line-height: 1 !important;
}

html body[data-template*="dbtech_shop"] .structItem-title .label.g6m-shop-buy::after {
  content: none !important;
}

html body[data-template*="dbtech_shop"] .structItem-minor {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.3rem 0.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

html body[data-template*="dbtech_shop"] .structItem-parts,
html body[data-template*="dbtech_shop"] .structItem-extraInfo {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.3rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body[data-template*="dbtech_shop"] .structItem-parts > li,
html body[data-template*="dbtech_shop"] .structItem-extraInfo > li {
  margin: 0 !important;
  padding: 0 !important;
}

html body[data-template*="dbtech_shop"] .structItem-statuses:empty,
html body[data-template*="dbtech_shop"] .structItem-extraInfo:empty {
  display: none !important;
}

/* Checkbox — integrated action chip */
html body[data-template*="dbtech_shop"] .structItem-extraInfo {
  position: absolute !important;
  top: 0.55rem !important;
  right: 0.55rem !important;
  z-index: 3 !important;
  background: rgba(12, 8, 20, 0.82) !important;
  border: 1px solid rgba(155, 77, 255, 0.35) !important;
  border-radius: 8px !important;
  padding: 0.2rem 0.35rem !important;
  backdrop-filter: blur(8px) !important;
}

html body[data-template*="dbtech_shop"] .structItem-extraInfo .iconic {
  margin: 0 !important;
}

html body[data-template*="dbtech_shop"] .structItem-itemTagLine {
  display: none !important;
}

/* Hide empty ratings */
html body[data-template*="dbtech_shop"] .structItem-metaItem--rating.g6m-shop-hide-rating,
html body[data-template*="dbtech_shop"] .ratingStarsRow.g6m-shop-hide-rating,
html body[data-template*="dbtech_shop"] .g6m-shop-hide-rating {
  display: none !important;
}

html body[data-template*="dbtech_shop"] .structItem-metaItem--rating:has(.ratingStarsRow-text:is([data-count="0"])),
html body[data-template*="dbtech_shop"] .ratingStarsRow:has(.ratingStarsRow-text) {
  /* JS adds .g6m-shop-hide-rating when 0 reviews */
}

/* Meta pairs — tight alignment */
html body[data-template*="dbtech_shop"] .structItem-cell--itemMeta .pairs {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  column-gap: 0.75rem !important;
  row-gap: 0.2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.8rem !important;
  line-height: 1.3 !important;
  width: 100% !important;
}

html body[data-template*="dbtech_shop"] .structItem-cell--itemMeta .pairs > dt {
  margin: 0 !important;
  opacity: 0.68 !important;
  text-align: left !important;
}

html body[data-template*="dbtech_shop"] .structItem-cell--itemMeta .pairs > dd {
  margin: 0 !important;
  font-weight: 700 !important;
  color: #f4f7ff !important;
  text-align: right !important;
  justify-self: end !important;
}

/* ===== GRID MODE ===== */
html body[data-template*="dbtech_shop"] .itemList-item-grid {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0.95rem !important;
  border-radius: var(--g6m-shop-radius) !important;
  border: 1px solid rgba(155, 77, 255, 0.32) !important;
  background:
    linear-gradient(160deg, rgba(36, 22, 54, 0.65), rgba(10, 8, 18, 0.88)),
    rgba(14, 10, 22, 0.7) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.38) !important;
  transition: transform var(--g6m-shop-ease), box-shadow var(--g6m-shop-ease), border-color var(--g6m-shop-ease) !important;
  position: relative !important;
}

html body[data-template*="dbtech_shop"] .itemList-item-grid:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(0, 229, 255, 0.5) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5), 0 0 28px rgba(155, 77, 255, 0.28) !important;
}

html body[data-template*="dbtech_shop"] .itemList-item-grid--icon,
html body[data-template*="dbtech_shop"] .itemList-item-grid--icon.flex-box {
  width: 100% !important;
  height: 140px !important;
  margin: 0 0 0.75rem !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(155, 77, 255, 0.4) !important;
  flex: none !important;
  box-shadow: 0 0 18px rgba(155, 77, 255, 0.18) !important;
}

html body[data-template*="dbtech_shop"] .itemList-item-grid--icon img,
html body[data-template*="dbtech_shop"] .itemList-item-grid--icon .avatar,
html body[data-template*="dbtech_shop"] .itemList-item-grid--icon .avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 14px !important;
}

html body[data-template*="dbtech_shop"] .itemList-item-grid .node-title {
  font-family: Rajdhani, Inter, sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  margin: 0 0 0.35rem !important;
  line-height: 1.25 !important;
}

html body[data-template*="dbtech_shop"] .itemList-item-grid .node-description {
  display: none !important;
}

html body[data-template*="dbtech_shop"] .itemList-item-grid--priceRatingInfo,
html body[data-template*="dbtech_shop"] .itemList-item-grid--buyButton,
html body[data-template*="dbtech_shop"] .itemList-item-grid--updateInfo {
  margin-top: 0.5rem !important;
  padding-top: 0.5rem !important;
  border-top: 1px solid rgba(155, 77, 255, 0.16) !important;
}

html body[data-template*="dbtech_shop"] .itemList-item-grid--buyButton .button,
html body[data-template*="dbtech_shop"] .itemList-item-grid--buyButton a.button,
html body[data-template*="dbtech_shop"] .button--cta,
html body[data-template*="dbtech_shop"] .button--primary,
html body[data-template*="dbtech_shop"] .g6m-shop-cta {
  width: 100% !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(105deg, #9b4dff, #ff2d95 55%, #7a2dff) !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 18px rgba(155, 77, 255, 0.4), 0 0 14px rgba(255, 45, 149, 0.25) !important;
  transition: filter var(--g6m-shop-ease), transform var(--g6m-shop-ease), box-shadow var(--g6m-shop-ease) !important;
}

html body[data-template*="dbtech_shop"] .itemList-item-grid--buyButton .button:hover,
html body[data-template*="dbtech_shop"] .button--cta:hover,
html body[data-template*="dbtech_shop"] .button--primary:hover,
html body[data-template*="dbtech_shop"] .g6m-shop-cta:hover {
  filter: brightness(1.1) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 26px rgba(155, 77, 255, 0.5), 0 0 22px rgba(0, 229, 255, 0.22) !important;
}

html body[data-template*="dbtech_shop"] .itemList-item-gridOverlayTop {
  position: absolute !important;
  top: 0.55rem !important;
  right: 0.55rem !important;
  height: auto !important;
  z-index: 2 !important;
  background: rgba(12, 8, 20, 0.82) !important;
  border: 1px solid rgba(155, 77, 255, 0.35) !important;
  border-radius: 8px !important;
  padding: 0.2rem 0.35rem !important;
}

/* ===== SIDEBAR — categories compact (42–48px rows) ===== */
html body[data-template*="dbtech_shop"] .p-body-sidebar .block,
html body[data-template*="dbtech_shop"] .p-body-sideNav .block {
  margin-bottom: 0.75rem !important;
}

html body[data-template*="dbtech_shop"] .p-body-sidebar .block .block-body,
html body[data-template*="dbtech_shop"] .p-body-sideNav .block .block-body {
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

/* Target the Categories widget list specifically
   Override any leftover card-grid rules from g6m-forum-ui-critical */
html body[data-template*="dbtech_shop"] .p-body-sidebar .categoryList,
html body[data-template*="dbtech_shop"] .p-body-sideNav .categoryList,
html body[data-template*="dbtech_shop"] .categoryList,
html body[data-template*="dbtech_shop"] .categoryList.categoryList,
html body[data-template*="dbtech_shop"] .categoryList-list,
html body[data-template*="dbtech_shop"] ol.categoryList {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 8px !important;
  min-height: 0 !important;
  height: auto !important;
  list-style: none !important;
}

html body[data-template*="dbtech_shop"] .categoryList.toggleTarget:not(.is-active) {
  display: none !important;
}

html body[data-template*="dbtech_shop"] .categoryList-item {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  list-style: none !important;
  border: 0 !important;
  background: transparent !important;
}

/* Row = icon+text (left) | badge (right) */
html body[data-template*="dbtech_shop"] .categoryList-itemRow {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 42px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  background: rgba(255, 255, 255, 0.02) !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

html body[data-template*="dbtech_shop"] .categoryList-itemRow:hover {
  background: rgba(155, 77, 255, 0.14) !important;
  border-color: rgba(155, 77, 255, 0.4) !important;
  transform: translateX(3px) !important;
  box-shadow: 0 0 12px rgba(155, 77, 255, 0.18) !important;
}

html body[data-template*="dbtech_shop"] .categoryList-item.is-active > .categoryList-itemRow,
html body[data-template*="dbtech_shop"] .categoryList-itemRow:has(.categoryList-link.is-selected),
html body[data-template*="dbtech_shop"] .categoryList-itemRow:has(.g6m-shop-cat--active) {
  background: linear-gradient(105deg, rgba(255, 45, 149, 0.2), rgba(155, 77, 255, 0.2)) !important;
  border-color: rgba(255, 45, 149, 0.45) !important;
  box-shadow: 0 0 14px rgba(155, 77, 255, 0.22) !important;
}

/* Hide empty toggler spacer (no nested cats) — kills wasted left gutter */
html body[data-template*="dbtech_shop"] .categoryList-togglerSpacer {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body[data-template*="dbtech_shop"] .categoryList-toggler {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
}

/* Left block: emoji + title */
html body[data-template*="dbtech_shop"] .categoryList-link {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
  color: #f0e8ff !important;
  font-family: Rajdhani, Inter, sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body[data-template*="dbtech_shop"] .categoryList-link:hover,
html body[data-template*="dbtech_shop"] .categoryList-item > a:hover {
  background: transparent !important;
  border-color: transparent !important;
  transform: none !important;
  color: #fff !important;
}

html body[data-template*="dbtech_shop"] .categoryList-link.is-selected,
html body[data-template*="dbtech_shop"] .g6m-shop-cat--active {
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Emoji / leading glyph sizing inside title */
html body[data-template*="dbtech_shop"] .categoryList-link .g6m-shop-cat-icon {
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

html body[data-template*="dbtech_shop"] .categoryList-link .g6m-shop-cat-text {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Right block: count badge only */
html body[data-template*="dbtech_shop"] .categoryList-label {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  margin-left: auto !important;
  padding: 0 !important;
  align-self: center !important;
}

html body[data-template*="dbtech_shop"] .categoryList-label .label,
html body[data-template*="dbtech_shop"] .categoryList-label .label--subtle,
html body[data-template*="dbtech_shop"] .categoryList-label .label--smallest,
html body[data-template*="dbtech_shop"] .g6m-shop-cat-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-width: 22px !important;
  width: auto !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(0, 229, 255, 0.4) !important;
  background: rgba(0, 229, 255, 0.14) !important;
  color: #00e5ff !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important;
}

html body[data-template*="dbtech_shop"] .categoryList-itemRow:hover .categoryList-label .label,
html body[data-template*="dbtech_shop"] .categoryList-itemRow:hover .g6m-shop-cat-count {
  background: rgba(0, 229, 255, 0.28) !important;
  border-color: rgba(0, 229, 255, 0.7) !important;
  color: #b8fbff !important;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.35) !important;
}

@media (max-width: 720px) {
  html body[data-template*="dbtech_shop"] .categoryList,
  html body[data-template*="dbtech_shop"] ol.categoryList {
    gap: 8px !important;
    padding: 8px !important;
  }
  html body[data-template*="dbtech_shop"] .categoryList-itemRow {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 48px !important;
    padding: 0 8px !important;
  }
  html body[data-template*="dbtech_shop"] .categoryList-link {
    font-size: 0.88rem !important;
  }
}

/* ===== WALLET ===== */
html body[data-template*="dbtech_shop"] .block.wallet .block-body,
html body[data-template*="dbtech_shop"] .block.wallet .pairs {
  padding: 0 !important;
  min-height: 0 !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet {
  padding: 0.75rem 0.85rem 0.9rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;
  padding: 0.4rem 0.55rem !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(155, 77, 255, 0.18) !important;
  font-size: 0.86rem !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__label {
  opacity: 0.78 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__value {
  font-weight: 800 !important;
  color: #fff !important;
  font-family: Rajdhani, sans-serif !important;
  font-size: 1.05rem !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__value--cash {
  color: #ffc85a !important;
  text-shadow: 0 0 12px rgba(255, 200, 90, 0.35) !important;
}

/* Official XF userBanner inside wallet — keep group classes, size for wallet */
html body[data-template*="dbtech_shop"] .g6m-shop-wallet__value--badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  max-width: 70% !important;
  min-width: 0 !important;
  font-size: inherit !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__value--badge .userBanner,
html body[data-template*="dbtech_shop"] .g6m-shop-wallet-badge.userBanner {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  width: auto !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  transition: filter 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__value--badge .userBanner:hover,
html body[data-template*="dbtech_shop"] .g6m-shop-wallet-badge.userBanner:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__value--badge .userBanner::before,
html body[data-template*="dbtech_shop"] .g6m-shop-wallet-badge.userBanner::before {
  /* Preserve FA / theme ::before icons; keep gap via flex */
  flex: 0 0 auto !important;
  margin: 0 !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__value--none {
  opacity: 0.55 !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  color: rgba(240, 232, 255, 0.75) !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__row--rank {
  align-items: center !important;
}

/* Hidden native banner source (PAGE_CONTAINER inject) */
html body .g6m-visitor-banners,
html body #g6m-visitor-banners,
html body #g6m-visitor-banners[hidden],
html body .g6m-visitor-banners[hidden] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  left: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

html body #g6m-visitor-banners .userBanner,
html body #g6m-visitor-banners em.userBanner,
html body #g6m-visitor-banners [class*="userBanner"],
html body .g6m-visitor-banners .userBanner,
html body .g6m-visitor-banners em.userBanner,
html body .g6m-visitor-banners [class*="userBanner"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  pointer-events: none !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.4rem !important;
  margin-top: 0.25rem !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: 36px !important;
  padding: 0.35rem 0.45rem !important;
  border-radius: 10px !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: filter var(--g6m-shop-ease), transform var(--g6m-shop-ease) !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__actions a:hover {
  filter: brightness(1.1) !important;
  transform: translateY(-1px) !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__earn {
  background: linear-gradient(105deg, rgba(155, 77, 255, 0.85), rgba(255, 45, 149, 0.75)) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 45, 149, 0.4) !important;
}

html body[data-template*="dbtech_shop"] .g6m-shop-wallet__hist {
  background: rgba(0, 229, 255, 0.1) !important;
  color: #00e5ff !important;
  border: 1px solid rgba(0, 229, 255, 0.35) !important;
}

/* Hide original sparse wallet pairs once enhanced */
html body[data-template*="dbtech_shop"] .block.wallet.g6m-shop-wallet-enhanced .block-body > .pairs,
html body[data-template*="dbtech_shop"] .block.wallet.g6m-shop-wallet-enhanced .block-body > dl {
  display: none !important;
}

/* Responsive */
@media (max-width: 1440px) {
  html body[data-template*="dbtech_shop"] .structItemContainer,
  html body[data-template*="dbtech_shop"] .itemList-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1100px) {
  html body[data-template*="dbtech_shop"] .structItemContainer,
  html body[data-template*="dbtech_shop"] .itemList-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 720px) {

  /* G6M_SHOP_FIELDS_16PX — iOS Safari zoome la page si un champ a une
     font-size < 16px. Les selecteurs de filtre etaient a 0.82rem (13,12 px) :
     chaque ouverture de filtre provoquait un zoom parasite. */
  html body[data-template*="dbtech_shop"] .g6m-shop-filterbar__sort,
  html body[data-template*="dbtech_shop"] .g6m-shop-filterbar__price,
  html body[data-template*="dbtech_shop"] .g6m-shop-filterbar__avail,
  html body[data-template*="dbtech_shop"] .block-filterBar select,
  html body[data-template*="dbtech_shop"] .block-filterBar input {
    font-size: 16px !important;
  }
  html body[data-template*="dbtech_shop"] .structItemContainer,
  html body[data-template*="dbtech_shop"] .itemList-grid {
    grid-template-columns: 1fr !important;
    padding: 0.65rem !important;
    gap: 0.75rem !important;
  }
  html body[data-template*="dbtech_shop"] .itemList-item.structItem {
    grid-template-columns: 72px minmax(0, 1fr) !important;
  }
  html body[data-template*="dbtech_shop"] {
    --g6m-shop-icon: 72px;
  }
  html body[data-template*="dbtech_shop"] .g6m-shop-filterbar {
    flex-wrap: wrap !important;
  }
  html body[data-template*="dbtech_shop"] .g6m-shop-wallet__actions {
    grid-template-columns: 1fr !important;
  }
  html body[data-template*="dbtech_shop"] .structItem-title .label {
    white-space: normal !important;
  }
}
@media (max-width: 400px) {
  html body[data-template*="dbtech_shop"] .p-body-inner {
    padding-left: 0.55rem !important;
    padding-right: 0.55rem !important;
  }
  html body[data-template*="dbtech_shop"] .structItem-title .label::before {
    content: "" !important;
  }
}

html body[data-template*="dbtech_shop"],
html body[data-template*="dbtech_shop"] .p-body,
html body[data-template*="dbtech_shop"] .p-body-main {
  overflow-x: clip !important;
  max-width: 100% !important;
}

@media (prefers-reduced-motion: reduce) {
  html body[data-template*="dbtech_shop"] * {
    transition: none !important;
  }
}

/* G6M_SHOP_HIDE_PSEUDO_V523 — remove owner username under price */
html body[data-template*="dbtech_shop"] .itemList-item a.username,
html body[data-template*="dbtech_shop"] .itemList-item .username,
html body[data-template*="dbtech_shop"] .itemList-item .listInline--bullet > li:has(> a.username),
html body[data-template*="dbtech_shop"] .itemList-item .listInline--bullet > li:has(> .username),
html body[data-template*="dbtech_shop"] .itemList-item .structItem-parts > li:has(> a.username),
html body[data-template*="dbtech_shop"] .itemList-item .structItem-parts--item > li:has(> a.username),
html body[data-template*="dbtech_shop"] .itemList-item .contentRow-minor a.username,
html body[data-template*="dbtech_shop"] .itemList-item-grid .listInline--bullet > li:has(a.username),
html body[data-template*="dbtech_shop"] .node-extra .username,
html body[data-template*="dbtech_shop"] .itemList-item [data-author] > .username {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* END G6M_SHOP_HIDE_PSEUDO_V523 */