/* SmmDadPrime 2026 — foundation
   Design tokens, reset, typography, icon subset and legacy utility compatibility. */

:root {
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;
  --brand-50: #eff6ff;
  --brand-100: #dbeafe;
  --brand-200: #bfdbfe;
  --brand-300: #93c5fd;
  --brand-500: #2563eb;
  --brand-600: #1d4ed8;
  --brand-700: #1e40af;
  --brand-900: #172554;
  --violet-500: #7c3aed;
  --cyan-500: #06b6d4;
  --success-50: #f0fdf4;
  --success-500: #16a34a;
  --warning-50: #fffbeb;
  --warning-500: #d97706;
  --danger-50: #fef2f2;
  --danger-500: #dc2626;
  --info-50: #f0f9ff;
  --info-500: #0284c7;
  --slate-25: #fbfdff;
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  --surface: #ffffff;
  --surface-soft: var(--slate-50);
  --page-bg: #f4f7fb;
  --text: var(--slate-900);
  --text-muted: var(--slate-500);
  --border: #dbe4f0;
  --border-strong: var(--slate-300);
  --primary: var(--brand-500);
  --primary-hover: var(--brand-600);
  --primary-soft: var(--brand-50);
  --secondary: var(--violet-500);
  --accent: var(--cyan-500);
  --success: var(--success-500);
  --warning: var(--warning-500);
  --danger: var(--danger-500);
  --info: var(--info-500);
  --header-bg: #1a5cb8;
  --header-bg-strong: #1248a0;
  --header-text: #ffffff;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --shadow-xs: 0 4px 14px rgba(15, 23, 42, 0.06);
  --shadow-sm: 0 10px 28px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 20px 52px rgba(15, 23, 42, 0.12);
  --shadow-lg: 0 30px 90px rgba(15, 23, 42, 0.18);
  --focus-ring: 0 0 0 4px rgba(37, 99, 235, 0.18);
  --gradient-brand: linear-gradient(135deg, var(--brand-500) 0%, var(--violet-500) 58%, var(--cyan-500) 100%);
  --gradient-header: linear-gradient(135deg, var(--header-bg-strong), var(--header-bg));
  --container: 1180px;
  --sidebar-width: 248px;
  --topbar-height: 68px;
  --transition-fast: 160ms ease;
  --transition-base: 220ms ease;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --s-4: var(--space-1);
  --s-8: var(--space-2);
  --s-12: var(--space-3);
  --s-16: var(--space-4);
  --s-20: var(--space-5);
  --s-24: var(--space-6);
  --s-32: var(--space-8);
  --s-40: var(--space-10);
  --s-48: var(--space-12);
  --s-64: var(--space-16);
  --surface-raised: rgba(255, 255, 255, 0.96);
  --shadow-premium-lg: var(--shadow-lg);
  --sd-primary: var(--primary);
  --sd-secondary: var(--secondary);
  --sd-success: var(--success);
  --sd-warning: var(--warning);
  --sd-danger: var(--danger);
  --sd-info: var(--info);
  --sd-background: var(--page-bg);
  --sd-surface: var(--surface);
  --sd-surface-soft: var(--surface-soft);
  --sd-border: var(--border);
  --sd-text: var(--text);
  --sd-text-soft: var(--text-muted);
  --sd-radius-sm: var(--radius-sm);
  --sd-radius-md: var(--radius-md);
  --sd-radius-lg: var(--radius-lg);
  --sd-shadow-md: var(--shadow-md);
  --sd-shadow-xl: var(--shadow-lg);

  /* Compatibility variables used by panel-generated components. */
  --background: var(--page-bg);
  --surface-muted: var(--surface-soft);
  --text-light: #ffffff;
  --text-white: #ffffff;
  --text-dark: var(--text);
  --error: var(--danger);
  --radius: var(--radius-md);
  --shadow: var(--shadow-sm);
  --font-family-base: var(--font-sans);
  --font-family-heading: var(--font-heading);
  --link: var(--primary);
  --button_primary_background_color: var(--primary);
  --button_primary_border_color: var(--primary);
  --button_primary_hover_background_color: var(--primary-hover);
  --button_primary_text_color: #ffffff;
  --card_background_color: var(--surface);
  --card_text_color: var(--text);
}

html[data-theme="dark"],
html[data-bs-theme="dark"],
body.dark-mode,
body[data-theme-mode="dark"],
body[data-color-mode="dark"] {
  --surface: #111827;
  --surface-soft: #0f172a;
  --surface-raised: rgba(17, 24, 39, 0.96);
  --page-bg: #0b1120;
  --text: #f8fafc;
  --text-muted: #a7b3c7;
  --border: rgba(148, 163, 184, 0.24);
  --border-strong: rgba(203, 213, 225, 0.34);
  --primary-soft: rgba(37, 99, 235, 0.16);
  --header-bg: #1d4ed8;
  --header-bg-strong: #0f2d6b;
  --focus-ring: 0 0 0 4px rgba(96, 165, 250, 0.24);
  --sd-background: var(--page-bg);
  --sd-surface: var(--surface);
  --sd-surface-soft: var(--surface-soft);
  --sd-border: var(--border);
  --sd-text: var(--text);
  --sd-text-soft: var(--text-muted);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  text-size-adjust: 100%;
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  color: var(--text);
  background: var(--page-bg);
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.body,
body.body-public,
body.body-internal {
  background: linear-gradient(180deg, #f8fbff 0, var(--page-bg) 320px, var(--page-bg) 100%);
}

::selection {
  color: #ffffff;
  background: var(--primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.65em;
  color: var(--text);
  font-family: var(--font-heading);
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 0;
}

h1 { font-size: clamp(2rem, 3vw, 2.75rem); }
h2 { font-size: clamp(1.55rem, 2.4vw, 2.15rem); }
h3 { font-size: clamp(1.25rem, 2vw, 1.6rem); }
h4 { font-size: 1.2rem; }
h5 { font-size: 1.05rem; }
h6 { font-size: 0.9rem; }

p {
  margin: 0 0 1rem;
}

ul,
ol {
  margin-top: 0;
}

a {
  color: var(--primary);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  transition: color var(--transition-fast), opacity var(--transition-fast);
}

a:hover {
  color: var(--primary-hover);
}

img,
picture,
svg,
video,
canvas {
  max-width: 100%;
}

img,
svg {
  vertical-align: middle;
}

button,
input,
select,
textarea {
  margin: 0;
  color: inherit;
  font: inherit;
}

button,
[role="button"] {
  cursor: pointer;
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  cursor: not-allowed;
}

hr {
  margin: 1.5rem 0;
  border: 0;
  border-top: 1px solid var(--border);
  opacity: 1;
}

pre,
code,
kbd,
samp {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

pre {
  max-width: 100%;
  margin: 0 0 1.25rem;
  padding: 1rem;
  overflow: auto;
  color: #dbeafe;
  background: #0b1220;
  border: 1px solid #1f2a44;
  border-radius: var(--radius-md);
  font-size: 0.84rem;
  line-height: 1.7;
  white-space: pre-wrap;
}

:focus-visible {
  outline: 0;
  box-shadow: var(--focus-ring);
}

[hidden] {
  display: none !important;
}

.sr-only,
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.img-responsive {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

.nowrap {
  white-space: nowrap;
}

.btn-block {
  display: flex;
  width: 100%;
}

.width-40 {
  width: 40%;
  min-width: 130px;
}

.width-service-name {
  min-width: 220px;
}

.container-fluid-spacious {
  width: min(100%, var(--container));
  margin-inline: auto;
  padding-inline: clamp(0.75rem, 3vw, 2rem);
}

.m-t-md { margin-top: 1rem !important; }
.mr-1 { margin-inline-end: 0.25rem !important; }
.mr-2 { margin-inline-end: 0.5rem !important; }
.ml-1 { margin-inline-start: 0.25rem !important; }
.mb-mb-0 { margin-bottom: 0 !important; }
.text-left { text-align: left !important; }
.col-md-12g { width: 100%; }

.style-text-primary { color: var(--primary) !important; }
.style-text-dark { color: var(--text) !important; }
.style-bg-primary { background: var(--primary) !important; }
.style-bg-primary-alpha-20 { background: rgba(37, 99, 235, 0.12) !important; }

.help-block {
  display: block;
  margin-top: 0.4rem;
  color: var(--text-muted);
  font-size: 0.82rem;
}

.rtl-alert {
  text-align: start;
}

.fsb-button,
.buy-button,
.button-1,
.success-msg,
.info-msg,
.warning-msg,
.error-msg,
.status-pill,
.badge-success,
.status-success,
.badge-warning,
.status-warning,
.badge-danger,
.status-error,
.badge-info,
.status-info {
  font-family: inherit;
}

@media (min-width: 576px) {
  .w-sm-auto { width: auto !important; }
}

@media (max-width: 767.98px) {
  .hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .hidden-sm { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Font Awesome subset used by this theme. Existing theme font files remain at ../fonts/. */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff");
}

.fa,
.fas,
.far,
.fal,
.fab,
.fad {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa,
.fas,
.fad {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.far {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fal {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

@keyframes fa-spin {
  to { transform: rotate(360deg); }
}

.fa-spin {
  animation: fa-spin 1.4s linear infinite;
}


.fa-arrow-left::before { content: "\f060"; }
.fa-arrow-right::before { content: "\f061"; }
.fa-arrow-up::before { content: "\f062"; }
.fa-accusoft::before { content: "\f369"; }
.fa-apple::before { content: "\f179"; }
.fa-at::before { content: "\f1fa"; }
.fa-behance::before { content: "\f1b4"; }
.fa-bell::before { content: "\f0f3"; }
.fa-blog::before { content: "\f781"; }
.fa-blogger-b::before { content: "\f37d"; }
.fa-bookmark::before { content: "\f02e"; }
.fa-book-open::before { content: "\f518"; }
.fa-bullhorn::before { content: "\f0a1"; }
.fa-calendar-alt::before { content: "\f073"; }
.fa-chart-line::before { content: "\f201"; }
.fa-chart-pie::before { content: "\f200"; }
.fa-check::before { content: "\f00c"; }
.fa-chevron-down::before { content: "\f078"; }
.fa-clipboard-list::before { content: "\f46d"; }
.fa-clone::before { content: "\f24d"; }
.fa-code::before { content: "\f121"; }
.fa-comment::before { content: "\f075"; }
.fa-comment-dots::before { content: "\f4ad"; }
.fa-comments::before { content: "\f086"; }
.fa-copy::before { content: "\f0c5"; }
.fa-credit-card::before { content: "\f09d"; }
.fa-discord::before { content: "\f392"; }
.fa-dribbble::before { content: "\f17d"; }
.fa-envelope::before { content: "\f0e0"; }
.fa-exchange-alt::before { content: "\f362"; }
.fa-exclamation-circle::before { content: "\f06a"; }
.fa-exclamation-triangle::before { content: "\f071"; }
.fa-eye::before { content: "\f06e"; }
.fa-facebook-f::before { content: "\f39e"; }
.fa-facebook-messenger::before { content: "\f39f"; }
.fa-file-alt::before { content: "\f15c"; }
.fa-file-contract::before { content: "\f56c"; }
.fa-filter::before { content: "\f0b0"; }
.fa-gamepad::before { content: "\f11b"; }
.fa-github::before { content: "\f09b"; }
.fa-gitlab::before { content: "\f296"; }
.fa-globe::before { content: "\f0ac"; }
.fa-google::before { content: "\f1a0"; }
.fa-hand-holding-usd::before { content: "\f4c0"; }
.fa-hands-helping::before { content: "\f4c4"; }
.fa-headset::before { content: "\f590"; }
.fa-heart::before { content: "\f004"; }
.fa-history::before { content: "\f1da"; }
.fa-info-circle::before { content: "\f05a"; }
.fa-instagram::before { content: "\f16d"; }
.fa-key::before { content: "\f084"; }
.fa-layer-group::before { content: "\f5fd"; }
.fa-life-ring::before { content: "\f1cd"; }
.fa-lightbulb::before { content: "\f0eb"; }
.fa-link::before { content: "\f0c1"; }
.fa-linkedin-in::before { content: "\f0e1"; }
.fa-line::before { content: "\f3c0"; }
.fa-list-ul::before { content: "\f0ca"; }
.fa-lock::before { content: "\f023"; }
.fa-map-marker-alt::before { content: "\f3c5"; }
.fa-mastodon::before { content: "\f4f6"; }
.fa-medium-m::before { content: "\f3c7"; }
.fa-microphone::before { content: "\f130"; }
.fa-newspaper::before { content: "\f1ea"; }
.fa-paper-plane::before { content: "\f1d8"; }
.fa-patreon::before { content: "\f3d9"; }
.fa-pen-nib::before { content: "\f5ad"; }
.fa-plug::before { content: "\f1e6"; }
.fa-play-circle::before { content: "\f144"; }
.fa-pinterest-p::before { content: "\f231"; }
.fa-plus-circle::before { content: "\f055"; }
.fa-question-circle::before { content: "\f059"; }
.fa-quora::before { content: "\f2c4"; }
.fa-random::before { content: "\f074"; }
.fa-reddit-alien::before { content: "\f281"; }
.fa-rocket::before { content: "\f135"; }
.fa-sack-dollar::before { content: "\f81d"; }
.fa-search::before { content: "\f002"; }
.fa-share-alt::before { content: "\f1e0"; }
.fa-shield-alt::before { content: "\f3ed"; }
.fa-shield-check::before { content: "\f2f7"; }
.fa-shopping-bag::before { content: "\f290"; }
.fa-shopping-cart::before { content: "\f07a"; }
.fa-sign-in-alt::before { content: "\f2f6"; }
.fa-sign-out-alt::before { content: "\f2f5"; }
.fa-sitemap::before { content: "\f0e8"; }
.fa-snapchat-ghost::before { content: "\f2ac"; }
.fa-skype::before { content: "\f17e"; }
.fa-soundcloud::before { content: "\f1be"; }
.fa-spotify::before { content: "\f1bc"; }
.fa-spinner::before { content: "\f110"; }
.fa-star::before { content: "\f005"; }
.fa-sync-alt::before { content: "\f2f1"; }
.fa-telegram::before { content: "\f2c6"; }
.fa-telegram-plane::before { content: "\f3fe"; }
.fa-thumbs-up::before { content: "\f164"; }
.fa-ticket-alt::before { content: "\f3ff"; }
.fa-tiktok::before { content: "\e07b"; }
.fa-tint::before { content: "\f043"; }
.fa-tumblr::before { content: "\f173"; }
.fa-twitch::before { content: "\f1e8"; }
.fa-twitter::before { content: "\f099"; }
.fa-user-alt::before { content: "\f406"; }
.fa-user-circle::before { content: "\f2bd"; }
.fa-user-plus::before { content: "\f234"; }
.fa-user-shield::before { content: "\f505"; }
.fa-users::before { content: "\f0c0"; }
.fa-video::before { content: "\f03d"; }
.fa-vimeo-v::before { content: "\f27d"; }
.fa-vk::before { content: "\f189"; }
.fa-wallet::before { content: "\f555"; }
.fa-weibo::before { content: "\f18a"; }
.fa-weixin::before { content: "\f1d7"; }
.fa-whatsapp::before { content: "\f232"; }
.fa-youtube::before { content: "\f167"; }

/* Legacy alias retained for templates using the old icon name. */
.fa-send::before { content: "\f1d8"; }



/* SmmDadPrime 2026 — layout
   Public navigation, private application shell, content containers and footer. */

.wrapper,
.wrapper-navbar,
.wrapper-sidebar-navbar {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.wrapper-sidebar-navbar {
  min-height: 100vh;
}

.wrapper-content {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding-block: clamp(1rem, 2.5vw, 2rem) clamp(2.5rem, 5vw, 4.5rem);
}

.wrapper-content__header:empty {
  display: none;
}

.wrapper-content__body {
  position: relative;
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
}

.container,
.container-lg,
.container-fluid {
  min-width: 0;
}

body.body .container,
body.body .container-lg {
  width: min(100% - 2rem, var(--container));
  max-width: var(--container);
  margin-inline: auto;
}

body.body .container-fluid {
  width: min(100% - 2rem, 1440px);
  max-width: 1440px;
  margin-inline: auto;
}

.site-navbar {
  position: relative;
  z-index: 1040;
}

.navbar-brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 210px;
  min-height: 42px;
  padding: 0;
  color: inherit;
  font-weight: 800;
  text-decoration: none;
}

.navbar-brand picture {
  display: flex;
  align-items: center;
  min-width: 0;
}

.brand-logo {
  display: block;
  width: auto;
  max-width: min(170px, 42vw);
  height: auto;
  max-height: 44px;
  object-fit: contain;
}

.brand-name {
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  color: inherit;
  font-size: 1.15rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.navbar-burger {
  position: relative;
  display: block;
  width: 22px;
  height: 16px;
}

.navbar-burger-line,
.navbar-burger::before,
.navbar-burger::after {
  position: absolute;
  left: 0;
  width: 22px;
  height: 2px;
  content: "";
  background: currentColor;
  border-radius: var(--radius-pill);
  transition: opacity var(--transition-fast), transform var(--transition-fast), top var(--transition-fast), bottom var(--transition-fast);
}

.navbar-burger-line { top: 7px; }
.navbar-burger::before { top: 0; }
.navbar-burger::after { bottom: 0; }

/* Public navigation */
body.body-public #block_119 {
  position: sticky;
  top: 0;
  z-index: 1050;
  padding: 0.55rem 0;
  color: var(--header-text);
  background: var(--gradient-header);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 32px rgba(7, 31, 70, 0.18);
  backdrop-filter: blur(18px);
}

body.body-public #block_119 :is(.block-wrapper, .component_navbar, .component-navbar__wrapper) {
  width: 100%;
}

body.body-public #block_119 .component-navbar__navbar-public {
  color: inherit;
  background: transparent;
}

body.body-public #block_119 .smm-public-navbar__inner {
  display: flex;
  align-items: center;
  min-height: 58px;
  gap: 1rem;
  padding: 0.35rem clamp(0.25rem, 1vw, 0.75rem);
}

body.body-public #block_119 .smm-public-navbar__header {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
}

body.body-public #block_119 .smm-public-navbar__panel {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  gap: 0.75rem;
}

body.body-public #block_119 .smm-public-navbar__links {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

body.body-public #block_119 .smm-public-navbar__item {
  position: relative;
  display: flex;
}

body.body-public #block_119 .smm-public-navbar__link,
body.body-public #block_119 .public-navbar-select {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  gap: 0.45rem;
  padding: 0.55rem 0.8rem;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--radius-sm);
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
}

body.body-public #block_119 .smm-public-navbar__link:hover,
body.body-public #block_119 .smm-public-navbar__link:focus-visible,
body.body-public #block_119 .smm-public-navbar__link.is-active,
body.body-public #block_119 .smm-public-navbar__link[aria-expanded="true"],
body.body-public #block_119 .public-navbar-select:hover,
body.body-public #block_119 .public-navbar-select[aria-expanded="true"] {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.24);
}

body.body-public #block_119 .public-navbar-tools {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

body.body-public #block_119 .public-navbar-language,
body.body-public #block_119 .public-navbar-more {
  position: relative;
}

body.body-public #block_119 .public-navbar-menu {
  position: absolute;
  top: calc(100% + 0.65rem);
  left: 0;
  z-index: 1080;
  overflow: hidden;
  width: max-content;
  min-width: 0;
  max-width: min(360px, calc(100vw - 2rem));
  padding: 0.45rem;
  margin: 0;
  list-style: none;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

body.body-public #block_119 .public-navbar-tools .public-navbar-menu {
  right: 0;
  left: auto;
}

body.body-public #block_119 .public-navbar-menu__item {
  display: flex;
  align-items: center;
  width: auto;
  min-height: 40px;
  gap: 0.55rem;
  padding: 0.55rem 0.7rem;
  max-width: 100%;
  color: var(--text);
  border-radius: var(--radius-sm);
  font-size: 0.88rem;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.body-public #block_119 .public-navbar-menu__item > span {
  overflow: hidden;
  text-overflow: ellipsis;
}

body.body-public #block_119 .public-navbar-menu__item:hover,
body.body-public #block_119 .public-navbar-menu__item.is-active {
  color: var(--primary);
  background: var(--primary-soft);
}

body.body-public #block_119 .public-navbar-language-arrow,
body.body-public #block_119 .chevron-icon {
  font-size: 0.72em;
  transition: transform var(--transition-fast);
}

body.body-public #block_119 [aria-expanded="true"] :is(.public-navbar-language-arrow, .chevron-icon) {
  transform: rotate(180deg);
}

body.body-public #block_119 .smm-public-navbar__toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--radius-sm);
  transition: background var(--transition-fast), border-color var(--transition-fast);
}

body.body-public #block_119 .smm-public-navbar__toggle:hover,
body.body-public #block_119 .smm-public-navbar__toggle:focus-visible,
body.body-public #block_119 .smm-public-navbar__toggle.is-open {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.24);
}

body.body-public #block_119 .smm-public-navbar__toggle.is-open .navbar-burger-line {
  opacity: 0;
}

body.body-public #block_119 .smm-public-navbar__toggle.is-open .navbar-burger::before {
  top: 7px;
  transform: rotate(45deg);
}

body.body-public #block_119 .smm-public-navbar__toggle.is-open .navbar-burger::after {
  bottom: 7px;
  transform: rotate(-45deg);
}

/* Private application shell */
body.body-internal .component-navbar-private__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: var(--sidebar-width);
  z-index: 1040;
  min-height: var(--topbar-height);
  color: var(--header-text);
  background: var(--gradient-header);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 32px rgba(7, 31, 70, 0.18);
}

body.body-internal #block_118 nav.navbar {
  width: 100%;
  min-height: var(--topbar-height);
  padding: 0.55rem clamp(0.75rem, 2vw, 1.5rem);
  color: inherit;
}

body.body-internal #block_118 .navbar-private__header {
  display: none;
}

body.body-internal #block_118 .navbar-collapse {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

body.body-internal #block_118 .private-top-tools {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  gap: 0.55rem;
}

body.body-internal #block_118 .navbar-nav-sidebar-menu {
  display: none;
}

body.body-internal #block_118 .private-currency,
body.body-internal #block_118 .private-nav-tools {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.35rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

body.body-internal #block_118 .private-language-switcher {
  flex: 0 0 auto;
  order: 1;
}

body.body-internal #block_118 .private-currency {
  order: 2;
}

body.body-internal #block_118 .balance-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

body.body-internal #block_118 .private-nav-tools {
  order: 3;
  margin-left: auto;
}

body.body-internal #block_118 .component-navbar-nav-link__navbar-private,
body.body-internal #block_118 .public-navbar-select,
body.body-internal #block_118 .balance-dropdown__name {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  gap: 0.45rem;
  padding: 0.55rem 0.75rem;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--radius-sm);
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

body.body-internal #block_118 .component-navbar-nav-link__navbar-private:hover,
body.body-internal #block_118 .component-navbar-nav-link__navbar-private[aria-expanded="true"],
body.body-internal #block_118 .public-navbar-select:hover,
body.body-internal #block_118 .balance-dropdown__name:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.18);
}

body.body-internal #block_118 .balance-dropdown__name {
  appearance: none;
}

body.body-internal #block_118 .balance-dropdown__amount {
  font-weight: 800;
}

body.body-internal #block_118 .balance-dropdown__currency {
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.75rem;
}

body.body-internal #block_118 .balance-dropdown .dropdown-menu,
body.body-internal #block_118 .private-language-switcher .dropdown-menu,
body.body-internal #block_118 .component-navbar-nav-item.dropdown .dropdown-menu {
  margin-top: 0.45rem;
  background: var(--surface);
}

body.body-internal #block_118 .private-language-switcher .dropdown-menu,
body.body-internal #block_118 .balance-dropdown .dropdown-menu {
  right: auto;
  left: 0;
}

body.body-internal #block_118 .balance-dropdown .balance-dropdown__container {
  top: 100%;
  right: auto !important;
  left: 0 !important;
  width: max-content;
  min-width: 0;
  margin-top: 0.45rem;
  transform: none !important;
}

body.body-internal #block_118 .component-navbar-nav-item.dropdown .dropdown-menu {
  right: auto;
  left: 0;
  transform: none !important;
  width: max-content;
  min-width: 0;
}

body.body-internal .component-sidebar_wrapper {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 1050;
  width: var(--sidebar-width);
  overflow: hidden;
}

body.body-internal .component-sidebar {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  color: var(--slate-200);
  background: linear-gradient(180deg, var(--header-bg-strong) 0%, var(--header-bg) 100%);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 12px 0 32px rgba(7, 31, 70, 0.14);
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
}

body.body-internal .component-sidebar__menu-logo {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  min-height: var(--topbar-height);
  padding: 0.6rem 1rem;
  background: var(--header-bg-strong);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: none;
}

body.body-internal .component-sidebar__menu-logo .navbar-brand {
  color: #ffffff;
}

body.body-internal .component-sidebar__menu-logo .brand-logo {
  max-width: min(170px, 42vw);
  max-height: 44px;
}

body.body-internal .sidebar-block__left-menu {
  padding: 0.9rem 0.75rem 1.5rem;
}

body.body-internal .private-menu-group {
  margin-bottom: 0.85rem;
}

body.body-internal .private-menu-group:not(:has(li)) {
  display: none;
}

body.body-internal .private-menu-group__label {
  display: block;
  padding: 0.35rem 0.7rem;
  color: rgba(219, 234, 254, 0.58);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.body-internal .private-menu-group__list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

body.body-internal .component-sidebar__menu-item-link {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 42px;
  gap: 0.7rem;
  padding: 0.58rem 0.72rem;
  color: rgba(239, 246, 255, 0.8);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  font-size: 0.87rem;
  font-weight: 650;
  line-height: 1.25;
  text-decoration: none;
  transition: color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
}

body.body-internal .component-sidebar__menu-item-link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
  transform: translateX(2px);
}

body.body-internal .component-sidebar__menu-item-active > .component-sidebar__menu-item-link {
  color: #ffffff;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.96), rgba(124, 58, 237, 0.92));
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 10px 22px rgba(3, 12, 30, 0.22);
}

body.body-internal .sidebar-block__menu-item-icon {
  display: inline-flex;
  flex: 0 0 22px;
  align-items: center;
  justify-content: center;
  width: 22px;
  font-size: 0.96rem;
}

body.body-internal .private-menu-group--logout {
  padding-top: 0.65rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

body.body-internal .wrapper-content {
  width: calc(100% - var(--sidebar-width));
  margin-left: var(--sidebar-width);
  padding-top: calc(var(--topbar-height) + clamp(1rem, 2.5vw, 2rem));
}

body.body-internal .wrapper-content__footer {
  width: calc(100% - var(--sidebar-width));
  margin-left: var(--sidebar-width);
}

/* Shared footer */
.wrapper-content__footer {
  position: relative;
  clear: both;
  width: 100%;
  margin-top: auto;
}

.site-footer {
  color: #dbeafe;
  background: linear-gradient(180deg, var(--header-bg-strong) 0%, var(--header-bg) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-block: 0.62rem;
}

.site-footer .container {
  padding-block: 0.45rem;
}

.site-footer__grid {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto auto;
  align-items: center;
  gap: 0.55rem 1rem;
}

.site-footer__brand {
  min-width: 0;
}

.site-footer__logo {
  display: inline-flex;
  align-items: center;
  max-width: 210px;
  min-height: 42px;
  color: #ffffff;
  font-weight: 800;
  text-decoration: none;
}

.site-footer__logo span {
  color: #fff;
  font-size: 1rem;
  line-height: 1.2;
}

.site-footer__logo img {
  display: block;
  width: auto;
  max-width: min(170px, 42vw);
  height: auto;
  max-height: 44px;
  object-fit: contain;
}

.site-footer .footer-text {
  margin: 0;
  color: rgba(219, 234, 254, 0.72);
  font-size: 0.74rem;
  line-height: 1.35;
}

.site-footer__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.4rem 0.7rem;
}

.site-footer__links a {
  color: rgba(239, 246, 255, 0.82);
  font-size: 0.74rem;
  font-weight: 600;
  text-decoration: none;
}

.site-footer__links a:hover {
  color: #ffffff;
}

.site-footer__social {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.4rem;
}

.site-footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-sm);
  text-decoration: none;
  transition: background var(--transition-fast), transform var(--transition-fast);
}

.site-footer__social a:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}

/* Floating contact integrations */
.integration-fixed {
  position: fixed;
  z-index: 1035;
}

.integration-fixed__top-left { top: 0; left: 0; }
.integration-fixed__top-right { top: 0; right: 0; }
.integration-fixed__bottom-left { bottom: 0; left: 0; }
.integration-fixed__bottom-right { right: 0; bottom: 0; }
.integration-container { padding: 1rem; }

.integration-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  color: #ffffff;
  border-radius: 50%;
  box-shadow: var(--shadow-md);
  font-size: 1.55rem;
  text-decoration: none;
  transition: transform var(--transition-fast), filter var(--transition-fast);
}

.integration-button:hover {
  color: #ffffff;
  filter: brightness(0.94);
  transform: translateY(-3px) scale(1.02);
}

.whatsapp-button { background: #25d366; }
.telegram-button { background: #229ed9; }

@media (max-width: 1199.98px) {
  body.body-public #block_119 .smm-public-navbar__link,
  body.body-public #block_119 .public-navbar-select {
    padding-inline: 0.62rem;
    font-size: 0.82rem;
  }
}

@media (max-width: 991.98px) {
  body.body .container,
  body.body .container-lg,
  body.body .container-fluid {
    width: min(100% - 1.5rem, var(--container));
  }

  body.body-public #block_119 {
    padding: 0.35rem 0;
  }

  body.body-public #block_119 .smm-public-navbar__inner {
    display: block;
    padding-inline: 0;
  }

  body.body-public #block_119 .smm-public-navbar__header {
    width: 100%;
    min-height: 50px;
  }

  body.body-public #block_119 .smm-public-navbar__toggle {
    display: inline-flex;
  }

  body.body-public #block_119 .smm-public-navbar__panel {
    display: none;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0.5rem;
    margin-top: 0.45rem;
    padding: 0.65rem;
    background: var(--gradient-header);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--radius-md);
    box-shadow: 0 18px 42px rgba(3, 12, 30, 0.24);
    backdrop-filter: blur(16px);
  }

  body.body-public #block_119 .smm-public-navbar__panel.is-open {
    display: flex;
  }

  body.body-public #block_119 .smm-public-navbar__links {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  body.body-public #block_119 :is(.smm-public-navbar__item, .public-navbar-more, .public-navbar-language, .public-navbar-tools) {
    width: 100%;
  }

  body.body-public #block_119 .smm-public-navbar__link,
  body.body-public #block_119 .public-navbar-select {
    justify-content: flex-start;
    width: 100%;
  }

  body.body-public #block_119 .public-navbar-menu {
    position: static;
    width: 100%;
    max-width: none;
    margin-top: 0.35rem;
    box-shadow: none;
  }

  body.body-internal .component-navbar-private__wrapper {
    right: 0;
    left: 0;
  }

  body.body-internal #block_118 nav.navbar {
    display: block;
    padding: 0.45rem 0.75rem;
  }

  body.body-internal #block_118 .navbar-private__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
  }

  body.body-internal #block_118 .navbar-private__header .navbar-brand {
    color: #ffffff;
  }

  body.body-internal #block_118 .navbar-private__header .brand-logo {
    max-width: 160px;
    max-height: 38px;
  }

  body.body-internal #block_118 .navbar-toggler {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--radius-sm);
  }

  body.body-internal #block_118 .navbar-collapse {
    display: none !important;
    padding: 0.6rem 0 0.35rem;
  }

  body.body-internal #block_118 .navbar-collapse.show {
    display: block !important;
  }

  body.body-internal #block_118 .private-top-tools {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
    max-height: calc(100vh - 86px);
    overflow-y: auto;
    padding: 0.65rem;
    background: var(--gradient-header);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-md);
  }

  body.body-internal #block_118 .navbar-nav-sidebar-menu {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }

  body.body-internal #block_118 .private-menu-group {
    margin: 0;
  }

  body.body-internal #block_118 .private-menu-group__label {
    color: rgba(219, 234, 254, 0.58);
  }

  body.body-internal #block_118 .private-menu-group__list {
    gap: 0.2rem;
  }

  body.body-internal #block_118 .component-navbar-nav-link__navbar-private {
    justify-content: flex-start;
    width: 100%;
  }

  body.body-internal #block_118 :is(.private-currency, .private-nav-tools) {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  body.body-internal #block_118 .private-nav-tools {
    margin-left: 0;
  }

  body.body-internal #block_118 :is(.private-currency .nav-item, .private-nav-tools .nav-item, .private-language-switcher, .balance-dropdown, .dropdown) {
    width: 100%;
  }

  body.body-internal #block_118 .balance-dropdown {
    display: block;
  }

  body.body-internal #block_118 .balance-dropdown .balance-dropdown__container {
    position: static;
    margin-top: 0.45rem;
    margin-left: 0;
  }

  body.body-internal #block_118 :is(.public-navbar-select, .balance-dropdown__name) {
    justify-content: flex-start;
    width: 100%;
  }

  body.body-internal .component-sidebar_wrapper {
    display: none;
  }

  body.body-internal .wrapper-content,
  body.body-internal .wrapper-content__footer {
    width: 100%;
    margin-left: 0;
  }

  .site-footer__grid {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .site-footer__social {
    justify-content: center;
  }

  .site-footer__links {
    justify-content: center;
  }
}

@media (max-width: 575.98px) {
  .wrapper-content {
    padding-block: 1rem 2.5rem;
  }

  .brand-logo {
    max-width: min(150px, 52vw);
    max-height: 38px;
  }

  body.body-public #block_119 .smm-public-navbar__header {
    min-height: 46px;
  }

  body.body-internal .wrapper-content {
    padding-top: calc(var(--topbar-height) + 1rem);
  }

  .site-footer__links {
    gap: 0.45rem 0.6rem;
  }

  .site-footer__logo img {
    max-width: min(150px, 52vw);
    max-height: 38px;
  }

  .integration-container {
    padding: 0.75rem;
  }

  .integration-button {
    width: 48px;
    height: 48px;
    font-size: 1.35rem;
  }
}



/* SmmDadPrime 2026 — components
   Cards, forms, buttons, tables, overlays, tabs, plugin adapters and feedback states. */

/* Surfaces */
.card,
.panel-card,
.component_card .card,
.table-bg,
.component_table,
.payment-card,
.summary,
.base-price-box,
.api-doc-card,
.ticket-panel,
.ticket-help-card,
.trust-payment-card,
.legal-card,
.legal-sidebar__card,
.signup-card,
.signup-content-card,
.login-card,
.dashboard-welcome-card,
.hp-bbox {
  min-width: 0;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
}

.card,
.panel-card,
.api-doc-card,
.ticket-panel,
.ticket-help-card,
.dashboard-welcome-card,
.hp-bbox {
  padding: clamp(1rem, 2.2vw, 1.35rem);
}

.component_card {
  min-width: 0;
}

.component_card > .card {
  height: 100%;
}

.card > :last-child,
.panel-card > :last-child,
.api-doc-card > :last-child,
.ticket-panel > :last-child,
.ticket-help-card > :last-child,
.dashboard-welcome-card > :last-child,
.hp-bbox > :last-child {
  margin-bottom: 0;
}

.card:hover,
.panel-card:hover,
.api-doc-card:hover,
.ticket-panel:hover,
.ticket-help-card:hover,
.trust-payment-card:hover,
.blog-card:hover,
.review-card:hover {
  border-color: var(--brand-200);
}

/* Buttons */
.btn,
.btn-big-primary,
.btn-big-secondary,
.btn-actions,
.page-actions,
.component_button_submit button,
.component_button_forms button,
.component_button_search button,
.component_filter_button,
.component_filter_currency_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  gap: 0.48rem;
  padding: 0.58rem 0.9rem;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  font-size: 0.88rem;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.btn:hover,
.btn-big-primary:hover,
.btn-big-secondary:hover,
.btn-actions:hover,
.page-actions:hover {
  transform: translateY(-1px);
}

.btn:active,
.btn-big-primary:active,
.btn-big-secondary:active,
.btn-actions:active,
.page-actions:active {
  transform: translateY(0);
}

.btn-primary,
.btn-big-primary,
.btn-actions,
.component_button_submit button,
.component_button_forms button {
  color: #ffffff;
  background: var(--primary);
  border-color: var(--primary);
  box-shadow: 0 9px 20px rgba(37, 99, 235, 0.2);
}

.btn-primary:hover,
.btn-big-primary:hover,
.btn-actions:hover,
.component_button_submit button:hover,
.component_button_forms button:hover {
  color: #ffffff;
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}

.btn-secondary,
.btn-big-secondary,
.btn-outline,
.btn-outline-primary,
.btn-outline-secondary,
.component_button_search button,
.component_filter_button,
.component_filter_currency_button {
  color: var(--text);
  background: transparent;
  border-color: var(--border-strong);
  box-shadow: none;
}

.btn-secondary:hover,
.btn-big-secondary:hover,
.btn-outline:hover,
.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.component_button_search button:hover,
.component_filter_button:hover,
.component_filter_currency_button:hover {
  color: var(--primary);
  background: var(--primary-soft);
  border-color: var(--brand-200);
}

.btn-success {
  color: #ffffff;
  background: var(--success);
  border-color: var(--success);
}

.btn-danger {
  color: #ffffff;
  background: var(--danger);
  border-color: var(--danger);
}

.btn-info {
  color: #ffffff;
  background: var(--info);
  border-color: var(--info);
}

.btn-warning {
  color: var(--slate-900);
  background: #fbbf24;
  border-color: #fbbf24;
}

.btn-link {
  min-height: auto;
  padding: 0;
  color: var(--primary);
  background: transparent;
  border: 0;
  box-shadow: none;
}

.btn-sm,
.btn-sp {
  min-height: 34px;
  padding: 0.42rem 0.65rem;
  font-size: 0.78rem;
}

.btn-lg {
  min-height: 50px;
  padding: 0.75rem 1.1rem;
  font-size: 0.96rem;
}

.btn:disabled,
.btn.disabled,
button:disabled {
  pointer-events: none;
  opacity: 0.58;
  transform: none;
}

.page-actions {
  min-width: 38px;
  min-height: 38px;
  padding: 0.45rem 0.62rem;
  color: var(--slate-700);
  background: var(--surface);
  border-color: var(--border);
  box-shadow: none;
}

.copy-button,
.copy-inline-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  background: var(--primary-soft);
  border: 1px solid var(--brand-100);
  border-radius: var(--radius-xs);
}

.copy-button {
  min-height: 38px;
  gap: 0.4rem;
  padding: 0.45rem 0.7rem;
}

.copy-inline-button {
  width: 28px;
  height: 28px;
  padding: 0;
  margin-left: 0.3rem;
  vertical-align: middle;
}

.copy-button:hover,
.copy-inline-button:hover {
  color: #ffffff;
  background: var(--primary);
  border-color: var(--primary);
}

.google-login-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  gap: 0.65rem;
  padding: 0.65rem 0.9rem;
  margin-top: 0.75rem;
  color: var(--slate-700);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  font-size: 0.88rem;
  font-weight: 750;
  text-decoration: none;
}

.google-login-btn:hover {
  color: var(--text);
  background: var(--slate-50);
}

/* Forms */
.form-group,
.component_form_group {
  margin-bottom: 1rem;
}

.form-group:last-child,
.component_form_group:last-child {
  margin-bottom: 0;
}

label,
.control-label {
  display: inline-block;
  margin-bottom: 0.42rem;
  color: var(--slate-700);
  font-size: 0.82rem;
  font-weight: 750;
  line-height: 1.35;
}

.form-control,
.form-select,
select.form-control,
textarea.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"] {
  width: 100%;
  min-height: 44px;
  padding: 0.62rem 0.75rem;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  box-shadow: none;
  outline: 0;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
}

textarea.form-control,
textarea {
  min-height: 118px;
  resize: vertical;
}

.form-control:hover,
.form-select:hover,
select.form-control:hover,
textarea.form-control:hover,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover {
  border-color: var(--slate-400);
}

.form-control:focus,
.form-select:focus,
select.form-control:focus,
textarea.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus {
  background: #ffffff;
  border-color: var(--primary);
  box-shadow: var(--focus-ring);
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--slate-400);
  opacity: 1;
}

.form-control[readonly] {
  background: var(--slate-50);
}

.form-control:disabled,
.form-select:disabled,
select.form-control:disabled {
  color: var(--slate-500);
  background: var(--slate-100);
  opacity: 1;
}

.input-group {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.input-group > .btn,
.input-group-append > .btn,
.input-group-append > .input-group-text {
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.input-group-append {
  display: flex;
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0.62rem 0.75rem;
  color: var(--slate-600);
  background: var(--slate-50);
  border: 1px solid var(--border-strong);
}

.input-wrapper {
  position: relative;
  display: flex;
  align-items: stretch;
}

.input-wrapper > .form-control {
  padding-right: 3rem;
}

.input-wrapper__append {
  position: absolute;
  top: 50%;
  right: 0.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  color: var(--primary);
  background: var(--primary-soft);
  border: 0;
  border-radius: var(--radius-xs);
  transform: translateY(-50%);
}

.checkbox,
.component_checkbox,
.component_checkbox_remember_me,
.component_radio_button {
  color: var(--slate-600);
  font-size: 0.86rem;
}

.checkbox label,
.component_checkbox label,
.component_checkbox_remember_me label,
.component_radio_button label,
.remember-control {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
  width: 17px;
  height: 17px;
  margin: 0;
  accent-color: var(--primary);
}

input[type="file"].form-control {
  padding-block: 0.48rem;
}

.g-recaptcha {
  max-width: 100%;
  overflow: hidden;
}

/* Alerts */
.alert {
  position: relative;
  padding: 0.8rem 2.7rem 0.8rem 0.9rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  font-size: 0.86rem;
  line-height: 1.5;
}

.alert-success {
  color: #166534;
  background: var(--success-50);
  border-color: #bbf7d0;
}

.alert-danger {
  color: #991b1b;
  background: var(--danger-50);
  border-color: #fecaca;
}

.alert-warning {
  color: #92400e;
  background: var(--warning-50);
  border-color: #fde68a;
}

.alert-info {
  color: #075985;
  background: var(--info-50);
  border-color: #bae6fd;
}

.close {
  position: absolute;
  top: 50%;
  right: 0.7rem;
  width: 30px;
  height: 30px;
  padding: 0;
  color: currentColor;
  background: transparent;
  border: 0;
  border-radius: var(--radius-xs);
  font-size: 1.25rem;
  line-height: 1;
  opacity: 0.7;
  transform: translateY(-50%);
}

.close:hover {
  opacity: 1;
}

/* Dropdowns */
.dropdown-menu,
.balance-dropdown__container {
  --bs-dropdown-min-width: 0;
  width: max-content;
  min-width: 0;
  max-width: min(360px, calc(100vw - 2rem));
  padding: 0.45rem;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

.dropdown-item {
  display: flex;
  align-items: center;
  width: auto;
  max-width: 100%;
  min-height: 40px;
  gap: 0.5rem;
  padding: 0.55rem 0.7rem;
  color: var(--text);
  background: transparent;
  border: 0;
  border-radius: var(--radius-sm);
  font-size: 0.86rem;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
  color: var(--primary);
  background: var(--primary-soft);
}

.dropdown-toggle::after {
  margin-left: 0.45rem;
}

/* Tables */
.table-wr,
.table-responsive,
.services-table,
.page-content {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-bg {
  overflow: hidden;
}

.table,
table.table {
  width: 100%;
  min-width: 720px;
  margin: 0;
  color: var(--text);
  background: var(--surface);
  border-collapse: separate;
  border-spacing: 0;
}

.table thead th,
table.table thead th {
  padding: 0.78rem 0.82rem;
  color: var(--slate-600);
  background: var(--slate-50);
  border: 0;
  border-bottom: 1px solid var(--border);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.045em;
  line-height: 1.35;
  text-transform: uppercase;
  vertical-align: middle;
}

.table tbody td,
table.table tbody td {
  padding: 0.82rem;
  color: var(--slate-700);
  background: var(--surface);
  border: 0;
  border-bottom: 1px solid var(--border);
  font-size: 0.84rem;
  line-height: 1.45;
  vertical-align: middle;
}

.table tbody tr:last-child td {
  border-bottom: 0;
}

.table tbody tr:hover td {
  background: var(--slate-25);
}

.table-bordered > :not(caption) > * > * {
  border-color: var(--border);
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  color: inherit;
  background: var(--slate-25);
}

.table a {
  overflow-wrap: anywhere;
}

.table-service,
.service-description__th {
  min-width: 250px;
}

.hideextra {
  max-width: 330px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.services-list-category-title td {
  padding: 0.6rem 0 !important;
  background: var(--surface) !important;
}

.services-category {
  border-radius: var(--radius-sm);
}

.detail-data,
.details-split-959,
.service-description-content {
  overflow-wrap: anywhere;
  white-space: pre-line;
}

/* Badges and statuses */
.badge,
.order-status,
.order-status-pill,
.status-pill,
.success-msg,
.info-msg,
.warning-msg,
.error-msg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0.3rem 0.58rem;
  color: var(--brand-700);
  background: var(--brand-50);
  border: 1px solid var(--brand-100);
  border-radius: var(--radius-pill);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
  white-space: nowrap;
}

.badge-success,
.status-success,
.success-msg {
  color: #166534;
  background: var(--success-50);
  border-color: #bbf7d0;
}

.badge-warning,
.status-warning,
.warning-msg {
  color: #92400e;
  background: var(--warning-50);
  border-color: #fde68a;
}

.badge-danger,
.status-error,
.error-msg {
  color: #991b1b;
  background: var(--danger-50);
  border-color: #fecaca;
}

.badge-info,
.status-info,
.info-msg {
  color: #075985;
  background: var(--info-50);
  border-color: #bae6fd;
}

/* Tabs and pagination */
.nav-pills,
.component_status_tabs .nav,
.tab {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.nav-pills .nav-link,
.component_status_tabs .nav-link,
.tab .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0.48rem 0.72rem;
  color: var(--slate-600);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
}

.nav-pills .nav-link:hover,
.component_status_tabs .nav-link:hover,
.tab .nav-link:hover,
.nav-pills .nav-link.active,
.component_status_tabs .nav-link.active,
.tab .nav-link.active {
  color: #ffffff;
  background: var(--primary);
  border-color: var(--primary);
}

.pagination,
.custom-pagination,
.component_pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  padding: 0;
  margin: 1rem 0 0;
  list-style: none;
}

.pagination .active > .page-actions,
.custom-pagination .active > .page-actions,
.component_pagination .active > .page-actions,
.page-item.active .page-link {
  color: #ffffff;
  background: var(--primary);
  border-color: var(--primary);
}

/* Modals */
.modal-content {
  overflow: hidden;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

.modal-header,
.modal-footer {
  padding: 1rem 1.15rem;
  background: var(--slate-50);
  border-color: var(--border);
}

.modal-body {
  padding: 1.15rem;
}

.modal-title {
  margin: 0;
  font-size: 1.05rem;
}

.btn-close {
  border-radius: var(--radius-xs);
}

/* FAQ */
.faq {
  width: min(100%, 860px);
  margin-inline: auto;
}

.faq-block__card {
  overflow: hidden;
  margin-bottom: 0.75rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
}

.faq-block__card > .card {
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: inherit;
  box-shadow: none;
}

.faq-block__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 58px;
  gap: 1rem;
  padding: 0.9rem 1rem;
  color: var(--text);
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
}

.faq-block__header-title {
  min-width: 0;
  font-weight: 750;
  line-height: 1.4;
}

.faq-block__header-title h4 {
  margin: 0;
  font-size: 1rem;
}

.faq-block__header-icon {
  position: relative;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  background: var(--primary-soft);
  border-radius: 50%;
}

.faq-block__header-icon::before,
.faq-block__header-icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  content: "";
  background: var(--primary);
  border-radius: var(--radius-pill);
  transform: translate(-50%, -50%);
  transition: transform var(--transition-fast);
}

.faq-block__header-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.faq-block__header:not(.collapsed) .faq-block__header-icon::after {
  transform: translate(-50%, -50%) rotate(0);
}

.faq-block__body-description {
  padding: 0 1rem 1rem;
  color: var(--text-muted);
  font-size: 0.9rem;
  line-height: 1.65;
}

.faq-block__body-description > :last-child {
  margin-bottom: 0;
}

/* Search result dropdowns */
.search-dropdown {
  position: relative;
}

.component_button_forms {
  position: relative;
}

.search-results {
  position: absolute;
  z-index: 1030;
  display: none;
  top: calc(100% + 0.35rem);
  right: 0;
  left: 0;
  width: 100%;
  max-height: 320px;
  overflow-y: auto;
  margin-top: 0;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

.search-results.is-active,
.search-results.active,
.search-results.is-open {
  display: block;
}

.search-results > * {
  display: block;
  padding: 0.65rem 0.8rem;
  color: var(--slate-700);
  border-bottom: 1px solid var(--border);
  text-decoration: none;
}

.search-results > *:last-child {
  border-bottom: 0;
}

.search-results > *:hover {
  color: var(--primary);
  background: var(--primary-soft);
}

/* Ticket conversation */
.ticket-dialog__body {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.ticket-dialog__row {
  display: flex;
  flex-direction: column;
  width: min(86%, 760px);
}

.ticket-dialog__row-user {
  align-self: flex-end;
}

.ticket-dialog__row-admin {
  align-self: flex-start;
}

.ticket-dialog__row-message {
  padding: 0.8rem 0.95rem;
  color: var(--slate-700);
  background: var(--slate-50);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  overflow-wrap: anywhere;
}

.ticket-dialog__row-user .ticket-dialog__row-message {
  color: #ffffff;
  background: var(--primary);
  border-color: var(--primary);
}

.ticket-dialog__row-bottom {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.3rem 0.2rem 0;
  color: var(--text-muted);
  font-size: 0.72rem;
}

.ticket-dialog__row-bottom-name {
  font-weight: 750;
}

/* Select2 adapter */
.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.select2-container {
  position: relative;
  display: inline-block;
  width: 100% !important;
  margin: 0;
  vertical-align: middle;
}

.select2-container .selection {
  display: block;
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  outline: 0;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.select2-container .select2-selection--single {
  padding: 0.58rem 2.4rem 0.58rem 0.75rem;
}

.select2-container .select2-selection--multiple {
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 0.35rem 2.4rem 0.35rem 0.45rem;
}

.select2-container--focus .select2-selection--single,
.select2-container--focus .select2-selection--multiple,
.select2-container--open .select2-selection--single,
.select2-container--open .select2-selection--multiple {
  border-color: var(--primary);
  box-shadow: var(--focus-ring);
}

.select2-selection__rendered {
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  color: var(--text);
  line-height: 1.4;
  list-style: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-selection__placeholder {
  color: var(--slate-400);
}

.select2-selection__arrow {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
}

.select2-selection__arrow b {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-color: var(--slate-500) transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  transform: translate(-50%, -25%);
}

.select2-container--open .select2-selection__arrow b {
  border-color: transparent transparent var(--slate-500);
  border-width: 0 4px 5px;
  transform: translate(-50%, -60%);
}

.select2-selection__clear {
  margin-left: auto;
  color: var(--slate-500);
  font-weight: 800;
}

.select2-selection__choice {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.45rem;
  color: var(--brand-700);
  background: var(--brand-50);
  border: 1px solid var(--brand-100);
  border-radius: var(--radius-xs);
  font-size: 0.78rem;
}

.select2-selection__choice__remove {
  padding: 0;
  color: var(--brand-700);
  background: transparent;
  border: 0;
  font-weight: 900;
}

.select2-search--inline {
  flex: 1 1 100px;
}

.select2-search--inline .select2-search__field {
  width: 100% !important;
  min-height: 28px;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
}

.select2-dropdown {
  z-index: 1090;
  overflow: hidden;
  color: var(--text);
  background: transparent;
  border: 1px solid var(--primary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

.select2-search--dropdown {
  display: block;
  padding: 0.55rem;
  border-bottom: 1px solid var(--border);
}

.select2-search--dropdown .select2-search__field {
  width: 100%;
  min-height: 40px;
  padding: 0.5rem 0.65rem;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  outline: 0;
}

.select2-results {
  display: block;
}

.select2-results__options {
  max-height: 260px;
  padding: 0.35rem;
  margin: 0;
  overflow-y: auto;
  list-style: none;
}

.select2-results__option {
  padding: 0.55rem 0.65rem;
  color: var(--slate-700);
  border-radius: var(--radius-sm);
  font-size: 0.84rem;
}

.select2-results__option--highlighted,
.select2-results__option--selected {
  color: var(--primary);
  background: var(--primary-soft);
}

.select2-results__option[aria-disabled="true"] {
  color: var(--slate-400);
  cursor: not-allowed;
}

.select2-results__group {
  display: block;
  padding: 0.5rem 0.65rem 0.25rem;
  color: var(--slate-500);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Bootstrap Select adapter */
.bootstrap-select {
  position: relative;
  display: inline-flex;
  width: 100% !important;
  vertical-align: middle;
}

.bootstrap-select > select,
.bootstrap-select > select.bs-select-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.bootstrap-select > .dropdown-toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 44px;
  padding: 0.62rem 2.3rem 0.62rem 0.75rem;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  text-align: left;
}

.bootstrap-select > .dropdown-toggle::after {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  margin: 0;
  transform: translateY(-50%);
}

.bootstrap-select .dropdown-menu {
  width: 100%;
  min-width: 100%;
  max-height: 320px;
  overflow: hidden;
}

.bootstrap-select .bs-searchbox {
  padding: 0.45rem;
}

.bootstrap-select .bs-searchbox .form-control {
  min-height: 40px;
}

.bootstrap-select .dropdown-menu.inner {
  position: static;
  display: block;
  max-height: 250px;
  padding: 0;
  overflow-y: auto;
  border: 0;
  box-shadow: none;
}

.bootstrap-select .dropdown-menu li a {
  display: block;
  padding: 0.55rem 0.65rem;
  color: var(--text);
  border-radius: var(--radius-sm);
  font-size: 0.84rem;
  text-decoration: none;
}

.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li.selected a {
  color: var(--primary);
  background: var(--primary-soft);
}

.bootstrap-select .filter-option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  right: 0.75rem;
  display: inline-block;
}

/* Tempus Dominus adapter */
.tempus-dominus-widget {
  z-index: 1095;
  display: none;
  width: min(310px, calc(100vw - 2rem));
  padding: 0.65rem;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
}

.tempus-dominus-widget.show {
  display: block;
}

.tempus-dominus-widget [data-action] {
  cursor: pointer;
}

.tempus-dominus-widget .calendar-header,
.tempus-dominus-widget .toolbar {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  min-height: 40px;
  gap: 0.35rem;
  font-weight: 750;
}

.tempus-dominus-widget .calendar-header > *,
.tempus-dominus-widget .toolbar > * {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border-radius: var(--radius-sm);
}

.tempus-dominus-widget .date-container-days,
.tempus-dominus-widget .date-container-months,
.tempus-dominus-widget .date-container-years,
.tempus-dominus-widget .date-container-decades,
.tempus-dominus-widget .time-container-hour,
.tempus-dominus-widget .time-container-minute,
.tempus-dominus-widget .time-container-second {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.2rem;
}

.tempus-dominus-widget :is(.date-container-months, .date-container-years, .date-container-decades) {
  grid-template-columns: repeat(3, 1fr);
}

.tempus-dominus-widget :is(.time-container-hour, .time-container-minute, .time-container-second) {
  grid-template-columns: repeat(4, 1fr);
}

.tempus-dominus-widget :is(.date-container-days, .date-container-months, .date-container-years, .date-container-decades, .time-container-hour, .time-container-minute, .time-container-second) > div {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border-radius: var(--radius-sm);
  font-size: 0.82rem;
}

.tempus-dominus-widget :is(.active, .range-in) {
  color: #ffffff;
  background: var(--primary);
}

.tempus-dominus-widget :is(.old, .new, .disabled) {
  color: var(--slate-400);
}

.tempus-dominus-widget .td-collapse:not(.show) {
  display: none;
}

/* Loading and notification helpers */
#loader {
  display: none;
}

#loader.fa-spin {
  display: inline-block;
}

[role="status"],
[aria-live] {
  overflow-wrap: anywhere;
}

/* Premium consistency pass */
.is-submitting {
  position: relative;
}

.is-submitting :is(button[type="submit"], input[type="submit"], .btn.is-loading) {
  pointer-events: none;
  opacity: 0.72;
}

body.body :is(a, button, input[type="button"], input[type="submit"], [role="button"]).smm-click-feedback {
  opacity: 0.82;
  transform: translateY(1px);
  transition: opacity 140ms ease, transform 140ms ease, filter 140ms ease;
  filter: saturate(1.08);
}

.btn.is-loading::after,
button.is-loading::after,
input[type="submit"].is-loading::after {
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  margin-left: 0.1rem;
  content: "";
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: smmdad-spin 720ms linear infinite;
}

[aria-invalid="true"],
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--danger);
  box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.12);
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--success);
}

.invalid-feedback,
.valid-feedback,
.form-error,
.field-error {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.78rem;
  font-weight: 650;
}

.invalid-feedback,
.form-error,
.field-error {
  color: var(--danger);
}

.valid-feedback {
  color: var(--success);
}

.dropdown-menu {
  max-height: min(420px, calc(100vh - 5rem));
  overflow-y: auto;
  scrollbar-width: thin;
}

.modal {
  --bs-modal-border-radius: var(--radius-md);
  --bs-modal-border-color: var(--border);
  --bs-modal-bg: var(--surface);
  --bs-modal-color: var(--text);
}

.modal-content {
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
}

.modal-header,
.modal-footer {
  border-color: var(--border);
}

.modal-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
}

.modal-backdrop.show {
  opacity: 0.48;
  backdrop-filter: blur(8px);
}

.pagination,
ul.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  padding: 0;
  margin: 1rem 0 0;
  list-style: none;
}

.pagination > li > a,
.pagination > li > span,
.page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  padding: 0.45rem 0.65rem;
  color: var(--slate-700);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 0.82rem;
  font-weight: 750;
  text-decoration: none;
}

.pagination > .active > a,
.pagination > .active > span,
.page-item.active .page-link {
  color: #ffffff;
  background: var(--primary);
  border-color: var(--primary);
}

.pagination > .disabled > a,
.pagination > .disabled > span,
.page-item.disabled .page-link {
  color: var(--slate-400);
  background: var(--surface-soft);
  pointer-events: none;
}

.nav-tabs {
  gap: 0.35rem;
  border-bottom-color: var(--border);
}

.nav-tabs .nav-link {
  color: var(--slate-600);
  border: 1px solid transparent;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  font-size: 0.86rem;
  font-weight: 750;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  color: var(--primary);
  border-color: var(--border);
}

.nav-tabs .nav-link.active {
  color: var(--primary);
  background: var(--surface);
  border-color: var(--border) var(--border) var(--surface);
}

.empty-state,
.table-empty,
.services-empty-row td {
  padding: clamp(1.25rem, 4vw, 2rem);
  color: var(--text-muted);
  text-align: center;
  background: var(--surface);
  border-radius: var(--radius-md);
}

.skeleton,
.loading-skeleton,
[aria-busy="true"] .skeleton-target {
  position: relative;
  overflow: hidden;
  color: transparent !important;
  background: linear-gradient(90deg, var(--surface-soft), var(--surface), var(--surface-soft));
  background-size: 220% 100%;
  border-radius: var(--radius-sm);
  animation: smmdad-skeleton 1.35s ease-in-out infinite;
}

.back-to-top {
  position: fixed;
  right: clamp(0.85rem, 2vw, 1.25rem);
  bottom: clamp(0.85rem, 2vw, 1.25rem);
  z-index: 1085;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #ffffff;
  background: var(--primary);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-md);
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);
}

.back-to-top:hover,
.back-to-top:focus-visible {
  color: #ffffff;
  background: var(--primary-hover);
}

.back-to-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

@keyframes smmdad-spin {
  to { transform: rotate(360deg); }
}

@keyframes smmdad-skeleton {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

@media (max-width: 767.98px) {
  .card,
  .panel-card,
  .api-doc-card,
  .ticket-panel,
  .ticket-help-card,
  .dashboard-welcome-card,
  .hp-bbox {
    padding: 1rem;
  }

  .table,
  table.table {
    min-width: 0;
  }

  .ticket-dialog__row {
    width: 94%;
  }

  .modal-dialog {
    margin: 0.75rem;
  }
}

@media (max-width: 575.98px) {
  .btn,
  .btn-big-primary,
  .btn-big-secondary,
  .btn-actions,
  .page-actions,
  .component_button_submit button,
  .component_button_forms button,
  .component_button_search button,
  .component_filter_button,
  .component_filter_currency_button {
    white-space: normal;
  }

  .form-control,
  .form-select,
  select.form-control,
  textarea.form-control,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="search"],
  input[type="tel"],
  input[type="url"] {
    font-size: 16px;
  }

  .width-40 {
    width: 100%;
  }

  .faq-block__header {
    padding-inline: 0.85rem;
  }

  .faq-block__body-description {
    padding-inline: 0.85rem;
  }

  .ticket-dialog__row {
    width: 100%;
  }

  .ticket-dialog__row-bottom {
    flex-direction: column;
    gap: 0.15rem;
  }
}



/* SmmDadPrime 2026 — pages
   Public landing/auth pages and private panel page layouts. */

/* Shared section language */
.landing-section,
.page-section,
.blog-section,
.legal-section {
  padding-block: clamp(3.25rem, 7vw, 5.5rem);
}

.landing-section--compact {
  padding-block: clamp(2.25rem, 5vw, 3.5rem);
}

.landing-section--soft,
.signup-extra {
  background: linear-gradient(180deg, #f8fbff, #eef4ff);
}

.section-heading {
  width: min(100%, 760px);
  margin: 0 auto clamp(1.75rem, 4vw, 2.75rem);
  text-align: center;
}

.section-title {
  margin-bottom: 0.65rem;
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 820;
}

.section-description {
  margin: 0;
  color: var(--text-muted);
  font-size: clamp(0.98rem, 1.6vw, 1.08rem);
  line-height: 1.75;
}

.landing-eyebrow,
.blog-eyebrow,
.legal-eyebrow,
.section-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0.35rem 0.65rem;
  margin-bottom: 1rem;
  color: var(--brand-700);
  background: var(--brand-50);
  border: 1px solid var(--brand-100);
  border-radius: var(--radius-pill);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.075em;
  line-height: 1.2;
  text-transform: uppercase;
}

/* Public home hero */
.public-home {
  overflow: clip;
}

.landing-hero {
  position: relative;
  isolation: isolate;
  padding-block: clamp(3rem, 7vw, 5.75rem);
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 14%, rgba(37, 99, 235, 0.16), transparent 34rem),
    radial-gradient(circle at 92% 10%, rgba(6, 182, 212, 0.14), transparent 30rem),
    linear-gradient(135deg, #f8fbff 0%, #eef4ff 50%, #f4f1ff 100%);
  border-bottom: 1px solid var(--border);
}

.landing-hero::before,
.landing-hero::after {
  position: absolute;
  z-index: -1;
  content: "";
  border-radius: 50%;
  filter: blur(4px);
}

.landing-hero::before {
  top: -120px;
  left: -150px;
  width: 380px;
  height: 380px;
  background: rgba(37, 99, 235, 0.09);
}

.landing-hero::after {
  right: -140px;
  bottom: -180px;
  width: 420px;
  height: 420px;
  background: rgba(124, 58, 237, 0.08);
}

.landing-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(380px, 0.98fr);
  align-items: start;
  gap: clamp(2rem, 6vw, 5rem);
}

.landing-hero__content {
  max-width: 680px;
  padding-top: clamp(1.5rem, 4vw, 3rem);
}

.hero-title {
  max-width: 720px;
  margin-bottom: 1.1rem;
  color: var(--slate-900);
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 880;
  line-height: 1.03;
  letter-spacing: 0;
}

.hero-subtitle {
  max-width: 650px;
  margin-bottom: 1.3rem;
  color: var(--slate-600);
  font-size: clamp(1rem, 1.8vw, 1.15rem);
  line-height: 1.78;
}

.global-trust-strip,
.trust-badges,
.landing-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.global-trust-strip {
  margin-bottom: 1.35rem;
}

.global-trust-strip span,
.trust-badges span,
.landing-proof span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  gap: 0.42rem;
  padding: 0.4rem 0.65rem;
  color: var(--slate-700);
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(191, 219, 254, 0.85);
  border-radius: var(--radius-pill);
  font-size: 0.76rem;
  font-weight: 700;
  backdrop-filter: blur(8px);
}

.global-trust-strip i,
.trust-badges i {
  color: var(--primary);
}

.landing-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-bottom: 1.25rem;
}

.landing-hero__actions .btn {
  min-height: 48px;
  padding-inline: 1.15rem;
}

.landing-hero__actions .btn-primary,
.landing-hero__actions .btn-secondary {
  min-width: 160px;
  min-height: 48px;
  padding-inline: 1.2rem;
  border-radius: var(--radius-md);
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.landing-hero__actions .btn-primary {
  color: #ffffff;
  background: var(--primary);
  border-color: var(--primary);
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.24);
}

.landing-hero__actions .btn-primary:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}

.landing-hero__actions .btn-secondary {
  color: var(--slate-800);
  background: var(--surface);
  border-color: var(--border-strong);
}

.landing-hero__actions .btn-secondary:hover {
  color: var(--primary);
  background: var(--primary-soft);
}

.homepage-service-search {
  width: min(100%, 620px);
  margin: 0 0 1rem;
}

.homepage-service-search > label {
  margin-bottom: 0.45rem;
}

.homepage-service-search__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.55rem;
  padding: 0.38rem;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.homepage-service-search__row > i {
  margin-left: 0.55rem;
  color: var(--slate-400);
}

.homepage-service-search__row input {
  min-height: 42px;
  padding-inline: 0.25rem;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.homepage-service-search__row button {
  min-height: 42px;
  padding: 0.55rem 0.9rem;
  color: #ffffff;
  background: var(--primary);
  border: 0;
  border-radius: var(--radius-sm);
  font-size: 0.82rem;
  font-weight: 800;
}

.trust-badges {
  margin-bottom: 0.75rem;
}

.landing-proof span {
  color: var(--slate-600);
  background: transparent;
  border-style: dashed;
}

.login-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.hero-visual {
  isolation: isolate;
  overflow: visible;
  position: relative;
  width: min(100%, 560px);
  margin-left: auto;
  padding: clamp(0.2rem, 1vw, 0.45rem);
  background: transparent;
  border: 0;
  border-radius: var(--radius-xl);
  box-shadow: none;
  backdrop-filter: none;
}

.hero-visual::before {
  display: none;
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(110deg, rgba(14, 165, 233, 0.08), rgba(34, 197, 94, 0.06) 42%, rgba(255, 255, 255, 0) 76%);
  content: "";
}

.hero-visual picture,
.hero-visual img {
  display: block;
  width: 100%;
}

.hero-visual picture {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 3 / 2;
}

.hero-visual img {
  height: 100%;
  max-height: none;
  object-fit: contain;
  object-position: center;
  border-radius: calc(var(--radius-xl) - 8px);
  filter: drop-shadow(0 24px 28px rgba(14, 116, 144, 0.18));
}

.hero-visual__badge,
.hero-visual__metric {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.55rem 0.7rem;
  color: var(--slate-800);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(14px);
  font-size: 0.78rem;
}

.hero-visual__badge > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #ffffff;
  background: var(--gradient-brand);
  border-radius: var(--radius-sm);
}

.hero-visual__badge--top {
  top: 0.95rem;
  left: 0.95rem;
}

.hero-visual__badge--bottom {
  right: 0.95rem;
  bottom: 0.95rem;
}

.hero-visual__metric {
  left: 0.95rem;
  bottom: 0.95rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.hero-visual__metric strong {
  color: var(--primary);
  font-size: 1.15rem;
}

.hero-visual__metric span {
  color: var(--text-muted);
  font-size: 0.68rem;
}

.login-card {
  position: relative;
  left: auto;
  bottom: auto;
  z-index: 2;
  width: 100%;
  margin-top: -0.65rem;
  padding: clamp(1.1rem, 3vw, 1.45rem);
  box-shadow: var(--shadow-lg);
}

.login-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem 0.6rem;
  margin-bottom: 0.8rem;
  color: var(--brand-700);
  background: var(--brand-50);
  border-radius: var(--radius-pill);
  font-size: 0.72rem;
  font-weight: 800;
}

.login-card__header h2 {
  margin-bottom: 0.35rem;
  font-size: 1.45rem;
}

.login-card__header p {
  margin-bottom: 1rem;
  color: var(--text-muted);
  font-size: 0.86rem;
}

.login-password-row {
  position: relative;
}

.login-password-row .form-control {
  padding-right: 4.5rem;
}

.forgot-password {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  color: var(--primary);
  font-size: 0.78rem;
  font-weight: 750;
  text-decoration: none;
  transform: translateY(-50%);
}

.login-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.login-card__signup {
  margin: 1rem 0 0;
  color: var(--text-muted);
  font-size: 0.8rem;
  text-align: center;
}

.login-card__signup-link {
  font-weight: 800;
  text-decoration: none;
}

/* Homepage cards and metrics */
.live-status-panel {
  padding: clamp(1rem, 3vw, 1.4rem);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92) 58%, rgba(224, 242, 254, 0.88));
  border: 1px solid rgba(191, 219, 254, 0.84);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.live-status-panel__header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  padding-bottom: 1rem;
  color: var(--slate-900);
  border-bottom: 1px solid rgba(191, 219, 254, 0.76);
}

.live-status-panel__header span {
  font-weight: 800;
}

.live-status-panel__header p {
  margin: 0.15rem 0 0;
  color: var(--text-muted);
  font-size: 0.78rem;
}

.live-status-panel__header strong {
  color: var(--success);
  font-size: 0.78rem;
}

.live-status-dot {
  width: 10px;
  height: 10px;
  background: #22c55e;
  border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.14);
}

.live-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  padding-top: 1rem;
}

.live-status-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.2rem 0.65rem;
  padding: 0.8rem;
  color: var(--slate-900);
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(191, 219, 254, 0.72);
  border-radius: var(--radius-md);
}

.live-status-icon {
  grid-row: span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  color: #ffffff;
  background: var(--gradient-brand);
  border-radius: var(--radius-sm);
}

.live-status-item strong {
  font-size: 1.1rem;
  line-height: 1.15;
}

.live-status-item > span:last-child {
  color: var(--text-muted);
  font-size: 0.72rem;
}

.live-status-updated {
  margin: 0.75rem 0 0;
  color: var(--text-muted);
  font-size: 0.68rem;
  text-align: right;
}

.trust-payment-grid,
.landing-card-grid,
.steps-grid,
.review-grid {
  display: grid;
  gap: clamp(0.9rem, 2.2vw, 1.35rem);
}

.trust-payment-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.trust-payment-card {
  padding: clamp(1.2rem, 3vw, 1.6rem);
}

.trust-payment-card > span:first-child,
.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
  color: #ffffff;
  background: var(--gradient-brand);
  border-radius: var(--radius-md);
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.17);
  font-size: 1.15rem;
}

.trust-payment-card h2 {
  margin-bottom: 0.55rem;
  font-size: 1.2rem;
}

.trust-payment-card p,
.feature-card p,
.how-it-works-card p,
.review-card p {
  color: var(--text-muted);
  font-size: 0.88rem;
  line-height: 1.65;
}

.payment-logo-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 1rem;
}

.payment-logo-row span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0.35rem 0.6rem;
  color: var(--slate-600);
  background: var(--slate-50);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 0.72rem;
  font-weight: 800;
}

.landing-card-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.component_button_forms .search-results .search-result-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 40px;
  gap: 0.55rem;
  padding: 0.6rem 0.7rem;
  color: var(--text);
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--border);
  border-radius: var(--radius-sm);
  box-shadow: none;
  text-align: left;
  white-space: normal;
  transform: none;
}

.component_button_forms .search-results .search-result-item:last-child {
  border-bottom-color: transparent;
}

.component_button_forms .search-results .search-result-item:hover,
.component_button_forms .search-results .search-result-item:focus {
  color: var(--primary);
  background: var(--primary-soft);
  border-color: var(--border);
  box-shadow: none;
  transform: none;
}

.search-result-id {
  flex-shrink: 0;
  color: var(--primary);
  font-weight: 800;
}

.search-result-name {
  min-width: 0;
  overflow-wrap: anywhere;
}

.neworder-picker__icon {
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--primary);
  background: var(--primary-soft);
  border: 1px solid var(--border);
  border-radius: 7px;
  overflow: hidden;
}

.neworder-picker__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.neworder-picker__icon i,
.neworder-picker__icon .fa,
.neworder-picker__icon .fas,
.neworder-picker__icon .far,
.neworder-picker__icon .fab {
  color: inherit;
  font-size: 0.86rem !important;
  line-height: 1;
  transform: none !important;
}

.neworder-picker__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.feature-card,
.how-it-works-card,
.review-card {
  min-width: 0;
  padding: clamp(1rem, 2.5vw, 1.35rem);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.feature-card:hover,
.how-it-works-card:hover,
.review-card:hover {
  border-color: var(--brand-200);
  box-shadow: var(--shadow-sm);
  transform: translateY(-3px);
}

.feature-card h3,
.how-it-works-card h3,
.review-card h3 {
  margin-bottom: 0.45rem;
  font-size: 1rem;
}

.steps-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.how-it-works-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 0.9rem;
  color: #ffffff;
  background: var(--primary);
  border-radius: 50%;
  font-size: 0.95rem;
  font-weight: 850;
  box-shadow: 0 9px 18px rgba(37, 99, 235, 0.2);
}

.review-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.review-card > span {
  color: var(--primary);
  font-size: 0.76rem;
  font-weight: 800;
}

.review-card__person {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 0.9rem;
}

.review-card__person img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50%;
}

.review-card__person h3 {
  margin: 0;
}

.review-card__person span {
  color: var(--text-muted);
  font-size: 0.72rem;
}

.review-slider-dots {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  margin-top: 1.1rem;
}

.review-slider-dot {
  width: 8px;
  height: 8px;
  background: var(--slate-300);
  border-radius: 50%;
}

.review-slider-dot.is-active {
  width: 24px;
  background: var(--primary);
  border-radius: var(--radius-pill);
}

.mobile-sticky-cta {
  display: none;
  gap: var(--space-2);
}

.mobile-sticky-cta a {
  min-height: 42px;
  border: 1px solid var(--border);
  color: var(--text);
  background: var(--surface);
  border-radius: var(--radius-md);
  text-align: center;
  font-size: 0.9rem;
  font-weight: 800;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  line-height: 1.15;
  transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast),
    transform var(--transition-fast), box-shadow var(--transition-fast);
}

.mobile-sticky-cta a:hover,
.mobile-sticky-cta a:focus-visible {
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}

.mobile-sticky-cta__button {
  width: 100%;
  justify-content: center;
  gap: 0.25rem;
}

.mobile-sticky-cta a.btn-primary,
.mobile-sticky-cta .mobile-sticky-cta__button.btn-primary {
  color: #ffffff;
  background: var(--primary);
  border-color: var(--primary);
}

.mobile-sticky-cta a.btn-secondary,
.mobile-sticky-cta .mobile-sticky-cta__button.btn-secondary {
  color: var(--slate-800);
  background: var(--surface);
  border-color: var(--border-strong);
}

/* Signup and compact authentication pages */
.signup-page {
  padding: 0;
}

.signup-hero {
  padding-block: clamp(3rem, 7vw, 5rem);
  background:
    radial-gradient(circle at 12% 15%, rgba(37, 99, 235, 0.14), transparent 32rem),
    linear-gradient(135deg, #f8fbff, #eef4ff 58%, #f6f2ff);
}

.signup-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.78fr);
  align-items: start;
  gap: clamp(2rem, 6vw, 5rem);
}

.signup-copy {
  max-width: 650px;
  padding-top: 1.5rem;
}

.signup-copy > h1 {
  margin-bottom: 1rem;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 860;
  line-height: 1.06;
  letter-spacing: 0;
}

.signup-copy > p {
  color: var(--slate-600);
  font-size: 1.05rem;
  line-height: 1.75;
}

.signup-benefits {
  display: grid;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.signup-benefits article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.8rem;
  padding: 0.9rem;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(191, 219, 254, 0.8);
  border-radius: var(--radius-md);
  backdrop-filter: blur(10px);
}

.signup-benefits article > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #ffffff;
  background: var(--gradient-brand);
  border-radius: var(--radius-sm);
}

.signup-benefits h2 {
  margin-bottom: 0.25rem;
  font-size: 1rem;
}

.signup-benefits p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.82rem;
}

.signup-content-card {
  padding: 1rem;
  margin-top: 1.25rem;
}

.signup-card-wrap {
  position: sticky;
  top: calc(var(--topbar-height) + 1rem);
}

.signup-card {
  padding: clamp(1.15rem, 3vw, 1.55rem);
  box-shadow: var(--shadow-md);
}

.signup-card__header > span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.6rem;
  margin-bottom: 0.75rem;
  color: var(--brand-700);
  background: var(--brand-50);
  border-radius: var(--radius-pill);
  font-size: 0.72rem;
  font-weight: 800;
}

.signup-card__header h2 {
  margin-bottom: 0.35rem;
  font-size: 1.45rem;
}

.signup-card__header p {
  margin-bottom: 1rem;
  color: var(--text-muted);
  font-size: 0.84rem;
}

.signup-card__signin {
  margin-top: 1rem;
  color: var(--text-muted);
  font-size: 0.82rem;
  text-align: center;
}

.sign-up-center-signin-link {
  font-weight: 800;
  text-decoration: none;
}

.auth-page,
.confirm-email-page,
.content-page {
  min-height: calc(100vh - var(--topbar-height));
}

.sign-up-center-alignment {
  width: min(100%, 620px);
  margin-inline: auto;
}

.confirm-email-card {
  padding: clamp(1rem, 3vw, 1.5rem);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.confirm-email__header h3 {
  margin-bottom: 0.55rem;
}

.confirm-email__description {
  color: var(--text-muted);
}

.confirm-email__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

/* Blog */
.blog-hero,
.legal-hero {
  padding-block: clamp(3rem, 7vw, 5.2rem);
  color: #ffffff;
  background: transparent;
  border-bottom: 0;
}

.blog-hero__content,
.legal-hero__content {
  width: 100%;
  max-width: none;
  padding: clamp(1.25rem, 3vw, 1.65rem);
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.16), transparent 28rem),
    radial-gradient(circle at 88% 10%, rgba(6, 182, 212, 0.22), transparent 30rem),
    var(--gradient-header);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

.blog-hero h1,
.legal-hero h1 {
  margin-bottom: 0.8rem;
  color: #ffffff;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 860;
  letter-spacing: 0;
}

.blog-hero p,
.legal-hero p {
  margin: 0;
  color: rgba(239, 246, 255, 0.82);
  font-size: 1.05rem;
  line-height: 1.75;
}

.blog-hero .blog-eyebrow,
.legal-hero .legal-eyebrow {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
}

body.body-public.page-context-blog .blog-hero,
body.body-public.page-context-legal .legal-hero,
body.body-internal.page-context-blog .blog-hero,
body.body-internal.page-context-legal .legal-hero {
  color: #ffffff;
  background: transparent;
}

body.body-public.page-context-blog .blog-hero__content,
body.body-public.page-context-legal .legal-hero__content,
body.body-internal.page-context-blog .blog-hero__content,
body.body-internal.page-context-legal .legal-hero__content {
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.16), transparent 28rem),
    radial-gradient(circle at 88% 10%, rgba(6, 182, 212, 0.22), transparent 30rem),
    var(--gradient-header);
}

body.body-public.page-context-blog .blog-hero p,
body.body-public.page-context-legal .legal-hero p,
body.body-internal.page-context-blog .blog-hero p,
body.body-internal.page-context-legal .legal-hero p {
  color: rgba(239, 246, 255, 0.82);
}

body.body-public.page-context-blog .blog-hero h1,
body.body-public.page-context-legal .legal-hero h1,
body.body-public.page-context-blog .blog-hero .blog-eyebrow,
body.body-public.page-context-legal .legal-hero .legal-eyebrow,
body.body-internal.page-context-blog .blog-hero h1,
body.body-internal.page-context-legal .legal-hero h1,
body.body-internal.page-context-blog .blog-hero .blog-eyebrow,
body.body-internal.page-context-legal .legal-hero .legal-eyebrow {
  color: #ffffff;
}

.blog-intro-card {
  padding: 1.1rem 1.25rem;
  margin-bottom: 1.5rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
}

.blog-intro-card--footer {
  margin-top: 1.5rem;
  margin-bottom: 0;
}

.blogger-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  align-items: start;
  gap: 1.5rem;
}

.blogger-feed {
  display: grid;
  gap: 1.1rem;
}

.blog-card {
  display: grid;
  grid-template-columns: minmax(220px, 0.42fr) minmax(0, 0.58fr);
  min-width: 0;
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xs);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.blog-card__media {
  position: relative;
  display: grid;
  min-height: 250px;
  overflow: hidden;
  place-items: center;
  color: #ffffff;
  background: linear-gradient(135deg, var(--brand-500), var(--violet-500));
}

.blog-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-base);
}

.blog-card:hover .blog-card__media img {
  transform: scale(1.04);
}

.blog-card__media--empty {
  font-size: 2.6rem;
}

.blog-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.25rem;
}

.blog-card__tag {
  display: inline-flex;
  padding: 0.3rem 0.55rem;
  margin-bottom: 0.75rem;
  color: var(--brand-700);
  background: var(--brand-50);
  border-radius: var(--radius-pill);
  font-size: 0.68rem;
  font-weight: 850;
  text-transform: uppercase;
}

.blog-card h2 {
  margin-bottom: 0.55rem;
  font-size: 1.25rem;
}

.blog-card h2 a {
  color: var(--text);
  text-decoration: none;
}

.blog-card h2 a:hover {
  color: var(--primary);
}

.blog-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
  color: var(--text-muted);
  font-size: 0.72rem;
}

.blog-card__body > p {
  color: var(--text-muted);
  font-size: 0.86rem;
  line-height: 1.65;
}

.blog-card__button {
  margin-top: auto;
}

.blogger-sidebar {
  position: sticky;
  top: calc(var(--topbar-height) + 1rem);
  display: grid;
  gap: 1rem;
}

.blogger-widget,
.blog-empty {
  padding: 1.1rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
}

.blogger-widget h2 {
  margin-bottom: 0.65rem;
  font-size: 1rem;
}

.blogger-widget p,
.blog-empty p {
  color: var(--text-muted);
  font-size: 0.84rem;
}

.blogger-list {
  display: grid;
  gap: 0.45rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.blogger-list a {
  display: block;
  padding: 0.48rem 0.55rem;
  color: var(--slate-700);
  background: var(--slate-50);
  border-radius: var(--radius-sm);
  font-size: 0.8rem;
  font-weight: 650;
  text-decoration: none;
}

.blogger-list a:hover {
  color: var(--primary);
  background: var(--primary-soft);
}

.blogger-widget--cta {
  color: #ffffff;
  background: var(--gradient-header);
  border-color: transparent;
}

.blogger-widget--cta :is(h2, p, span) {
  color: #ffffff;
}

.blog-empty {
  text-align: center;
}

.blog-empty > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 1rem;
  color: #ffffff;
  background: var(--gradient-brand);
  border-radius: var(--radius-lg);
  font-size: 1.5rem;
}

/* Blog detail and comments */
.page-blog-detail {
  background: var(--page-bg);
}

.blog-detail__shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  align-items: start;
  gap: 1.5rem;
}

.blog-detail__content,
.blog-comments,
.blog-engagement,
.blog-comment-form {
  padding: clamp(1rem, 3vw, 1.4rem);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
}

.blog-detail__header {
  grid-column: 1 / -1;
  margin-bottom: 1rem;
  padding: clamp(1.25rem, 3vw, 1.65rem);
  color: #ffffff;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.16), transparent 28rem),
    radial-gradient(circle at 88% 10%, rgba(6, 182, 212, 0.22), transparent 30rem),
    var(--gradient-header);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

.blog-detail__header h1 {
  font-size: clamp(1.8rem, 4vw, 3rem);
}

.page-blog-detail .blog-detail__media {
  grid-column: 2;
  grid-row: 2;
}

.page-blog-detail .blog-detail__content {
  grid-column: 1;
  grid-row: 2;
}

.page-blog-detail .blog-engagement,
.page-blog-detail .blog-detail__actions {
  grid-column: 1 / -1;
}

.page-blog-detail .blog-detail__header h1 {
  color: #ffffff;
}

.page-blog-detail .blog-detail__header .blog-eyebrow {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
}

.page-blog-detail .blog-detail__header .blog-detail__meta,
.page-blog-detail .blog-detail__header .blog-back-link {
  color: rgba(239, 246, 255, 0.82);
}

.page-blog-detail .blog-detail__header .blog-back-link:hover,
.page-blog-detail .blog-detail__header .blog-back-link:focus-visible {
  color: #ffffff;
}

.blog-detail__meta,
.blog-engagement__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  color: var(--text-muted);
  font-size: 0.78rem;
}

.blog-detail__media {
  margin-bottom: 1rem;
  overflow: hidden;
  border-radius: var(--radius-md);
}

.blog-detail__media img {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
}

.blog-detail__actions,
.blog-engagement__bar,
.blog-comments__header,
.blog-comment__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.blog-like-form {
  margin: 0;
}

.blog-like-button.is-liked {
  color: #ffffff;
  background: var(--danger);
  border-color: var(--danger);
}

.blog-comment-list {
  display: grid;
  gap: 0.8rem;
  margin-top: 1rem;
}

.blog-comment {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.7rem;
  padding: 0.8rem;
  background: var(--slate-50);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}

.blog-comment__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #ffffff;
  background: var(--gradient-brand);
  border-radius: 50%;
}

.blog-comment__body p {
  margin: 0.35rem 0 0;
  color: var(--slate-600);
  font-size: 0.84rem;
}

.blog-comment-as,
.blog-comment-login,
.blog-comment-empty {
  color: var(--text-muted);
  font-size: 0.8rem;
}

.blog-back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
  font-weight: 750;
  text-decoration: none;
}

/* Legal and contact */
.legal-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  align-items: start;
  gap: 1.5rem;
}

.legal-sidebar {
  position: sticky;
  top: calc(var(--topbar-height) + 1rem);
  display: grid;
  gap: 1rem;
}

.legal-sidebar__card,
.legal-card {
  padding: clamp(1rem, 2.5vw, 1.35rem);
}

.legal-sidebar__card > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 0.8rem;
  color: #ffffff;
  background: var(--gradient-brand);
  border-radius: var(--radius-md);
}

.legal-sidebar__card h2,
.legal-card h2 {
  font-size: 1.15rem;
}

.legal-sidebar__card p,
.legal-card p,
.legal-card li {
  color: var(--slate-600);
  font-size: 0.88rem;
  line-height: 1.75;
}

.legal-sidebar__card--soft {
  display: grid;
  gap: 0.4rem;
  background: var(--brand-50);
}

.legal-sidebar__card--soft a {
  padding: 0.42rem 0.5rem;
  color: var(--slate-700);
  background: rgba(255, 255, 255, 0.72);
  border-radius: var(--radius-sm);
  font-size: 0.8rem;
  font-weight: 650;
  text-decoration: none;
}

.legal-content {
  display: grid;
  gap: 1rem;
}

.legal-card--empty {
  text-align: center;
}

.legal-card--empty > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 0.8rem;
  color: #ffffff;
  background: var(--gradient-brand);
  border-radius: var(--radius-lg);
}

.legal-card--secondary {
  background: var(--slate-50);
}

.contact-page {
  min-height: 70vh;
}

.contact-page .trust-payment-grid {
  margin-top: 1.5rem;
}

.contact-page .trust-payment-card {
  text-align: center;
}

/* Generic content pages */
.content-page .panel-card,
.page-section .panel-card {
  width: min(100%, 920px);
  margin-inline: auto;
}

.content-page .card,
.page-section .card {
  overflow-wrap: anywhere;
}

/* Review page */
.reviews-page {
  width: 100%;
  margin: 0;
  padding: 0;
}

.dashboard-welcome-card {
  margin-bottom: 1.25rem;
  color: #ffffff;
  background: var(--gradient-header);
  border-color: transparent;
}

.dashboard-welcome-card :is(h1, p) {
  color: #ffffff;
}

.review-list-item {
  padding: 0.8rem 0;
  border-bottom: 1px solid var(--border);
}

.review-list-item:last-child {
  border-bottom: 0;
}

.review-list-item p {
  margin: 0.4rem 0;
  color: var(--slate-600);
}

.review-list-item small {
  color: var(--text-muted);
}

/* Payment success */
.page-wrapper {
  display: grid;
  min-height: 55vh;
  place-items: center;
}

.custom-modal {
  width: min(100%, 520px);
  padding: 2rem;
  text-align: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.succes-animation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  margin-bottom: 1rem;
  color: #ffffff;
  background: var(--success);
  border-radius: 50%;
  box-shadow: 0 0 0 12px rgba(22, 163, 74, 0.1);
  font-size: 1.8rem;
}

.custom-modal .border-bottom {
  width: 80px;
  height: 3px;
  margin: 0 auto 1.2rem;
  background: linear-gradient(90deg, var(--primary), var(--accent));
  border: 0 !important;
  border-radius: var(--radius-pill);
}

.custom-modal .content {
  display: grid;
  justify-items: center;
  gap: 0.8rem;
}

.custom-modal h1 {
  margin: 0;
  font-size: clamp(1.55rem, 4vw, 2.1rem);
}

.message-type {
  margin: 0 0 0.25rem;
  color: var(--text-muted);
}

/* Private dashboard language */
.private-dashboard-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: clamp(1.25rem, 3vw, 1.8rem);
  color: #ffffff;
  background:
    radial-gradient(circle at 88% 18%, rgba(34, 211, 238, 0.24), transparent 20rem),
    linear-gradient(135deg, #0b2f66, #124b82 60%, #2563eb);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: var(--shadow-md);
}

.private-dashboard-hero :is(h1, h2, h3, h4, p, .text-muted) {
  color: #ffffff !important;
}

.private-dashboard-hero h1 {
  margin-bottom: 0.45rem;
  font-size: clamp(1.65rem, 3vw, 2.35rem);
}

.private-dashboard-hero p {
  max-width: 760px;
  opacity: 0.82;
}

.private-quick-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}

.private-dashboard-hero .btn-secondary,
.private-dashboard-hero .btn-outline {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.24);
}

.private-dashboard-hero .btn-secondary:hover,
.private-dashboard-hero .btn-outline:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.34);
}

.private-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.private-stat-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.25rem 0.8rem;
  padding: 1rem;
}

.private-stat-card > i {
  grid-row: span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #ffffff;
  background: var(--gradient-brand);
  border-radius: var(--radius-md);
  box-shadow: 0 9px 20px rgba(37, 99, 235, 0.16);
}

.private-stat-card h6 {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.private-stat-card p {
  margin: 0;
  color: var(--text);
  font-size: 1.15rem;
  font-weight: 850;
  line-height: 1.2;
}

.news-item {
  padding: 0.85rem;
  background: var(--slate-50);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}

.news-date {
  margin-bottom: 0.3rem;
  font-size: 0.72rem;
}

.theme-page-bg {
  width: 100%;
  background-color: transparent;
  background-image: none;
}

.bg,
.divider-top,
.divider-bottom {
  display: none;
}

.block-bg {
  min-height: 100%;
}

.new_order-block,
.new-order-form,
.add-funds__form,
.ticket-form {
  width: 100%;
}

.add-funds__form-alignment,
.ticket-form__alignment {
  justify-content: center;
}

.orders-history__margin-search {
  margin-bottom: 1rem;
}

.orders-history__margin-tab {
  margin-bottom: 0.85rem;
}

.orders-history__margin-table {
  margin-top: 0.85rem;
}

.orders-history {
  min-width: 0;
}

/* Services and API */
.services-filters,
.component_filter_card {
  margin-bottom: 1rem;
}

.page-service .dropdown,
.services-filters .dropdown,
.component_filter_card .dropdown {
  position: relative;
  z-index: 10;
  display: inline-block;
  width: max-content;
  max-width: 100%;
}

.page-service .dropdown > .btn-outline.dropdown-toggle,
.services-filters .dropdown > .btn-outline.dropdown-toggle,
.component_filter_card .dropdown > .btn-outline.dropdown-toggle {
  width: max-content;
  max-width: min(100%, 360px);
  color: var(--text);
  background: var(--surface);
  border-color: var(--border-strong);
  box-shadow: var(--shadow-xs);
}

.page-service .dropdown > .btn-outline.dropdown-toggle:hover,
.page-service .dropdown > .btn-outline.dropdown-toggle.show,
.services-filters .dropdown > .btn-outline.dropdown-toggle:hover,
.services-filters .dropdown > .btn-outline.dropdown-toggle.show,
.component_filter_card .dropdown > .btn-outline.dropdown-toggle:hover,
.component_filter_card .dropdown > .btn-outline.dropdown-toggle.show {
  color: var(--primary);
  background: var(--primary-soft);
  border-color: var(--brand-200);
}

.page-service .dropdown-menu,
.services-filters .dropdown-menu,
.component_filter_card .dropdown-menu {
  min-width: 100%;
}

.services-list__table,
.table-service {
  overflow-wrap: anywhere;
}

.services-category,
.services-page-service,
.services-modal-title {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 0.65rem;
}

.services-page-service,
.services-modal-title {
  width: 100%;
}

.services-page-icon {
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--primary);
  background: var(--primary-soft);
  border: 1px solid var(--border);
  border-radius: 7px;
  overflow: hidden;
}

.services-page-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.services-page-icon i,
.services-page-icon .fa,
.services-page-icon .fas,
.services-page-icon .far,
.services-page-icon .fab {
  color: inherit;
  font-size: 0.86rem !important;
  line-height: 1;
  transform: none !important;
}

.services-page-service__name {
  min-width: 0;
  overflow-wrap: anywhere;
}

.component_filter_form_group {
  margin: 0;
}

.component_filter_currency_button,
.dropdown-currency .dropdown-toggle {
  min-width: 110px;
}

.api-doc-card {
  margin-bottom: 1rem;
}

.api-doc-card h2,
.api-doc-card h3,
.api-doc-card h4 {
  margin-top: 1.1rem;
}

.api-doc-card h2:first-child,
.api-doc-card h3:first-child,
.api-doc-card h4:first-child {
  margin-top: 0;
}

.api-doc-card pre {
  margin-bottom: 0;
}

/* Tickets */
.ticket-support-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
  align-items: start;
  gap: 1rem;
}

.ticket-column {
  display: grid;
  min-width: 0;
  gap: 1rem;
}

.ticket-panel__header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.ticket-panel__header--split {
  justify-content: space-between;
}

.ticket-panel__header--split > div {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.ticket-panel__header h2 {
  margin-bottom: 0.25rem;
  font-size: 1.15rem;
}

.ticket-panel__header p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.8rem;
}

.ticket-panel__icon,
.ticket-hero__icon,
.ticket-help-card > span {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #ffffff;
  background: var(--gradient-brand);
  border-radius: var(--radius-md);
}

.ticket-hero__icon {
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  font-size: 1.4rem;
}

.ticket-help-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.75rem;
  background: var(--warning-50);
  border-color: #fde68a;
}

.ticket-help-card > span {
  color: #92400e;
  background: #fef3c7;
}

.ticket-help-card h3 {
  margin-bottom: 0.25rem;
  font-size: 1rem;
}

.ticket-help-card p {
  margin: 0;
  color: #92400e;
  font-size: 0.8rem;
}

.ticket-table-wrap .table {
  min-width: 0;
}

.ticket-list-date {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  color: var(--smmdad-text, inherit);
  font-weight: 700;
}

/* Affiliate, referral and statistics pages */
.affiliates-info__alignment,
.affiliate-list__alignment {
  justify-content: center;
}

.affiliates-list {
  display: grid;
  gap: 1rem;
}

.affiliates-table-border-none > * {
  border: 0 !important;
}

.component_table_statistics {
  overflow: hidden;
}

.component_table_statistics .table {
  min-width: 560px;
}

.affiliate-block__table-payments {
  min-width: 0;
}

.addfunds-block,
.addfunds-form {
  width: 100%;
}

.gpay-upi-panel {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}

.gpay-upi-summary,
.gpay-upi-qr,
.gpay-upi-verifying,
.gpay-result {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
  padding: 1rem;
}

.gpay-upi-summary {
  display: grid;
  gap: 0.25rem;
}

.gpay-upi-summary strong {
  color: var(--text);
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

.gpay-upi-label,
.gpay-upi-summary small,
.gpay-upi-help,
.gpay-upi-verifying small,
.gpay-result span {
  color: var(--slate-500);
  font-size: 0.88rem;
}

.gpay-upi-qr {
  text-align: center;
}

.gpay-upi-qr-image {
  display: grid;
  place-items: center;
  min-height: 208px;
}

.gpay-upi-qr-image img {
  max-width: min(220px, 100%);
  height: auto;
  border: 3px solid var(--border);
  border-radius: var(--radius-sm);
}

.gpay-upi-amount {
  margin-top: 0.65rem;
  color: var(--text);
}

.gpay-upi-verifying {
  text-align: center;
}

.gpay-upi-verifying strong {
  display: block;
  color: var(--primary);
  font-size: 2rem;
  line-height: 1;
  margin: 0.45rem 0;
}

.gpay-result {
  display: grid;
  gap: 0.35rem;
  margin-top: 1rem;
}

.gpay-result--success {
  border-color: rgba(22, 163, 74, 0.35);
  background: rgba(22, 163, 74, 0.08);
}

.gpay-result--pending {
  border-color: rgba(245, 158, 11, 0.35);
  background: rgba(245, 158, 11, 0.1);
}

/* Child panel, transfer funds and account helpers */
.custom-table {
  min-width: 760px;
}

.ChildPanelNote {
  padding: 0.8rem;
  color: var(--slate-600);
  background: var(--slate-50);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 0.82rem;
}

.Domain,
.ludd {
  overflow-wrap: anywhere;
}

.app-main {
  min-width: 0;
}

.hp-bbox {
  overflow: hidden;
}

.hpbb-body {
  padding: 0.25rem;
}

.t-head {
  color: var(--text);
  font-weight: 800;
}

.th-3 {
  width: 33.333%;
}

.fg,
.fga,
.fla {
  min-width: 0;
}

.transferfunds-page .wrapper-content__body {
  padding-bottom: var(--space-8);
}

.transfer-hero {
  align-items: center;
}

.transfer-hero__main {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 1rem;
}

.transfer-hero__icon {
  flex: 0 0 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: var(--radius-md);
}

.transfer-hero__icon i {
  font-size: 1.35rem;
  line-height: 1;
}

.transferfunds-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.45fr);
  align-items: start;
  gap: 1rem;
}

.transferfunds-card {
  padding: clamp(1rem, 2.5vw, 1.35rem);
}

.transferfunds-card .alert {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 1rem;
}

.transferfunds-form {
  display: grid;
  gap: 1rem;
}

.transferfunds-form .form-group {
  display: grid;
  gap: 0.45rem;
  margin: 0;
}

.transferfunds-form .control-label {
  margin: 0;
  color: var(--text);
  font-size: 0.88rem;
  font-weight: 800;
}

.transfer-input {
  position: relative;
}

.transfer-input > i {
  position: absolute;
  top: 50%;
  left: 0.95rem;
  z-index: 2;
  color: var(--slate-500);
  transform: translateY(-50%);
  pointer-events: none;
}

.transfer-input .form-control {
  min-height: 52px;
  padding-left: 2.65rem;
}

.transfer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-top: 0.25rem;
}

.transfer-actions .btn {
  min-height: 46px;
  gap: 0.45rem;
}

.transferfunds-side {
  display: grid;
  gap: 0.75rem;
}

.transfer-side-panel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.75rem;
  padding: 1rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
}

.transfer-side-panel__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  color: var(--primary);
  background: var(--primary-soft);
  border-radius: var(--radius-sm);
}

.transfer-side-panel h2 {
  margin: 0 0 0.25rem;
  font-size: 0.95rem;
}

.transfer-side-panel p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.84rem;
  line-height: 1.55;
}

.transfer-content-card {
  padding: 1rem;
}

/* Two-factor and simple result panels */
.head {
  margin-bottom: 1rem;
  text-align: center;
}

.head h1,
.head h2,
.head h3 {
  margin-bottom: 0.35rem;
}

.content {
  min-width: 0;
}

.sign-in {
  text-align: center;
}


/* Responsive page composition */
@media (max-width: 1199.98px) {
  .landing-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.85fr);
    gap: 2.5rem;
  }

  .landing-card-grid,
  .steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .private-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .landing-hero__grid,
  .signup-layout,
  .blogger-layout,
  .blog-detail__shell,
  .legal-layout,
  .ticket-support-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .landing-hero__content,
  .signup-copy {
    max-width: none;
  }

  .login-panel {
    display: grid;
    min-height: 0;
    gap: 1rem;
  }

  .hero-visual {
    width: min(100%, 480px);
    margin-inline: auto;
  }

  .login-card {
    position: relative;
    left: auto;
    bottom: auto;
    width: min(100%, 480px);
    margin-inline: auto;
  }

  .signup-copy {
    padding-top: 0;
  }

  .signup-card-wrap,
  .blogger-sidebar,
  .legal-sidebar {
    position: static;
  }

  .review-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .live-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .private-dashboard-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .private-quick-actions {
    justify-content: flex-start;
  }

  .blogger-sidebar,
  .legal-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) and (max-width: 1460px) {
  body.body-internal:is(.page-context-blog, .page-context-legal) .wrapper-content:is(.page-blog, .legal-page) .container {
    width: calc(100% - 1rem);
    max-width: var(--container);
    margin-left: 1rem;
    margin-right: 0;
  }
}

@media (max-width: 991.98px) {
  .page-blog-detail .blog-detail__header,
  .page-blog-detail .blog-detail__media,
  .page-blog-detail .blog-detail__content,
  .page-blog-detail .blog-engagement,
  .page-blog-detail .blog-detail__actions {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 767.98px) {
  .landing-section,
  .page-section,
  .blog-section,
  .legal-section {
    padding-block: 3.25rem;
  }

  .hero-title,
  .signup-copy > h1,
  .blog-hero h1,
  .legal-hero h1 {
    letter-spacing: 0;
  }

  .hero-visual__badge--top {
    left: 0.4rem;
  }

  .hero-visual__badge--bottom {
    right: 0.4rem;
  }

  .trust-payment-grid,
  .review-grid,
  .blogger-sidebar,
  .legal-sidebar {
    grid-template-columns: minmax(0, 1fr);
  }

  .blog-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .blog-card__media {
    min-height: 210px;
  }

  .blog-detail__actions,
  .blog-engagement__bar,
  .blog-comments__header,
  .blog-comment__top,
  .ticket-panel__header--split {
    align-items: flex-start;
    flex-direction: column;
  }

  .private-quick-actions {
    width: 100%;
  }

  .private-quick-actions .btn {
    flex: 1 1 calc(50% - 0.5rem);
  }

  .page-wrapper {
    min-height: 45vh;
  }
}

@media (max-width: 575.98px) {
  .landing-hero,
  .signup-hero,
  .blog-hero,
  .legal-hero {
    padding-block: 2.75rem;
  }

  .hero-title {
    font-size: clamp(2.2rem, 12vw, 3.1rem);
  }

  .landing-hero__actions,
  .confirm-email__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .landing-hero__actions .btn,
  .confirm-email__actions .btn {
    width: 100%;
  }

  .homepage-service-search__row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .homepage-service-search__row button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .hero-visual__badge,
  .hero-visual__metric {
    display: none;
  }

  .live-status-panel__header {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .live-status-panel__header strong {
    grid-column: 2;
  }

  .live-status-grid,
  .landing-card-grid,
  .steps-grid,
  .private-stats-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .private-quick-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .private-quick-actions .btn {
    width: 100%;
  }

  .blog-comment {
    grid-template-columns: minmax(0, 1fr);
  }

  .custom-modal {
    padding: 1.35rem;
  }

  .mobile-sticky-cta {
    position: fixed;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
    z-index: 1030;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.55rem;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    backdrop-filter: blur(14px);
  }

  .mobile-sticky-cta .btn {
    width: 100%;
    min-height: 42px;
    padding-inline: 0.55rem;
  }
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    min-height: 56px;
    display: flex;
    align-items: center;
    border: 1px solid #ccd8e8;
    border-radius: 12px;
}

.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    width: 100%;
    padding: 0 44px 0 16px;
    line-height: normal;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    height: 100%;
    right: 12px;
}

/* ── Service Picker (custom select replacement on New Order page) ── */
.service-select-native,
.category-select-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.service-picker,
.category-picker {
  position: relative;
  width: 100%;
}

.service-picker__button,
.category-picker__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 44px;
  gap: 0.5rem;
  padding: 0.62rem 0.75rem;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.service-picker__button:hover,
.category-picker__button:hover {
  border-color: var(--slate-400);
}

.service-picker__button[aria-expanded="true"],
.category-picker__button[aria-expanded="true"] {
  border-color: var(--primary);
  box-shadow: var(--focus-ring);
}

.service-picker__button .neworder-picker__chevron,
.category-picker__button .neworder-picker__chevron {
  flex-shrink: 0;
  color: var(--slate-500);
  font-size: 0.75rem;
  transition: transform var(--transition-fast);
}

.service-picker__button[aria-expanded="true"] .neworder-picker__chevron,
.category-picker__button[aria-expanded="true"] .neworder-picker__chevron {
  transform: rotate(180deg);
}

.service-picker__text,
.category-picker__text {
  flex: 1;
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 0.58rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.service-picker__list,
.category-picker__list {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 1090;
  display: none;
  flex-direction: column;
  max-height: var(--picker-max-height, 280px);
  overflow-y: auto;
  padding: 0.35rem;
  background: var(--surface);
  border: 1px solid var(--primary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  scrollbar-width: thin;
}

.service-picker.opens-up .service-picker__list,
.category-picker.opens-up .category-picker__list {
  top: auto;
  bottom: calc(100% + 4px);
}

.service-picker.is-open .service-picker__list,
.category-picker.is-open .category-picker__list {
  display: flex;
}

.service-picker__option,
.category-picker__option {
  display: flex;
  align-items: center;
  gap: 0.58rem;
  width: 100%;
  padding: 0.55rem 0.65rem;
  color: var(--slate-700);
  background: transparent;
  border: 0;
  border-radius: var(--radius-sm);
  font-size: 0.84rem;
  text-align: left;
  cursor: pointer;
  white-space: normal;
  word-break: break-word;
  transition: color var(--transition-fast), background var(--transition-fast);
}

.service-picker__option:hover,
.category-picker__option:hover {
  color: var(--primary);
  background: var(--primary-soft);
}

.service-picker__option.is-active,
.category-picker__option.is-active {
  color: var(--primary);
  background: var(--primary-soft);
  font-weight: 700;
}

/* ── Center-align landing page section content ── */
.feature-card,
.how-it-works-card,
.trust-payment-card {
  text-align: center;
}
.feature-icon,
.trust-payment-card > span:first-child,
.how-it-works-number {
  margin-inline: auto;
}
.payment-logo-row {
  justify-content: center;
}
.review-card {
  text-align: center;
}
.review-card__person {
  justify-content: center;
}
.review-card > span {
  display: block;
  text-align: center;
}
.faq {
  max-width: 760px;
  margin-inline: auto;
}
.live-status-panel__header {
  text-align: center;
  grid-template-columns: minmax(0,1fr);
  justify-items: center;
}

/* Review slider — single card auto-slide */
.review-grid.review-slider .review-card{display:none;}
.review-grid.review-slider .review-card.is-active{display:block;width:min(100%,640px);margin-left:auto;margin-right:auto;text-align:center;animation:rSlide 0.45s ease;}
@keyframes rSlide{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.review-slider-dot{cursor:pointer;}

.review-grid.review-slider{display:block !important;}

/* SmmDad premium design system v1 START */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --surface-raised: rgba(255, 255, 255, 0.94);
  --surface-glass: rgba(255, 255, 255, 0.78);
  --border-soft: rgba(148, 163, 184, 0.2);
  --shadow-premium: 0 16px 40px rgba(15, 23, 42, 0.08);
  --shadow-premium-lg: 0 24px 70px rgba(15, 23, 42, 0.14);
  --ease-premium: cubic-bezier(.2, .8, .2, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --surface: #ffffff;
    --surface-soft: var(--slate-50);
    --surface-raised: rgba(255, 255, 255, 0.94);
    --surface-glass: rgba(255, 255, 255, 0.78);
    --page-bg: #f4f7fb;
    --text: var(--slate-900);
    --text-muted: var(--slate-500);
    --border: #dbe4f0;
    --border-strong: var(--slate-300);
    --primary-soft: var(--brand-50);
    --header-bg: #1a5cb8;
    --header-bg-strong: #1248a0;
    --focus-ring: 0 0 0 4px rgba(37, 99, 235, 0.18);
    --sd-background: var(--page-bg);
    --sd-surface: var(--surface);
    --sd-surface-soft: var(--surface-soft);
    --sd-text: var(--text);
    --sd-text-soft: var(--text-muted);
  }
}

html,
body {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

body.body,
body.body-public,
body.body-internal {
  min-width: 320px;
  color: var(--text);
  background:
    radial-gradient(circle at 12% 0%, rgba(37, 99, 235, .08), transparent 26rem),
    radial-gradient(circle at 88% 10%, rgba(6, 182, 212, .08), transparent 30rem),
    var(--page-bg);
  letter-spacing: 0;
}

body.body-internal .component-sidebar {
  background: linear-gradient(180deg, var(--header-bg-strong) 0%, var(--header-bg) 100%);
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
  box-shadow: var(--focus-ring);
}

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

.wrapper-content,
.container,
.container-lg,
.container-fluid {
  min-width: 0;
}

.smm-public-navbar,
.site-navbar,
.component-navbar-private__wrapper,
.component-private-navbar-shell {
  background: linear-gradient(135deg, var(--header-bg-strong), var(--header-bg));
  color: var(--header-text);
  border: 0;
  box-shadow: 0 14px 34px rgba(18, 72, 160, .18);
}

.smm-public-navbar {
  position: sticky;
  top: 0;
  z-index: 1030;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.smm-public-navbar__header,
.navbar-public__header,
.sidebar-block__top-brand,
.component-sidebar__menu-logo,
.component-sidebar__menu-brand {
  display: flex;
  align-items: center;
}

.smm-public-navbar .navbar-brand,
.site-navbar .navbar-brand,
.component-navbar-public-brand .navbar-brand,
.component-sidebar__menu-brand .navbar-brand,
.component-sidebar__menu-logo .navbar-brand {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  padding: 0;
  color: #fff;
  text-decoration: none;
  line-height: 1;
}

.smm-public-navbar .brand-name,
.site-navbar .brand-name,
.component-navbar-public-brand .brand-name,
.component-sidebar__menu-logo .brand-name,
.component-sidebar__menu-brand .brand-name {
  margin: 0;
  color: #fff;
  font-size: 18.4px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  background: none;
  -webkit-text-fill-color: #fff;
}

.smm-public-navbar .brand-logo,
.site-navbar .brand-logo,
.component-navbar-public-brand .brand-logo,
.component-sidebar__menu-logo .brand-logo,
.component-sidebar__menu-brand .brand-logo {
  display: block;
  width: auto;
  max-width: min(170px, 42vw);
  max-height: 44px;
  object-fit: contain;
}

.smm-public-navbar__link,
.component-navbar-nav-link__navbar-public,
.component-navbar-nav-link__navbar-private,
.public-navbar-select,
.balance-dropdown__toggle,
.dropdown-item,
.component-sidebar__menu-link {
  transition: color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

.component-sidebar__menu {
  padding: var(--space-4);
}

.component-sidebar__menu-logo {
  min-height: 54px;
  padding: var(--space-2) var(--space-4);
}

.component-sidebar__menu-item,
.component-sidebar__menu-link {
  border-radius: var(--radius-md);
}

.component-sidebar__menu-link {
  min-height: 40px;
  gap: var(--space-3);
  color: rgba(255, 255, 255, .82);
}

.component-sidebar__menu-link:hover,
.component-sidebar__menu-link.active,
.component-sidebar__menu-item.active .component-sidebar__menu-link {
  color: #fff;
  background: rgba(255, 255, 255, .13);
  transform: translateX(2px);
}

.private-nav-tools,
.private-currency,
.private-language-switcher {
  gap: var(--space-2);
}

.dropdown-menu,
.select2-dropdown {
  overflow: hidden;
  padding: var(--space-2);
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  backdrop-filter: blur(12px);
}

.public-navbar-menu {
  background: var(--surface);
}

.public-navbar-menu a,
.balance-dropdown__container a {
  border-radius: var(--radius-sm);
}

.public-navbar-menu a:hover,
.public-navbar-menu a:focus,
.balance-dropdown__container a:hover,
.balance-dropdown__container a:focus {
  color: var(--primary);
  background: var(--primary-soft);
}

.card,
.panel-card,
.component_card .card,
.table-bg,
.component_table,
.payment-card,
.summary,
.base-price-box,
.api-doc-card,
.ticket-panel,
.ticket-help-card,
.trust-payment-card,
.legal-card,
.legal-sidebar__card,
.signup-card,
.signup-content-card,
.login-card,
.dashboard-welcome-card,
.private-stat-card,
.blog-card,
.review-card,
.hp-bbox {
  color: var(--text);
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
}

.card:hover,
.panel-card:hover,
.api-doc-card:hover,
.ticket-panel:hover,
.ticket-help-card:hover,
.trust-payment-card:hover,
.blog-card:hover,
.review-card:hover,
.private-stat-card:hover {
  border-color: var(--brand-200);
  box-shadow: var(--shadow-premium);
  transform: translateY(-2px);
}

.card,
.panel-card,
.api-doc-card,
.ticket-panel,
.ticket-help-card,
.dashboard-welcome-card,
.private-stat-card,
.hp-bbox {
  padding: clamp(16px, 2vw, 24px);
}

.btn,
.btn-big-primary,
.btn-big-secondary,
.btn-actions,
.page-actions,
.component_button_submit button,
.component_button_forms button,
.component_button_search button,
.component_filter_button,
.component_filter_currency_button,
.buy-button,
.fsb-button {
  min-height: 42px;
  border-radius: var(--radius-md);
  font-weight: 750;
  letter-spacing: 0;
  transition: color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.btn:hover,
.btn-big-primary:hover,
.btn-big-secondary:hover,
.btn-actions:hover,
.page-actions:hover,
.buy-button:hover,
.fsb-button:hover {
  transform: translateY(-1px);
}

.btn:active,
.btn-big-primary:active,
.btn-big-secondary:active,
.btn-actions:active,
.page-actions:active,
.buy-button:active,
.fsb-button:active {
  transform: translateY(0);
}

.btn:disabled,
.btn.disabled,
button:disabled,
[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .58;
  transform: none;
  box-shadow: none;
}

.form-control,
.form-select,
.custom-select,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
select {
  min-height: 42px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: none;
}

.form-control:focus,
.form-select:focus,
.custom-select:focus,
.select2-container--focus .select2-selection,
textarea:focus,
input:focus,
select:focus {
  border-color: var(--primary);
  box-shadow: var(--focus-ring);
}

.form-control::placeholder,
textarea::placeholder,
input::placeholder {
  color: var(--text-muted);
  opacity: .78;
}

.form-check-input,
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--primary);
}

.alert,
.badge,
.pagination .page-link,
.nav-tabs .nav-link {
  border-radius: var(--radius-md);
}

.alert-success { color: #14532d; background: var(--success-50); border-color: rgba(22, 163, 74, .24); }
.alert-danger,
.alert-error { color: #7f1d1d; background: var(--danger-50); border-color: rgba(220, 38, 38, .24); }
.alert-warning { color: #78350f; background: var(--warning-50); border-color: rgba(217, 119, 6, .24); }
.alert-info { color: #075985; background: var(--info-50); border-color: rgba(2, 132, 199, .24); }

.table,
.component_table table,
.table-bg table {
  margin-bottom: 0;
  color: var(--text);
}

.table th,
.component_table th,
.table-bg th {
  position: sticky;
  top: 0;
  z-index: 1;
  color: var(--text-muted);
  background: var(--surface-soft);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.table td,
.table th,
.component_table td,
.component_table th {
  vertical-align: middle;
  border-color: var(--border);
}

.table-responsive,
.table-wr,
.component_table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--radius-md);
}

.modal-content {
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-premium-lg);
}

.modal-header,
.modal-footer {
  border-color: var(--border);
}

.modal-footer {
  gap: var(--space-3);
}

.landing-hero {
  position: relative;
  overflow: hidden;
  padding-block: clamp(32px, 6vw, 76px);
}

.landing-hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-4);
}

.landing-hero__content .hero-title {
  font-size: clamp(2rem, 4vw, 3.6rem);
  font-weight: 850;
  line-height: 1.05;
  letter-spacing: 0;
}

.landing-hero__content .hero-subtitle {
  max-width: 640px;
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.7;
}

.landing-hero__actions,
.hero-trust-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.homepage-service-search__row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 48px;
  padding-inline: var(--space-3);
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
}

.homepage-service-search__row:focus-within {
  border-color: var(--primary);
  box-shadow: var(--focus-ring);
}

.homepage-service-search__row input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
}

.landing-hero__image-wrapper {
  display: none;
}

.landing-hero__graphic {
  position: relative;
  min-height: clamp(360px, 42vw, 540px);
}

.landing-hero__graphic::before,
.landing-hero__graphic::after {
  content: "";
  position: absolute;
  inset: auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-premium-lg);
}

.landing-hero__graphic::before {
  top: 8%;
  right: 0;
  width: min(94%, 560px);
  aspect-ratio: 1.35;
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.92)),
    radial-gradient(circle at 16% 18%, rgba(37,99,235,.24), transparent 13rem);
  border: 1px solid rgba(148,163,184,.22);
}

.landing-hero__graphic::after {
  top: 18%;
  right: 7%;
  width: min(78%, 450px);
  aspect-ratio: 1.45;
  background:
    linear-gradient(90deg, rgba(37,99,235,.94) 0 16%, transparent 16%),
    linear-gradient(180deg, #ffffff 0 18%, #f8fafc 18% 100%);
  border: 1px solid rgba(148,163,184,.28);
}

.public-home .login-card {
  border-radius: var(--radius-md);
}

.public-home .mobile-sticky-cta {
  display: none;
}

.private-dashboard-hero,
.dashboard-welcome-card {
  color: #fff;
  background:
    linear-gradient(135deg, rgba(18, 72, 160, .96), rgba(37, 99, 235, .9)),
    radial-gradient(circle at 82% 18%, rgba(6, 182, 212, .32), transparent 24rem);
  border: 0;
}

.private-dashboard-hero :is(h1, h2, h3, h4, p, .text-muted),
.dashboard-welcome-card :is(h1, h2, h3, h4, p, .text-muted) {
  color: #fff;
}

.private-stat-card {
  display: grid;
  gap: var(--space-2);
  min-height: 132px;
}

.empty-state,
.no-data,
.blank-state {
  padding: var(--space-8);
  color: var(--text-muted);
  text-align: center;
  background: var(--surface);
  border: 1px dashed var(--border-strong);
  border-radius: var(--radius-md);
}

.page-service .copy-inline-button {
  display: none;
}

@media (max-width: 991.98px) {
  .smm-public-navbar {
    overflow: visible;
  }

  .smm-public-navbar [data-smm-nav-panel] {
    display: none;
    list-style: none;
    margin: 0;
    padding: var(--space-3);
  }

  .smm-public-navbar [data-smm-nav-panel] li,
  .smm-public-navbar [data-smm-nav-panel] .nav-item {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .smm-public-navbar [data-smm-nav-panel].is-open,
  .smm-public-navbar.is-nav-open [data-smm-nav-panel] {
    position: absolute;
    top: calc(100% + 10px);
    right: var(--space-3);
    left: var(--space-3);
    z-index: 1040;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-2);
    max-height: calc(100vh - 96px);
    overflow-y: auto;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface-raised);
    box-shadow: var(--shadow-premium-lg);
    backdrop-filter: blur(14px);
  }

  .smm-public-navbar [data-smm-nav-panel].is-open a,
  .smm-public-navbar.is-nav-open [data-smm-nav-panel] a {
    width: 100%;
    justify-content: flex-start;
    color: var(--text);
    background: var(--surface-soft);
    border: 1px solid var(--border);
  }

  .component-sidebar_wrapper {
    max-width: min(88vw, 320px);
  }

  body.body-internal .wrapper-content__footer {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {
  .transferfunds-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .transferfunds-side {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .landing-hero {
    padding-top: var(--space-6);
    padding-bottom: var(--space-10);
  }

  body.body-public #main-content.public-home .hero-visual {
    display: none;
  }

  .landing-hero__content {
    gap: var(--space-3);
  }

  .landing-hero__actions,
  .hero-trust-row,
  .site-footer__grid,
  .site-footer__links {
    justify-content: center;
  }

  .site-footer__grid {
    flex-direction: column;
    text-align: center;
  }

  footer.site-footer .footer-text {
    order: 3;
  }

  .homepage-service-search__row {
    flex-wrap: wrap;
  }

  .homepage-service-search__row button {
    width: 100%;
  }

  .transfer-hero,
  .transfer-hero__main,
  .transfer-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .transfer-hero__main {
    gap: 0.8rem;
  }

  .transfer-hero__icon {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  .transfer-actions .btn,
  .transfer-hero .btn {
    width: 100%;
  }

  .transferfunds-side {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 575.98px) {
  body.body-public #main-content.public-home .login-panel .login-card {
    display: flex;
  }

  body.body-public #main-content.public-home .login-panel {
    margin-top: 22px;
  }

  .page-service .table-wr.table-responsive {
    overflow: visible;
  }

  .page-service #service-table,
  .page-service #service-table tbody {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: var(--space-3);
  }

  .page-service #service-table thead {
    display: none;
  }

  .page-service #service-table tr.services-list-category-title,
  .page-service #service-table tr.services-list-category-title td {
    display: block;
    width: 100%;
  }

  .page-service #service-table tbody > tr:not(.services-list-category-title) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    box-shadow: var(--shadow-xs);
  }

  .page-service #service-table tbody > tr:not(.services-list-category-title) > td {
    display: grid;
    gap: 2px;
    width: auto;
    min-width: 0;
    padding: 0;
    border: 0;
    overflow-wrap: anywhere;
  }

  .page-service #service-table tbody > tr:not(.services-list-category-title) > td::before {
    content: attr(data-label);
    color: var(--text-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .page-service #service-table td:nth-child(1)::before { content: "ID"; }
  .page-service #service-table td:nth-child(2)::before { content: "Service"; }
  .page-service #service-table td:nth-child(3)::before { content: "Rate"; }
  .page-service #service-table td:nth-child(4)::before { content: "Min / Max"; }
  .page-service #service-table td:nth-child(5)::before { content: "Time"; }

  .page-service #service-table tbody > tr:not(.services-list-category-title) > td:nth-child(2),
  .page-service #service-table tbody > tr:not(.services-list-category-title) > td:last-child {
    grid-column: 1 / -1;
  }

  .page-service #service-table td:last-child .btn {
    width: 100%;
    min-height: 44px;
  }

  .modal[id^="servis"].show .modal-dialog {
    width: calc(100vw - 24px);
    max-width: 520px;
    margin: var(--space-3) auto;
  }

  .modal[id^="servis"].show .modal-content {
    max-height: calc(100vh - 24px);
    overflow: hidden;
  }

  .modal[id^="servis"].show .modal-body {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .modal[id^="servis"].show .modal-footer {
    position: sticky;
    bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-2);
    background: var(--surface);
  }

  .modal[id^="servis"].show .modal-footer .btn {
    width: 100%;
    min-height: 44px;
  }
}

@media (min-width: 1600px) {
  :root {
    --container: 1320px;
  }
}

/* Premium UI refinements v2 START */
.mobile-sticky-cta {
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 16px, 0);
  transition: opacity 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.mobile-sticky-cta.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

.smmdad-broadcast-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: var(--s-24);
  background: rgba(15, 23, 42, 0.48);
  backdrop-filter: blur(10px);
}

.has-broadcast-modal {
  overflow: hidden;
}

.smmdad-broadcast-modal__panel {
  width: min(100%, 420px);
  border: 1px solid var(--sd-border);
  border-radius: var(--sd-radius-lg);
  background: var(--sd-surface);
  color: var(--sd-text);
  box-shadow: var(--sd-shadow-xl);
  padding: var(--s-32);
  text-align: center;
}

.smmdad-broadcast-modal__icon {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  margin-bottom: var(--s-16);
  background: linear-gradient(135deg, var(--sd-primary), var(--sd-info));
  color: #fff;
  font-weight: 800;
}

.smmdad-broadcast-modal__panel h2 {
  margin: 0 0 var(--s-12);
  color: var(--sd-text);
  font-size: 1.25rem;
  line-height: 1.25;
}

.smmdad-broadcast-modal__panel p {
  margin: 0;
  color: var(--sd-text-soft);
  line-height: 1.65;
}

.smmdad-broadcast-modal__actions {
  margin-top: var(--s-24);
}

.terms-box {
  border: 1px solid var(--sd-border);
  border-radius: var(--sd-radius-lg);
  background: var(--sd-surface);
  box-shadow: var(--sd-shadow-md);
  padding: clamp(var(--s-24), 4vw, var(--s-40));
}

.terms-box h1,
.terms-box h2 {
  color: var(--sd-text);
}

.terms-box h1 {
  margin: 0 0 var(--s-24);
  text-align: center;
  font-size: clamp(1.65rem, 4vw, 2rem);
}

.terms-box h2 {
  margin: var(--s-24) 0 var(--s-12);
  font-size: 1.125rem;
}

.terms-box p,
.terms-box li {
  color: var(--sd-text-soft);
  line-height: 1.75;
}

.terms-box ul {
  padding-left: var(--s-24);
}

.table-responsive,
.table-wr {
  scrollbar-width: thin;
  scrollbar-color: rgba(37, 99, 235, 0.42) transparent;
}

.table-responsive::-webkit-scrollbar,
.table-wr::-webkit-scrollbar {
  height: 6px;
}

.table-responsive::-webkit-scrollbar-thumb,
.table-wr::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.35);
}

@media (min-width: 768px) {
  .card .table-responsive > .table,
  .card .table-wr > .table {
    min-width: 100%;
  }
}

@media (min-width: 768px) {
  .mobile-sticky-cta {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .mobile-sticky-cta {
    position: fixed;
    right: 0.75rem;
    left: 0.75rem;
    bottom: 0.75rem;
    right: calc(0.75rem + env(safe-area-inset-right));
    left: calc(0.75rem + env(safe-area-inset-left));
    bottom: calc(0.75rem + env(safe-area-inset-bottom));
    z-index: 1030;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0;
    padding-bottom: calc(8px + env(safe-area-inset-bottom));
    background: transparent;
    border: 0;
    border-radius: 16px;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .mobile-sticky-cta > a.mobile-sticky-cta__button,
  .mobile-sticky-cta > a.btn.btn-primary,
  .mobile-sticky-cta > a.btn.btn-secondary {
    text-decoration: none !important;
    color: var(--primary) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 12px;
    border: 1px solid rgba(191, 219, 254, 0.85);
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.15;
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: var(--shadow-sm);
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .mobile-sticky-cta > a.mobile-sticky-cta__button.btn-primary,
  .mobile-sticky-cta > a.btn.btn-primary.mobile-sticky-cta__button {
    color: #ffffff !important;
    background: var(--gradient-brand) !important;
    border-color: rgba(37, 99, 235, 0.5) !important;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.22) !important;
  }

  .mobile-sticky-cta > a.mobile-sticky-cta__button.btn-secondary,
  .mobile-sticky-cta > a.btn.btn-secondary.mobile-sticky-cta__button {
    color: var(--slate-800) !important;
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(191, 219, 254, 0.9) !important;
  }
}

@media (max-width: 575.98px) {
  .smmdad-broadcast-modal {
    padding: var(--s-16);
    align-items: end;
  }

  .smmdad-broadcast-modal__panel {
    padding: var(--s-24);
    border-radius: var(--sd-radius-md);
  }
}
/* Premium UI refinements v2 END */

/* SmmDad premium design system v1 END */

/* Fix: filter card renders above sibling table card */
.services-filter-card {
  position: relative;
  z-index: 10;
}

/* Login hero rocket polish v20260627 */
@media (max-width: 575.98px) {
  body.body-public #main-content.public-home .landing-hero__grid,
  body.body-public #main-content.public-home .landing-hero__content,
  body.body-public #main-content.public-home .login-panel,
  body.body-public #main-content.public-home .homepage-service-search,
  body.body-public #main-content.public-home .homepage-service-search__row {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.body-public #main-content.public-home .landing-eyebrow {
    width: 100%;
    max-width: 100%;
    justify-content: center;
    text-align: center;
    white-space: normal;
  }

  body.body-public #main-content.public-home .hero-title {
    max-width: 100%;
    font-size: 1.95rem;
    line-height: 1.12;
    overflow-wrap: break-word;
  }

  body.body-public #main-content.public-home .hero-subtitle,
  body.body-public #main-content.public-home .homepage-service-search__row input {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: break-word;
  }

  body.body-public #main-content.public-home .hero-visual {
    width: 100%;
    padding: 0.7rem;
  }

  body.body-public #main-content.public-home .hero-visual picture {
    aspect-ratio: 16 / 10;
  }

  body.body-public #main-content.public-home .login-card {
    margin-top: 0;
  }
}


/* SIDEBAR COLOR+SCROLL FIX v20260627a */
body.body-internal .component-sidebar_wrapper {
    background: #1248a0 !important;
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: var(--sidebar-width) !important;
    overflow: hidden !important;
    z-index: 1050 !important;
}
body.body-internal .component-sidebar {
    background: linear-gradient(180deg, #1248a0 0%, #1a5cb8 54%, #1557b0 100%) !important;
    height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255,255,255,0.25) transparent !important;
}
body.body-internal .component-sidebar__menu-item-link {
    color: rgba(255,255,255,0.92) !important;
    background: transparent !important;
}
body.body-internal .component-sidebar__menu-item-active .component-sidebar__menu-item-link,
body.body-internal .component-sidebar__menu-item-link:hover {
    background: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
}
body.body-internal .sidebar-block__menu-item-icon svg,
body.body-internal .component-sidebar svg {
    color: rgba(255,255,255,0.85) !important;
    fill: rgba(255,255,255,0.85) !important;
}

/* Public login mobile width guard v20260627 */
@media (max-width: 575.98px) {
  body.body-public #main-content.public-home,
  body.body-public #main-content.public-home .landing-hero,
  body.body-public #main-content.public-home .landing-hero > .container,
  body.body-public #main-content.public-home .landing-hero__grid,
  body.body-public #main-content.public-home .landing-hero__content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.body-public #main-content.public-home .landing-hero > .container {
    padding-right: 16px !important;
    padding-left: 16px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body.body-public #main-content.public-home .landing-eyebrow {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    font-size: 0.68rem !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.body-public #main-content.public-home .hero-title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: clamp(1.45rem, 7vw, 1.72rem) !important;
    line-height: 1.14 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.body-public #main-content.public-home .hero-subtitle {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 0.98rem !important;
    overflow-wrap: break-word !important;
  }

  body.body-public #main-content.public-home .landing-hero__actions .btn {
    color: var(--primary) !important;
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(191, 219, 254, 0.86) !important;
    box-shadow: var(--shadow-sm) !important;
  }

  body.body-public #main-content.public-home .landing-hero__actions .btn-primary {
    color: #ffffff !important;
    background: var(--gradient-brand) !important;
    border-color: rgba(37, 99, 235, 0.5) !important;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.2) !important;
  }

  body.body-public #main-content.public-home .landing-hero__actions .btn-secondary {
    color: var(--slate-800) !important;
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(191, 219, 254, 0.9) !important;
  }
}

/* Final alignment, border, menu icon and responsive polish v20260627 */
body.body-public,
body.body-internal,
body.body-public *,
body.body-internal *,
body.body-public *::before,
body.body-public *::after,
body.body-internal *::before,
body.body-internal *::after {
  box-sizing: border-box;
}

body.body-public,
body.body-internal {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}

body.body-public :is(h1, h2, h3, h4, h5, h6),
body.body-internal :is(h1, h2, h3, h4, h5, h6),
body.body-public :is(p, li, td, th, label, .form-control, .btn),
body.body-internal :is(p, li, td, th, label, .form-control, .btn) {
  line-height: 1.45;
}

body.body-public :is(h1, h2, h3, h4, h5, h6, p, li, td, th, label, .btn, .badge),
body.body-internal :is(h1, h2, h3, h4, h5, h6, p, li, td, th, label, .btn, .badge) {
  overflow-wrap: anywhere;
}

body.body-public a,
body.body-internal a {
  text-underline-offset: 0.18em;
  text-decoration-thickness: 1px;
}

body.body-public :is(.btn, .dropdown-item, .smm-public-navbar__link, .public-navbar-menu__item, .navbar-brand, .mobile-sticky-cta__button),
body.body-internal :is(.btn, .dropdown-item, .component-navbar-nav-link, .component-sidebar__menu-item-link, .component-sidebar__menu-link, .navbar-brand, .balance-dropdown__toggle) {
  text-decoration: none !important;
}

body.body-public :is(.btn, .dropdown-item, .public-navbar-select, .smm-public-navbar__link, .public-navbar-menu__item),
body.body-internal :is(.btn, .dropdown-item, .public-navbar-select, .component-navbar-nav-link, .component-sidebar__menu-item-link, .component-sidebar__menu-link, .balance-dropdown__toggle) {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  line-height: 1.2;
}

body.body-public :is(.btn, .public-navbar-select),
body.body-internal :is(.btn, .public-navbar-select, .balance-dropdown__toggle) {
  justify-content: center;
}

body.body-public :is(.btn i, .btn .fa, .btn .fas, .btn .far, .btn .fab, .btn .fal, .menu-icon, .public-navbar-language-arrow),
body.body-internal :is(.btn i, .btn .fa, .btn .fas, .btn .far, .btn .fab, .btn .fal, .component-navbar-nav-link-icon, .component-navbar-nav-link-icon > span, .sidebar-block__menu-item-icon, .sidebar-block__menu-item-icon > span, .public-navbar-language-arrow, .card h4 > i, .private-stat-card > i, .services-page-icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  line-height: 1;
}

.smm-public-navbar__inner,
.smm-public-navbar__header,
.smm-public-navbar__panel,
.smm-public-navbar__links,
.public-navbar-tools,
.private-top-tools,
.private-nav-tools,
.private-currency,
.private-language-switcher {
  min-width: 0;
}

.smm-public-navbar__links,
.public-navbar-tools,
.private-top-tools,
.private-nav-tools {
  align-items: center;
}

.smm-public-navbar__link,
.public-navbar-select {
  position: relative;
  min-height: 42px;
  max-width: 100%;
  border-radius: var(--radius-sm);
  white-space: nowrap;
}

.smm-public-navbar__link::after {
  content: "";
  position: absolute;
  right: 0.72rem;
  bottom: 0.34rem;
  left: 0.72rem;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  opacity: 0;
  transform: scaleX(0.72);
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}

.smm-public-navbar__link:is(:hover, :focus-visible, .is-active, .component-navbar-nav-link-active__navbar-public)::after {
  opacity: 0.58;
  transform: scaleX(1);
}

.smm-public-navbar__link .menu-icon,
.public-navbar-menu__item .menu-icon {
  width: 1.15rem;
  height: 1.15rem;
  font-size: 0.95rem;
}

.public-navbar-menu {
  padding: 0.45rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

.public-navbar-menu__item,
.dropdown-menu .dropdown-item {
  min-height: 38px;
  width: 100%;
  justify-content: flex-start;
  border-radius: var(--radius-sm);
  white-space: normal;
}

.component-navbar-nav-link__navbar-private,
.component-sidebar__menu-item-link,
.component-sidebar__menu-link {
  width: 100%;
  min-height: 42px;
  padding: 0.62rem 0.82rem;
  border-radius: var(--radius-sm);
  white-space: normal;
}

.component-navbar-nav-link-icon,
.sidebar-block__menu-item-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.1);
}

.component-navbar-nav-link__navbar-private > :not(.component-navbar-nav-link-icon),
.component-sidebar__menu-item-link > :not(.sidebar-block__menu-item-icon),
.balance-dropdown__toggle > span,
.public-navbar-select > span {
  min-width: 0;
}

.private-menu-group__label {
  display: block;
  margin: 0.7rem 0 0.35rem;
  padding: 0 0.82rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.wrapper-content__body .container,
.wrapper-content__body .container-fluid,
.page-service .table-wr,
.services-filter-card,
.card,
.modal-content {
  min-width: 0;
}

.wrapper-content__body .card,
.services-filter-card,
.modal-content,
.dropdown-menu,
.select2-dropdown {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}

.card > :first-child,
.modal-content > :first-child {
  margin-top: 0;
}

.card > :last-child,
.modal-content > :last-child {
  margin-bottom: 0;
}

.card :is(h1, h2, h3, h4, h5, h6),
.modal-title {
  line-height: 1.22;
}

.card :is(.row, .input-group, .form-group, .table-responsive) {
  min-width: 0;
}

.form-group,
.mb-3 {
  min-width: 0;
}

label.control-label,
.form-group > label,
.services-filter-card label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.45rem;
  color: var(--text);
  font-weight: 700;
  line-height: 1.25;
}

.form-control,
.form-select,
.input-group .btn,
.category-picker__button,
.service-picker__button,
.search-dropdown__button,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
  min-height: 44px;
}

.input-group {
  align-items: stretch;
  flex-wrap: nowrap;
  min-width: 0;
}

.input-group > .form-control,
.input-group > .form-select {
  min-width: 0;
}

.input-group > .btn {
  flex: 0 0 auto;
}

.page-service #service-table {
  margin-bottom: 0;
}

.page-service #service-table :is(th, td) {
  vertical-align: middle;
}

.services-category {
  display: flex;
  align-items: center;
  gap: 0.72rem;
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: var(--radius-md);
}

.services-category strong {
  min-width: 0;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.services-page-service,
.services-modal-title {
  align-items: flex-start;
  gap: 0.66rem;
  min-width: 0;
}

.services-page-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  color: var(--primary);
  background: var(--primary-soft);
  border: 1px solid var(--border);
  border-radius: 7px;
}

.services-page-icon:empty::before {
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.86rem;
}

.services-page-icon--category:empty::before {
  content: "\f0ca";
}

.services-page-service__name {
  min-width: 0;
  line-height: 1.42;
  text-align: left;
  overflow-wrap: anywhere;
}

.page-service #service-table td[data-label="ID"] {
  white-space: nowrap;
}

.copy-inline-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-left: 0.35rem;
  padding: 0;
  border-radius: 10px;
  vertical-align: middle;
}

.page-service .badge,
.table .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  max-width: 100%;
  white-space: normal;
  text-align: center;
}

.modal-header,
.modal-footer {
  gap: 0.75rem;
}

.modal-footer .btn {
  min-width: 112px;
}

@media (min-width: 992px) {
  .smm-public-navbar__panel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
  }

  .smm-public-navbar__links {
    flex-wrap: wrap;
    justify-content: flex-end;
    row-gap: 0.35rem;
  }

  .public-navbar-tools {
    flex: 0 0 auto;
  }
}

@media (max-width: 991.98px) {
  .smm-public-navbar__header {
    width: 100%;
  }

  .smm-public-navbar [data-smm-nav-panel].is-open,
  .smm-public-navbar.is-nav-open [data-smm-nav-panel] {
    max-height: calc(100vh - 94px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .smm-public-navbar [data-smm-nav-panel].is-open .smm-public-navbar__links,
  .smm-public-navbar.is-nav-open [data-smm-nav-panel] .smm-public-navbar__links,
  .smm-public-navbar [data-smm-nav-panel].is-open .public-navbar-tools,
  .smm-public-navbar.is-nav-open [data-smm-nav-panel] .public-navbar-tools {
    width: 100%;
  }

  .private-top-tools {
    align-items: stretch;
  }

  .private-menu-groups,
  .private-menu-group__list,
  .private-currency,
  .private-language-switcher,
  .private-nav-tools {
    width: 100%;
  }

  .private-nav-tools {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .private-nav-tools .component-navbar-nav-link__navbar-private,
  .private-language-switcher .public-navbar-select,
  .balance-dropdown__toggle {
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .wrapper-content__body .container,
  .wrapper-content__body .container-fluid {
    padding-right: 14px;
    padding-left: 14px;
  }

  .wrapper-content__body .card,
  .services-filter-card {
    border-radius: var(--radius-md);
  }

  .services-filter-card .row > [class*="col-"],
  .services-filter-card .dropdown,
  .services-filter-card .btn,
  .services-filter-card .input-group {
    width: 100%;
  }

  .services-filter-card .dropdown-menu {
    width: 100%;
    max-height: 320px;
    overflow-y: auto;
  }

  .page-service #service-table tbody > tr:not(.services-list-category-title) {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-service #service-table tbody > tr:not(.services-list-category-title) > td {
    gap: 0.28rem;
  }

  .page-service #service-table tbody > tr:not(.services-list-category-title) > td,
  .page-service #service-table tbody > tr:not(.services-list-category-title) > td:nth-child(2),
  .page-service #service-table tbody > tr:not(.services-list-category-title) > td:last-child {
    grid-column: 1 / -1;
  }

  .services-category {
    padding: 0.85rem !important;
  }

  .services-page-service,
  .services-modal-title {
    gap: 0.55rem;
  }

  .modal-footer {
    display: grid;
    grid-template-columns: 1fr;
  }

  .modal-footer .btn {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .brand-logo {
    max-width: 172px;
    height: auto;
  }

  .smm-public-navbar__link,
  .public-navbar-select,
  .component-navbar-nav-link__navbar-private,
  .component-sidebar__menu-item-link,
  .component-sidebar__menu-link {
    min-height: 44px;
  }

  .private-dashboard-hero,
  .dashboard-welcome-card {
    text-align: left;
  }

  .private-dashboard-hero :is(h1, h2, h3),
  .dashboard-welcome-card :is(h1, h2, h3) {
    font-size: clamp(1.45rem, 7vw, 1.78rem);
  }

  .private-quick-actions,
  .private-stats-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .btn {
    white-space: normal;
  }

  .input-group {
    flex-wrap: nowrap;
  }

  .input-group > .btn {
    min-width: 46px;
    padding-right: 0.85rem;
    padding-left: 0.85rem;
  }

  .copy-inline-button {
    width: 30px;
    height: 30px;
  }
}

/* All-page legacy layout completion polish v20260627b */
body.body-internal .wrapper-content,
body.body-internal .wrapper-content__body,
body.body-internal .wrapper-content__body > [id^="block_"],
body.body-internal :is(.orders-history, .add-funds__form, .new_order-block, .addfunds-block, .affiliates-list, .theme-page-bg, .page-orders, .page-tickets, .transferfunds-page) {
  width: 100%;
  min-width: 0;
}

body.body-internal .wrapper-content__body {
  padding-top: clamp(1rem, 2vw, 1.5rem);
  padding-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

body.body-internal :is(.orders-history, .add-funds__form, .new_order-block, .addfunds-block, .affiliates-list) :is(.container, .container-fluid),
body.body-internal .wrapper-content__body > [id^="block_"] > :is(.container, .container-fluid) {
  width: min(100% - 2rem, 1320px);
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
}

body.body-internal :is(.component_card, .component_form_group, .component_radio_button, .component_button_search, .orders-history__margin-search, .orders-history__margin-tab, .orders-history__margin-table, .affiliates-info__alignment, .affiliate-list__alignment, .add-funds__form-alignment, .new-order-form, .addfunds-form, .ticket-form__alignment) {
  width: 100%;
  min-width: 0;
}

body.body-internal :is(.orders-history__margin-search, .orders-history__margin-tab, .orders-history__margin-table) {
  margin-bottom: var(--space-4);
}

body.body-internal :is(.component_status_tabs, .orders-history__margin-search .card, .component_card > .card, .component_form_group > .card) {
  width: 100%;
}

body.body-internal :is(.component_status_tabs, .orders-history__margin-search .card) {
  padding: var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-xs);
}

body.body-internal .component_status_tabs > :last-child,
body.body-internal .orders-history__margin-search .card > :last-child {
  margin-bottom: 0;
}

body.body-internal .card .card,
body.body-internal .component_card .card .card,
body.body-internal .panel-card .card {
  border-color: rgba(148, 163, 184, 0.22);
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(255, 255, 255, 0.98));
  box-shadow: none;
}

body.body-internal :is(ul.nav.nav-pills.tab, .component_status_tabs .nav-pills, .component_status_tabs .tab) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0 0 var(--space-4);
  padding: 0;
  list-style: none;
}

body.body-internal :is(ul.nav.nav-pills.tab, .component_status_tabs .nav-pills, .component_status_tabs .tab) > li,
body.body-internal .pagination > li,
body.body-internal .custom-pagination > li,
body.body-internal .component_pagination li {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.body-internal :is(ul.nav.nav-pills.tab, .component_status_tabs .nav-pills, .component_status_tabs .tab) .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0.55rem 0.9rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  color: var(--text);
  background: var(--surface);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.15;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: var(--shadow-xs);
}

body.body-internal :is(ul.nav.nav-pills.tab, .component_status_tabs .nav-pills, .component_status_tabs .tab) .nav-link:is(:hover, :focus-visible) {
  color: var(--primary);
  border-color: rgba(37, 99, 235, 0.34);
  background: var(--primary-soft);
}

body.body-internal :is(ul.nav.nav-pills.tab, .component_status_tabs .nav-pills, .component_status_tabs .tab) .nav-link.active {
  color: #ffffff;
  border-color: transparent;
  background: var(--gradient-brand);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18);
}

body.body-internal :is(.table-bg, .component_table, .component_table_statistics, .affiliates-info__data-table, .component_table_link, .affiliate-block__table-payments) {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-xs);
}

body.body-internal :is(.table-bg, .component_table, .component_table_statistics, .affiliates-info__data-table, .component_table_link, .affiliate-block__table-payments) .table-wr {
  border: 0;
  border-radius: inherit;
  box-shadow: none;
}

body.body-internal .table-wr.table-responsive {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.body-internal :is(.component_table, .table-bg, .component_table_statistics, .affiliates-info__data-table) table.table {
  width: 100%;
  min-width: 760px;
  margin-bottom: 0;
  table-layout: auto;
}

body.body-internal .component_table_link table.table {
  min-width: 100%;
}

body.body-internal table.table :is(th, td) {
  max-width: 360px;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

body.body-internal table.table :is(.nowrap, [nowrap]) {
  white-space: nowrap !important;
}

body.body-internal table.table :is(td.link, .hideextra, td a[target="_blank"], td[data-label*="Link"], td[data-label*="link"]) {
  max-width: min(420px, 54vw);
  overflow: hidden;
  text-overflow: ellipsis;
}

body.body-internal table.table td a[target="_blank"] {
  display: inline-block;
  vertical-align: middle;
}

body.body-internal :is(.btn-actions, .btn-sp, .page-actions, .pagination > li > a, .custom-pagination > li > a, .component_pagination a) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  padding: 0.45rem 0.7rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: var(--surface);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: var(--shadow-xs);
}

body.body-internal :is(.btn-actions, .btn-sp, .page-actions, .pagination > li > a, .custom-pagination > li > a, .component_pagination a):is(:hover, :focus-visible) {
  color: var(--primary);
  border-color: rgba(37, 99, 235, 0.34);
  background: var(--primary-soft);
}

body.body-internal :is(.pagination > .active > a, .pagination > li.active > a, .custom-pagination > .active > a, .custom-pagination > li.active > a, .component_pagination .active > a) {
  color: #ffffff;
  border-color: transparent;
  background: var(--gradient-brand);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18);
}

body.body-internal :is(.pagination, .custom-pagination, .component_pagination ul) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  margin: var(--space-4) 0 0;
  padding: 0;
  list-style: none;
}

body.body-internal form#history-search .input-group,
body.body-internal .component_button_search .input-group,
body.body-internal .orders-history__margin-search .input-group {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

body.body-internal :is(.input-group-append, .input-group-prepend) {
  display: flex;
  flex: 0 0 auto;
}

body.body-internal :is(.input-group-text, .input-group-append .btn, .input-group-prepend .btn) {
  min-height: 44px;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

body.body-internal .alert {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  min-width: 0;
}

body.body-internal .alert .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-left: auto;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  color: inherit;
  background: rgba(255, 255, 255, 0.45);
  font-size: 1.15rem;
  line-height: 1;
}

body.body-internal :is(.affiliate-block__table-payments, .component_table_statistics, .affiliates-info__data-table) {
  margin-bottom: var(--space-4);
}

body.body-internal :is(.ticket-panel__header, .ticket-panel__header--split, .transfer-content-card__header, .signup-card__header) {
  min-width: 0;
}

body.body-internal :is(.ticket-panel__header, .ticket-panel__header--split, .transfer-content-card__header) > * {
  min-width: 0;
}

body.body-internal :is(.badge, .order-status, .order-status-pill) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 28px;
  white-space: normal;
  text-align: center;
}

body.body-internal :is(.width-40, .width-service-name) {
  min-width: 0;
}

body.body-internal :is(.divider-top, .divider-bottom, .bg):empty {
  display: none;
}

body.body :is(.empty-state-card) {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
}

body.body :is(.empty-state-card__icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  color: var(--primary);
  background: var(--primary-soft);
  font-size: 1.15rem;
}

@media (max-width: 575.98px) {
  body.body :is(.empty-state-card) {
    grid-template-columns: minmax(0, 1fr);
    text-align: left;
  }
}

body.body-public :is(.content-page, .legal-page, .page-blog, .signup-page) :is(.card, .panel-card, .legal-card, .blog-card, .blog-intro-card, .signup-card, .signup-content-card),
body.body-public :is(.trust-payment-card, .faq-block__card, .review-card) {
  min-width: 0;
}

body.body-public :is(.content-page, .legal-page, .page-blog, .signup-page) :is(.btn, .blog-card__button),
body.body-public :is(.trust-payment-card a, .faq-block__button) {
  text-decoration: none !important;
}

@media (max-width: 991.98px) {
  body.body-internal :is(.orders-history, .add-funds__form, .new_order-block, .addfunds-block, .affiliates-list) :is(.container, .container-fluid),
  body.body-internal .wrapper-content__body > [id^="block_"] > :is(.container, .container-fluid) {
    width: min(100% - 1.5rem, 100%);
  }

  body.body-internal :is(.component_status_tabs, .orders-history__margin-search .card) {
    padding: var(--space-3);
  }
}

@media (max-width: 767.98px) {
  body.body-internal .wrapper-content__body {
    padding-top: 0.85rem;
  }

  body.body-internal :is(.orders-history, .add-funds__form, .new_order-block, .addfunds-block, .affiliates-list) :is(.container, .container-fluid),
  body.body-internal .wrapper-content__body > [id^="block_"] > :is(.container, .container-fluid) {
    width: 100%;
    padding-right: 14px;
    padding-left: 14px;
  }

  body.body-internal :is(ul.nav.nav-pills.tab, .component_status_tabs .nav-pills, .component_status_tabs .tab) {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 0.25rem;
    scrollbar-width: thin;
  }

  body.body-internal :is(ul.nav.nav-pills.tab, .component_status_tabs .nav-pills, .component_status_tabs .tab) .nav-link {
    min-height: 38px;
    padding-right: 0.78rem;
    padding-left: 0.78rem;
    font-size: 0.84rem;
  }

  body.body-internal :is(.component_table, .table-bg, .component_table_statistics, .affiliates-info__data-table) table.table {
    min-width: 700px;
  }

  body.body-internal table.table :is(th, td) {
    max-width: 280px;
    padding-right: 0.72rem;
    padding-left: 0.72rem;
    font-size: 0.86rem;
  }

  body.body-internal :is(.pagination, .custom-pagination, .component_pagination ul) {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 0.25rem;
    scrollbar-width: thin;
  }

  body.body-internal :is(.btn-actions, .btn-sp, .page-actions, .pagination > li > a, .custom-pagination > li > a, .component_pagination a) {
    min-width: 36px;
    min-height: 36px;
    padding: 0.42rem 0.62rem;
    font-size: 0.84rem;
  }

  body.body-internal form#history-search .input-group,
  body.body-internal .component_button_search .input-group,
  body.body-internal .orders-history__margin-search .input-group {
    flex-wrap: nowrap;
  }

  body.body-internal form#history-search .form-control,
  body.body-internal .component_button_search .form-control {
    min-width: 0;
  }

  body.body-internal :is(.input-group-append .btn, .input-group-prepend .btn) {
    min-width: 46px;
    padding-right: 0.85rem;
    padding-left: 0.85rem;
  }

  body.body-internal :is(.ticket-panel__header--split, .transfer-content-card__header) {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 575.98px) {
  body.body-internal :is(.wrapper-content__body .card, .panel-card, .ticket-panel, .ticket-help-card, .api-doc-card, .table-bg, .component_table, .component_table_statistics, .component_status_tabs, .orders-history__margin-search .card) {
    border-radius: 12px;
  }

  body.body-internal :is(.wrapper-content__body .card, .panel-card, .ticket-panel, .ticket-help-card, .api-doc-card, .component_status_tabs, .orders-history__margin-search .card) {
    padding: 1rem;
  }

  body.body-internal :is(.btn, .btn-actions, .btn-sp, .page-actions) {
    max-width: 100%;
  }

  body.body-internal table.table :is(th, td) {
    max-width: 240px;
  }

  body.body-internal :is(.alert, .modal-header, .modal-footer) {
    align-items: stretch;
  }
}

/* Internal shell position repair v20260628a */
body.body-internal .wrapper-content {
  box-sizing: border-box;
  width: calc(100% - var(--sidebar-width));
  max-width: calc(100% - var(--sidebar-width));
  margin-left: var(--sidebar-width);
  overflow-x: clip;
}

body.body-internal .wrapper-content__footer {
  box-sizing: border-box;
  width: calc(100% - var(--sidebar-width));
  max-width: calc(100% - var(--sidebar-width));
  margin-left: var(--sidebar-width);
}

@supports not (overflow: clip) {
  body.body-internal .wrapper-content {
    overflow-x: hidden;
  }
}

@media (max-width: 991.98px) {
  body.body-internal .wrapper-content,
  body.body-internal .wrapper-content__footer {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
}

/* No underline anywhere v20260627c */
body.body-public :is(a, a:hover, a:focus, a:focus-visible, a:active, a:visited, button, .btn, .nav-link, .dropdown-item, .page-actions, .mobile-sticky-cta__button, .blog-card__button, .faq-block__button, .smm-public-navbar__link, .public-navbar-menu__item, .navbar-brand),
body.body-internal :is(a, a:hover, a:focus, a:focus-visible, a:active, a:visited, button, .btn, .nav-link, .dropdown-item, .page-actions, .btn-sp, .btn-actions, .component-navbar-nav-link, .component-sidebar__menu-item-link, .component-sidebar__menu-link, .balance-dropdown__toggle, .public-navbar-select, .navbar-brand),
body.body-public :is(.table a, .card a, .footer a, .legal-card a, .blog-detail__content a, .blog-back-link),
body.body-internal :is(.table a, .card a, .ticket-dialog__row-message a, .api-doc-card a, .panel-card a, .table-bg a, .component_table a, .component_pagination a) {
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-color: transparent !important;
  text-decoration-thickness: 0 !important;
}

body.body-public :is(a, button, .btn, .nav-link, .dropdown-item, .page-actions, .smm-public-navbar__link, .public-navbar-menu__item),
body.body-internal :is(a, button, .btn, .nav-link, .dropdown-item, .page-actions, .btn-sp, .btn-actions, .component-navbar-nav-link, .component-sidebar__menu-item-link, .component-sidebar__menu-link) {
  text-underline-offset: 0 !important;
}

.smm-public-navbar__link::after,
.smm-public-navbar__link:is(:hover, :focus-visible, .is-active, .component-navbar-nav-link-active__navbar-public)::after,
body.body-public .smm-public-navbar__link::after,
body.body-public .component-navbar-nav-link__navbar-public::after,
body.body-internal .component-navbar-nav-link__navbar-private::after,
body.body-internal .component-sidebar__menu-item-link::after,
body.body-internal :is(.nav-link, .page-actions, .btn-sp, .btn-actions)::after {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  content: none !important;
  background: transparent !important;
}



/* SmmDadPrime 2026 — optional maintenance page
   Load this file only on a standalone maintenance route. */

.maintenance-page {
  display: grid;
  min-height: 100vh;
  padding: clamp(1rem, 4vw, 2.5rem);
  overflow: hidden;
  place-items: center;
  color: var(--text);
  background:
    radial-gradient(circle at 12% 12%, rgba(37, 99, 235, 0.18), transparent 30rem),
    radial-gradient(circle at 88% 82%, rgba(124, 58, 237, 0.14), transparent 28rem),
    var(--page-bg);
}

.maintenance-card {
  width: min(100%, 680px);
  padding: clamp(1.4rem, 5vw, 2.5rem);
  text-align: center;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  backdrop-filter: blur(18px);
}

.maintenance-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  margin-bottom: 1.25rem;
  color: #ffffff;
  background: var(--gradient-brand);
  border-radius: var(--radius-lg);
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.22);
  font-size: 1.8rem;
}

.maintenance-card h1 {
  margin-bottom: 0.75rem;
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 860;
  letter-spacing: 0;
}

.maintenance-card p {
  width: min(100%, 540px);
  margin: 0 auto 1.25rem;
  color: var(--text-muted);
  line-height: 1.75;
}

.maintenance-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem;
  margin-bottom: 1.25rem;
}

.maintenance-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  gap: 0.4rem;
  padding: 0.4rem 0.65rem;
  color: var(--brand-700);
  background: var(--brand-50);
  border: 1px solid var(--brand-100);
  border-radius: var(--radius-pill);
  font-size: 0.76rem;
  font-weight: 750;
}

.maintenance-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.65rem;
}

@media (max-width: 575.98px) {
  .maintenance-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .maintenance-actions .btn {
    width: 100%;
  }
}




/* Orders page responsive improvement for tighter screens v202606281810 */
@media (max-width: 991.98px) {
  body.body-internal .page-orders .table-wr.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.body-internal .page-orders .table {
    width: 100%;
    min-width: 760px;
    table-layout: auto;
  }

  body.body-internal .page-orders table.table :is(th, td) {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    font-size: 0.82rem;
  }

  body.body-internal .page-orders table.table :is(.nowrap, [nowrap]) {
    white-space: normal;
  }

  body.body-internal .page-orders table.table :is(.hideextra, td a[target=_blank], td[data-label*=Link], td[data-label*=link]) {
    max-width: 220px;
    white-space: normal;
    text-overflow: clip;
    overflow: visible;
  }
}

@media (max-width: 575.98px) {
  body.body-internal .page-orders .table-wr.table-responsive {
    overflow-x: visible;
    padding-bottom: 0;
  }

  body.body-internal .page-orders .table thead {
    display: none;
  }

  body.body-internal .page-orders .table tbody,
  body.body-internal .page-orders .table tbody tr {
    display: block;
    width: 100%;
  }

  body.body-internal .page-orders .table tbody tr {
    display: grid;
    gap: 0.55rem;
    margin-bottom: 0.75rem;
    padding: 0.82rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    box-shadow: var(--shadow-xs);
  }

  body.body-internal .page-orders .table tbody tr td {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }

  body.body-internal .page-orders .table tbody tr td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 0.22rem;
    color: var(--text-muted);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  body.body-internal .page-orders .table tbody tr td:not([data-label])::before {
    content: none;
    margin-bottom: 0;
  }

  body.body-internal .page-orders .table tbody tr td.text-end {
    text-align: left;
  }

  body.body-internal .page-orders .table tbody tr td .btn {
    width: 100%;
    max-width: 230px;
  }

  body.body-internal .page-orders .table tbody tr td .btn + .btn {
    margin-top: 0.42rem;
  }

  body.body-internal .page-orders .table tbody tr td[data-label="Order ID"] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
  }

  body.body-internal .page-orders .table tbody tr td[data-label="Order ID"]::before {
    margin-bottom: 0;
  }

}

@media (max-width:575.98px){.api-doc-card table.table{table-layout:fixed!important}.api-doc-card table.table th,.api-doc-card table.table td{width:auto!important;min-width:0!important}.api-doc-card table.table .width-40,.api-doc-card table.table th.width-40,.api-doc-card table.table td.width-40{width:42%!important;min-width:0!important}.api-doc-card table.table td,.api-doc-card table.table th{word-break:normal!important;overflow-wrap:anywhere!important}}

/* SmmDad mobile no-horizontal-table layout v202606280345 */
@media (max-width: 767.98px) {
  body.body .table-wr,
  body.body .table-responsive,
  body.body .component_table,
  body.body .table-bg,
  body.body .custom-table,
  body.body .ticket-table-wrap,
  body.body .orders-history__margin-table {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body.body table.table,
  body.body .table,
  body.body .custom-table table.table,
  body.body-internal .page-orders .table,
  body.body-internal :is(.component_table, .table-bg, .component_table_statistics, .affiliates-info__data-table) table.table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
  }

  body.body table.ui-kv-table thead {
    display: none;
  }

  body.body table.ui-kv-table tbody,
  body.body table.ui-kv-table tr,
  body.body table.ui-kv-table td {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.body table.ui-kv-table tbody tr {
    padding: 0.72rem;
    margin-bottom: 0.75rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-xs);
  }

  body.body table.ui-kv-table tbody tr:last-child {
    margin-bottom: 0;
  }

  body.body table.ui-kv-table td {
    display: grid;
    grid-template-columns: minmax(96px, 42%) minmax(0, 1fr);
    align-items: start;
    gap: 0.65rem;
    padding: 0.46rem 0 !important;
    color: var(--text);
    border: 0 !important;
    border-bottom: 1px solid var(--border) !important;
    font-size: 0.84rem;
    line-height: 1.45;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    text-align: left !important;
  }

  body.body table.ui-kv-table td:last-child {
    border-bottom: 0 !important;
  }

  body.body table.ui-kv-table td[data-label]::before {
    content: attr(data-label) " :";
    color: var(--text-muted);
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
  }

  body.body table.ui-kv-table td:not([data-label]) {
    display: block;
  }

  body.body table.ui-kv-table td[colspan] {
    display: block;
    text-align: center !important;
  }

  body.body table.ui-kv-table.ui-kv-pair-table td[data-kv-key] {
    display: none !important;
  }

  body.body table.ui-kv-table.ui-kv-pair-table td[data-label] {
    display: grid !important;
  }

  body.body table.ui-kv-table :is(a, .hideextra, .link, [data-label*="Link"], [data-label*="link"]) {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
  }
}
/* SmmDad mobile table width correction v202606280355 */
@media (max-width: 767.98px) {
  body.body .custom-table,
  body.body .table-wr,
  body.body .table-responsive,
  body.body .orders-history__margin-table {
    min-width: 0 !important;
  }

  body.body table.ui-kv-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* SmmDad structured responsive text and tables v202606280455 */
body.body :is(.page-title, .page-heading, .card-title, .card-header h1, .card-header h2, .card-header h3, .panel-heading, main h1, main h2, main h3) {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

body.body :is(.page-title, .page-heading, main h1, main h2, .card-title):not(.no-heading-icon) {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

body.body :is(.page-title, .page-heading, main h1, main h2, .card-title, .panel-heading):not(.no-heading-icon)::before {
  content: "";
  display: inline-block;
  width: 0.66em;
  height: 0.66em;
  flex: 0 0 auto;
  border-radius: 0.24em;
  background: linear-gradient(135deg, var(--brand-500, #2563eb), var(--accent, #14b8a6));
  box-shadow: 0 0 0 0.16em rgba(37, 99, 235, 0.12);
  margin-right: 0.55rem;
  vertical-align: -0.04em;
}

body.body :is(.page-title, .page-heading, main h1, main h2, .card-title):not(.no-heading-icon)::before {
  margin-right: 0;
}

body.body :is(.card, .panel, .well, .component_card, .component_table, .table-bg, .form-group, .input-group, .row, [class*="col-"]) {
  min-width: 0;
}

body.body :is(a, p, span, small, strong, label, td, th, pre, code, .alert, .badge, .form-control, .dropdown-item, .btn) {
  max-width: 100%;
  overflow-wrap: anywhere;
}

body.body :is(pre, code, .api-doc-card pre, .api-doc-card code) {
  white-space: pre-wrap;
  word-break: break-word;
}

body.body :is(img, svg, video, canvas, iframe) {
  max-width: 100%;
}

@media (max-width: 767.98px) {
  html,
  body.body {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body.body :is(.container, .container-fluid, .wrapper-content, .wrapper-content__body, .wrapper-content__footer, .content, main, section, .card, .panel, .modal-dialog, .dropdown-menu) {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.body .row {
    max-width: 100%;
    min-width: 0;
  }

  body.body :is(input, select, textarea, .form-control, .select2, .select2-container, .bootstrap-select, .btn-group, .dropdown, .dropdown-menu) {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.body table.ui-kv-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  body.body table.ui-kv-table td {
    grid-template-columns: minmax(96px, 40%) minmax(0, 1fr);
  }

  body.body table.ui-kv-table td[data-label]::before {
    line-height: 1.35;
  }

  body.body table.ui-kv-table :is(.badge, .btn, button, .label) {
    white-space: normal !important;
  }

  body.body table.ui-kv-table.ui-kv-pair-table td[data-kv-key] {
    display: none !important;
  }

  body.body .table-wr:has(table.ui-kv-table),
  body.body .table-responsive:has(table.ui-kv-table),
  body.body .component_table:has(table.ui-kv-table),
  body.body .table-bg:has(table.ui-kv-table) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* SmmDad ultra-small viewport width clamp v202606280515 */
@media (max-width: 575.98px) {
  body.body,
  body.body-public,
  body.body-internal {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body.body :is(.wrapper, .wrapper-navbar, .wrapper-content, .wrapper-content__body, .wrapper-content__footer, .site-navbar, .smm-public-navbar, .block-wrapper, .component_navbar, .component-navbar__wrapper, .component-navbar-public, .component-navbar-private__wrapper, .component-private-navbar-shell) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.body :is(.smm-public-navbar__inner, .smm-public-navbar__header, .smm-public-navbar__panel, .smm-public-navbar__links, .public-navbar-tools, .private-top-tools, .private-nav-tools, .private-menu-groups, .private-menu-group__list) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.body :is(.modal-dialog, .modal[id^="servis"].show .modal-dialog) {
    width: auto !important;
    max-width: calc(100% - 1rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.body :is(.hideextra, .nowrap, [nowrap], [style*="white-space: nowrap"]) {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}

/* SmmDad no-missing-mobile-fields and no-pagination-scroll v202606280700 */
@media (max-width: 767.98px) {
  body.body table.ui-kv-table :is(td, th).d-none,
  body.body table.ui-kv-table :is(td, th).d-md-none,
  body.body table.ui-kv-table :is(td, th).d-lg-none,
  body.body table.ui-kv-table :is(td, th).d-xl-none,
  body.body table.ui-kv-table :is(td, th).d-md-table-cell,
  body.body table.ui-kv-table :is(td, th).d-lg-table-cell,
  body.body table.ui-kv-table :is(td, th).d-xl-table-cell {
    display: grid !important;
  }

  body.body table.ui-kv-table thead :is(th, td).d-none,
  body.body table.ui-kv-table thead :is(th, td).d-md-table-cell,
  body.body table.ui-kv-table thead :is(th, td).d-lg-table-cell,
  body.body table.ui-kv-table thead :is(th, td).d-xl-table-cell {
    display: none !important;
  }

  body.body :is(.pagination, .custom-pagination, .component_pagination, .component_pagination ul) {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 0.35rem !important;
    overflow-x: hidden !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.body :is(.pagination, .custom-pagination, .component_pagination, .component_pagination ul) > :is(li, div) {
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.body :is(.pagination, .custom-pagination, .component_pagination) :is(a, .page-actions, .btn-sp, .page-link) {
    min-width: 34px !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
}

/* SmmDad submit messages and orders cards v202606281930 */
body.body-internal .neworder-submit-message.alert {
  display: block;
  width: 100%;
  padding: 1rem;
  overflow: hidden;
}

body.body-internal .neworder-instant-message {
  margin-bottom: 1rem;
  border-color: rgba(37, 99, 235, .26);
  background: color-mix(in srgb, var(--primary) 10%, var(--surface));
}

body.body-internal .neworder-submit-message .ui-kv-title {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: .6rem;
}

body.body-internal :is(.ui-kv-list, .neworder-submit-message .ui-kv-list) {
  display: grid;
  gap: .48rem;
  width: 100%;
  min-width: 0;
}

body.body-internal :is(.ui-kv-list, .neworder-submit-message .ui-kv-list) .ui-kv-row {
  display: grid;
  grid-template-columns: minmax(118px, 34%) minmax(0, 1fr);
  align-items: start;
  gap: .7rem;
  padding-bottom: .45rem;
  border-bottom: 1px solid var(--border-soft);
}

body.body-internal :is(.ui-kv-list, .neworder-submit-message .ui-kv-list) .ui-kv-row:last-child {
  border-bottom: 0;
}

body.body-internal :is(.ui-kv-list, .neworder-submit-message .ui-kv-list) .ui-kv-label {
  display: inline-flex;
  align-items: start;
  color: var(--text-muted);
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.45;
  text-transform: uppercase;
}

body.body-internal :is(.ui-kv-list, .neworder-submit-message .ui-kv-list) .ui-kv-label::after {
  content: " :";
}

body.body-internal :is(.ui-kv-list, .neworder-submit-message .ui-kv-list) .ui-kv-value {
  min-width: 0;
  color: var(--text);
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.body-internal .neworder-submit-message :is(a, span, strong, .ui-kv-value, .order-status-pill) {
  max-width: 100%;
}

@media (max-width: 991.98px) {
  body.body-internal .page-orders .table-wr.table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    padding-bottom: 0;
  }

  body.body-internal .page-orders table.ui-kv-table,
  body.body-internal .page-orders table.ui-kv-table tbody,
  body.body-internal .page-orders table.ui-kv-table tr {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.body-internal .page-orders table.ui-kv-table thead {
    display: none !important;
  }

  body.body-internal .page-orders table.ui-kv-table tbody tr {
    padding: .84rem;
    margin-bottom: .78rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    box-shadow: var(--shadow-sm);
  }

  body.body-internal .page-orders table.ui-kv-table td,
  body.body-internal .page-orders table.ui-kv-table :is(td, th).d-none,
  body.body-internal .page-orders table.ui-kv-table :is(td, th).d-md-table-cell,
  body.body-internal .page-orders table.ui-kv-table :is(td, th).d-lg-table-cell {
    display: grid !important;
    grid-template-columns: minmax(108px, 34%) minmax(0, 1fr);
    align-items: start;
    gap: .65rem;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: .48rem 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-soft) !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.body-internal .page-orders table.ui-kv-table td:last-child {
    border-bottom: 0 !important;
  }

  body.body-internal .page-orders table.ui-kv-table td[data-label]::before {
    content: attr(data-label) " :";
    color: var(--text-muted);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.35;
    text-transform: uppercase;
  }

  body.body-internal .page-orders table.ui-kv-table :is(a, .hideextra, .nowrap, .order-status-pill, .copy-inline-button) {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.body-internal .page-orders table.ui-kv-table td.text-end {
    text-align: left !important;
  }

  body.body-internal .page-orders table.ui-kv-table td[data-label="Actions"] {
    align-items: center;
  }

  body.body-internal .page-orders table.ui-kv-table td[data-label="Actions"] .btn {
    width: 100%;
    max-width: 220px;
  }
}

@media (max-width: 380px) {
  body.body-internal :is(.ui-kv-list, .neworder-submit-message .ui-kv-list) .ui-kv-row {
    grid-template-columns: minmax(92px, 40%) minmax(0, 1fr);
    gap: .55rem;
  }

  body.body-internal :is(.ui-kv-list, .neworder-submit-message .ui-kv-list) .ui-kv-label {
    font-size: .68rem;
  }
}

@keyframes smmdad-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* 2026-07-01: orders page readable text wrapping */
body.body-internal .page-orders,
body.body-internal .page-orders :is(a, p, span, small, strong, label, td, th, .badge, .btn, button) {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: manual !important;
}

body.body-internal .page-orders :is(.btn, button, .order-status-pill, .copy-inline-button) {
  white-space: nowrap !important;
}

body.body-internal .page-orders table.ui-kv-table :is(td, th) {
  word-break: normal !important;
  overflow-wrap: normal !important;
}

body.body-internal .page-orders table.ui-kv-table :is(td[data-label="Link"] a, td[data-label="Service"] .hideextra) {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
}

@media (max-width: 991.98px) {
  body.body-internal .page-orders table.ui-kv-table td,
  body.body-internal .page-orders table.ui-kv-table :is(td, th).d-none,
  body.body-internal .page-orders table.ui-kv-table :is(td, th).d-md-table-cell,
  body.body-internal .page-orders table.ui-kv-table :is(td, th).d-lg-table-cell {
    grid-template-columns: minmax(112px, 36%) minmax(0, 1fr) !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.body-internal .page-orders table.ui-kv-table td[data-label]::before {
    min-width: 0;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.body-internal .page-orders table.ui-kv-table td[data-label="Actions"] .btn {
    width: auto;
    max-width: 100%;
  }
}

@media (max-width: 380px) {
  body.body-internal .page-orders table.ui-kv-table td,
  body.body-internal .page-orders table.ui-kv-table :is(td, th).d-none,
  body.body-internal .page-orders table.ui-kv-table :is(td, th).d-md-table-cell,
  body.body-internal .page-orders table.ui-kv-table :is(td, th).d-lg-table-cell {
    grid-template-columns: minmax(98px, 38%) minmax(0, 1fr) !important;
    gap: 0.5rem !important;
  }
}

body.body-internal .submit-btn.loading .btn-text,
body.body-internal .submit-btn.is-loading .btn-text {
  display: none;
}

body.body-internal .submit-btn.loading .btn-loader,
body.body-internal .submit-btn.is-loading .btn-loader {
  display: inline-block !important;
}

body.body-internal .submit-btn :is(.btn-loader span) {
  animation-name: smmdad-spin;
  animation-duration: .6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* 2026-06-29: compact public content spacing for Terms, Privacy and Blog pages */
body.body-public :is(.legal-page, .blog-page, .public-page) {
  --public-page-gap: clamp(0.85rem, 1.8vw, 1.35rem);
}

body.body-public :is(.legal-page, .blog-page) .wrapper-content,
body.body-public .wrapper-content:is(.legal-page, .blog-page, .legal-page--terms, .legal-page--privacy) {
  padding-top: clamp(1rem, 2.4vw, 1.75rem);
  padding-bottom: clamp(1.5rem, 3vw, 2.4rem);
}

body.body-public :is(.legal-hero, .blog-hero, .page-hero) {
  margin-bottom: var(--public-page-gap);
  padding-top: clamp(1rem, 2.4vw, 1.8rem);
  padding-bottom: clamp(1rem, 2.4vw, 1.8rem);
}

body.body-public :is(.legal-section, .blog-section, .page-section) {
  margin-top: var(--public-page-gap);
  margin-bottom: var(--public-page-gap);
}

body.body-public :is(.legal-content, .blog-content, .page-content),
body.body-public :is(.legal-card, .blog-card, .post-card, .terms-box) {
  gap: clamp(0.75rem, 1.6vw, 1.15rem);
}

body.body-public :is(.legal-card, .blog-card, .post-card, .terms-box) {
  padding-top: clamp(1rem, 2vw, 1.45rem);
  padding-bottom: clamp(1rem, 2vw, 1.45rem);
  margin-bottom: clamp(0.8rem, 1.6vw, 1.2rem);
}

body.body-public :is(.legal-card, .blog-card, .post-card, .terms-box) > :last-child {
  margin-bottom: 0;
}

body.body-public :is(.legal-card, .terms-box, .blog-card, .post-card) :is(h1, h2, h3, h4, p, ul, ol) {
  margin-top: 0;
}

body.body-public :is(.legal-card, .terms-box, .blog-card, .post-card) :is(p, ul, ol) {
  margin-bottom: 0.75rem;
}

@media (max-width: 575.98px) {
  body.body-public :is(.legal-page, .blog-page) .wrapper-content,
  body.body-public .wrapper-content:is(.legal-page, .blog-page, .legal-page--terms, .legal-page--privacy) {
    padding-top: 0.85rem;
    padding-bottom: 1.25rem;
  }

  body.body-public :is(.legal-hero, .blog-hero, .page-hero) {
    margin-bottom: 0.85rem;
  }
}

/* Blog page class compatibility */
body.body-public .wrapper-content.page-blog {
  --public-page-gap: clamp(0.85rem, 1.8vw, 1.35rem);
  padding-top: clamp(1rem, 2.4vw, 1.75rem);
  padding-bottom: clamp(1.5rem, 3vw, 2.4rem);
}

body.body-public .page-blog :is(.blog-hero, .blog-section) {
  margin-top: var(--public-page-gap);
  margin-bottom: var(--public-page-gap);
}

body.body-public .page-blog :is(.blogger-layout, .blogger-feed, .blogger-sidebar) {
  gap: clamp(0.85rem, 1.7vw, 1.35rem);
}

body.body-public .page-blog :is(.blog-card, .blogger-widget) {
  padding-top: clamp(1rem, 2vw, 1.45rem);
  padding-bottom: clamp(1rem, 2vw, 1.45rem);
  margin-bottom: clamp(0.8rem, 1.6vw, 1.2rem);
}

@media (max-width: 575.98px) {
  body.body-public .wrapper-content.page-blog {
    padding-top: 0.85rem;
    padding-bottom: 1.25rem;
  }
}

/* 2026-06-29: keep Terms, Privacy and Blog spacing aligned with the Services page */
body.body-public :is(.legal-page, .page-blog) {
  padding-top: clamp(1rem, 2.5vw, 2rem) !important;
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
}

body.body-public :is(.legal-page, .page-blog) :is(.legal-hero, .blog-hero) {
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
  padding: clamp(1.1rem, 2.2vw, 1.5rem) !important;
  border-radius: var(--radius-xl, 1.25rem);
  background: var(--surface, #ffffff);
  border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
  box-shadow: var(--shadow-card, 0 18px 45px rgba(15, 23, 42, 0.08));
}

body.body-public :is(.legal-page, .page-blog) :is(.legal-section, .blog-section) {
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
}

body.body-public :is(.legal-page, .page-blog) :is(.legal-content, .blogger-layout, .blogger-feed, .blogger-sidebar) {
  gap: 1.5rem !important;
}

body.body-public :is(.legal-page, .page-blog) :is(.legal-card, .legal-sidebar__card, .blog-card, .blogger-widget, .terms-box, .privacy-box) {
  margin-bottom: 1.5rem !important;
  padding: clamp(1.1rem, 2.2vw, 1.5rem) !important;
}

body.body-public :is(.legal-page, .page-blog) :is(.legal-card, .legal-sidebar__card, .blog-card, .blogger-widget, .terms-box, .privacy-box) > :last-child {
  margin-bottom: 0 !important;
}

body.body-public :is(.legal-page, .page-blog) :is(.legal-card, .legal-sidebar__card, .blog-card, .blogger-widget, .terms-box, .privacy-box) :is(p, ul, ol) {
  margin-bottom: 1rem !important;
}

@media (max-width: 575.98px) {
  body.body-public :is(.legal-page, .page-blog) {
    padding-top: 1rem !important;
    padding-bottom: 2rem !important;
  }

  body.body-public :is(.legal-page, .page-blog) :is(.legal-hero, .blog-hero, .legal-section, .blog-section, .legal-card, .legal-sidebar__card, .blog-card, .blogger-widget, .terms-box, .privacy-box) {
    margin-bottom: 1rem !important;
  }
}

/* 2026-06-29: remove white hero containers from Terms, Privacy and Blog pages */
body.body-public :is(.legal-page, .page-blog) :is(.legal-hero, .blog-hero) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.body-public :is(.legal-page, .page-blog) :is(.legal-hero__content, .blog-hero__content) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 2026-06-29: restore blue hero background while keeping the inner white container removed */
body.body-public :is(.legal-page, .page-blog) :is(.legal-hero, .blog-hero) {
  background:
    radial-gradient(circle at 12% 18%, rgba(56, 189, 248, 0.28), transparent 34%),
    linear-gradient(135deg, var(--primary, #2563eb), var(--primary-dark, #1e40af)) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  padding: clamp(1.1rem, 2.2vw, 1.5rem) !important;
}

body.body-public :is(.legal-page, .page-blog) :is(.legal-hero__content, .blog-hero__content) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.body-public :is(.legal-page, .page-blog) :is(.legal-hero, .blog-hero) :is(h1, h2, p, span, .blog-eyebrow, .legal-eyebrow) {
  color: #ffffff !important;
}

/* 2026-06-29: hero width and bottom gap fix for Terms, Privacy and Blog */
body.body-public :is(.legal-page, .page-blog) :is(.legal-hero, .blog-hero) {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 1rem 0 !important;
  border-radius: var(--radius-xl, 1.25rem) !important;
  padding: clamp(1.1rem, 2.2vw, 1.5rem) !important;
}

body.body-public :is(.legal-page, .page-blog) :is(.legal-section, .blog-section) {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}

body.body-public .page-blog :is(.blogger-layout, .blogger-feed, .blogger-sidebar),
body.body-public .legal-page :is(.legal-content) {
  gap: 1rem !important;
}

body.body-public :is(.legal-page, .page-blog) :is(.legal-card, .legal-sidebar__card, .blog-card, .blogger-widget, .terms-box, .privacy-box) {
  margin-bottom: 1rem !important;
}

@media (max-width: 575.98px) {
  body.body-public :is(.legal-page, .page-blog) :is(.legal-hero, .blog-hero, .legal-section, .blog-section, .legal-card, .legal-sidebar__card, .blog-card, .blogger-widget, .terms-box, .privacy-box) {
    margin-bottom: 0.75rem !important;
  }
}

/* 2026-06-29: final legal/blog hero shape - outer transparent, inner blue card, compact gap */
body.body-public :is(.wrapper-content.legal-page, .wrapper-content.page-blog) {
  padding-top: clamp(1rem, 2.5vw, 2rem) !important;
}

body.body-public :is(.wrapper-content.legal-page, .wrapper-content.page-blog) > :is(.legal-hero, .blog-hero) {
  width: auto !important;
  max-width: none !important;
  margin: 0 0 1rem 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.body-public :is(.wrapper-content.legal-page, .wrapper-content.page-blog) > :is(.legal-hero, .blog-hero) > :is(.legal-hero__content, .blog-hero__content) {
  width: 100% !important;
  max-width: none !important;
  padding: clamp(1.25rem, 3vw, 1.65rem) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.16), transparent 28rem),
    radial-gradient(circle at 88% 10%, rgba(6, 182, 212, 0.22), transparent 30rem),
    var(--gradient-header) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-md) !important;
  color: #ffffff !important;
}

body.body-public :is(.wrapper-content.legal-page, .wrapper-content.page-blog) > :is(.legal-section, .blog-section) {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}

body.body-public :is(.wrapper-content.legal-page, .wrapper-content.page-blog) :is(.legal-card, .legal-sidebar__card, .blog-card, .blogger-widget, .terms-box, .privacy-box) {
  margin-bottom: 1rem !important;
}

/* 2026-06-29: force visible blue hero card on Terms, Privacy and Blog */
body.body-public.page-context-legal .wrapper-content.legal-page > .legal-hero,
body.body-public.page-context-blog .wrapper-content.page-blog > .blog-hero {
  margin: 0 0 1rem 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.body-public.page-context-legal .wrapper-content.legal-page > .legal-hero > .legal-hero__content,
body.body-public.page-context-blog .wrapper-content.page-blog > .blog-hero > .blog-hero__content {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding: clamp(1.25rem, 3vw, 1.65rem) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.18), transparent 26rem),
    radial-gradient(circle at 88% 12%, rgba(14, 165, 233, 0.28), transparent 28rem),
    linear-gradient(135deg, #0f4fc7 0%, #155eef 48%, #0f8bd6 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(15, 79, 199, 0.22) !important;
  color: #ffffff !important;
}

body.body-public.page-context-legal .legal-hero__content :is(h1, h2, p, span, .legal-eyebrow),
body.body-public.page-context-blog .blog-hero__content :is(h1, h2, p, span, .blog-eyebrow) {
  color: #ffffff !important;
}

body.body-public.page-context-legal .legal-hero__content :is(.legal-eyebrow, .blog-eyebrow),
body.body-public.page-context-blog .blog-hero__content :is(.legal-eyebrow, .blog-eyebrow) {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}

/* 2026-06-29: reduce remaining gap below legal/blog hero cards */
body.body-public :is(.legal-page, .page-blog) .legal-hero-card {
  margin-bottom: 0.75rem !important;
}

body.body-public :is(.legal-page, .page-blog) > :is(.legal-section, .blog-section) {
  margin-top: 0 !important;
}

/* 2026-06-29: polished rounded blog images */
body.body-public .page-blog .blog-card__media {
  margin: 1rem 1rem 0;
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(21, 94, 239, 0.12), rgba(14, 165, 233, 0.12));
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

body.body-public .page-blog .blog-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
  transition: transform 0.35s ease;
}

body.body-public .page-blog .blog-card:hover .blog-card__media img {
  transform: scale(1.035);
}

body.body-public .page-blog .blog-card__media--empty {
  border-radius: 22px;
}

@media (max-width: 575.98px) {
  body.body-public .page-blog .blog-card__media {
    margin: 0.75rem 0.75rem 0;
    border-radius: 18px;
  }
}

/* 2026-06-29: subtle raised bezel for blog images */
body.body-public .page-blog .blog-card__media {
  padding: 6px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, rgba(21, 94, 239, 0.34), rgba(14, 165, 233, 0.22), rgba(15, 23, 42, 0.08)) border-box;
  box-shadow:
    0 14px 30px rgba(15, 23, 42, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

body.body-public .page-blog .blog-card__media img,
body.body-public .page-blog .blog-card__media--empty > span {
  border-radius: 16px;
}

body.body-public .page-blog .blog-card__media:hover {
  border-color: rgba(21, 94, 239, 0.22);
  box-shadow:
    0 18px 38px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

@media (max-width: 575.98px) {
  body.body-public .page-blog .blog-card__media {
    padding: 5px;
  }

  body.body-public .page-blog .blog-card__media img,
  body.body-public .page-blog .blog-card__media--empty > span {
    border-radius: 13px;
  }
}

/* 2026-06-29: remove decorative round color blobs from hero cards */
body .private-dashboard-hero::before,
body .private-dashboard-hero::after,
body .landing-hero::before,
body .landing-hero::after,
body .signup-hero::before,
body .signup-hero::after,
body .hero-visual::before,
body .hero-visual::after {
  display: none !important;
  content: none !important;
}

/* 2026-06-29: neutralize blue tint from blog image bezel */
body.body-public .page-blog .blog-card__media {
  border-color: rgba(15, 23, 42, 0.10) !important;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(226, 232, 240, 0.88), rgba(203, 213, 225, 0.78)) border-box !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

body.body-public .page-blog .blog-card__media:hover {
  border-color: rgba(15, 23, 42, 0.14) !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

/* 2026-06-29: remove the front decorative mark beside hero content */
body .private-dashboard-hero > :first-child::before,
body .private-dashboard-hero > :first-child::after,
body .private-dashboard-hero .text-muted::before,
body .private-dashboard-hero .text-muted::after,
body .private-dashboard-hero h1::before,
body .private-dashboard-hero h1::after,
body .private-dashboard-hero p::before,
body .private-dashboard-hero p::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .private-dashboard-hero > :first-child {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 2026-06-29: remove the same front decorative mark from all page hero/title blocks */
body :is(
  .private-dashboard-hero,
  .dashboard-welcome-card,
  .landing-hero,
  .signup-hero,
  .blog-hero,
  .legal-hero,
  .page-hero,
  .section-heading,
  .section-title,
  .card-title,
  .panel-card,
  .blogger-widget,
  .legal-sidebar__card
)::before,
body :is(
  .private-dashboard-hero,
  .dashboard-welcome-card,
  .landing-hero,
  .signup-hero,
  .blog-hero,
  .legal-hero,
  .page-hero,
  .section-heading,
  .section-title,
  .card-title,
  .panel-card,
  .blogger-widget,
  .legal-sidebar__card
)::after,
body :is(
  .private-dashboard-hero,
  .dashboard-welcome-card,
  .landing-hero,
  .signup-hero,
  .blog-hero,
  .legal-hero,
  .page-hero,
  .section-heading,
  .section-title,
  .card-title,
  .panel-card,
  .blogger-widget,
  .legal-sidebar__card
) > :first-child::before,
body :is(
  .private-dashboard-hero,
  .dashboard-welcome-card,
  .landing-hero,
  .signup-hero,
  .blog-hero,
  .legal-hero,
  .page-hero,
  .section-heading,
  .section-title,
  .card-title,
  .panel-card,
  .blogger-widget,
  .legal-sidebar__card
) > :first-child::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 2026-06-29: remove marker before homepage hero title text */
body :is(.hero-title, .hero-subtitle, .landing-hero__content, .homepage-hero-title, .homepage-hero-subtitle)::before,
body :is(.hero-title, .hero-subtitle, .landing-hero__content, .homepage-hero-title, .homepage-hero-subtitle)::after,
body :is(.hero-title, .hero-subtitle, .landing-hero__content, .homepage-hero-title, .homepage-hero-subtitle) > :first-child::before,
body :is(.hero-title, .hero-subtitle, .landing-hero__content, .homepage-hero-title, .homepage-hero-subtitle) > :first-child::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body :is(.hero-title, .hero-subtitle, .homepage-hero-title, .homepage-hero-subtitle) {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 2026-06-29: remove marker before login/auth headings */
body :is(
  .login-card__header,
  .login-card__header h1,
  .login-card__header h2,
  .login-card__badge,
  .signup-card__header,
  .signup-card__header h1,
  .signup-card__header h2,
  .auth-card__header,
  .auth-card__header h1,
  .auth-card__header h2
)::before,
body :is(
  .login-card__header,
  .login-card__header h1,
  .login-card__header h2,
  .login-card__badge,
  .signup-card__header,
  .signup-card__header h1,
  .signup-card__header h2,
  .auth-card__header,
  .auth-card__header h1,
  .auth-card__header h2
)::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body :is(.login-card__header h1, .login-card__header h2, .signup-card__header h1, .signup-card__header h2, .auth-card__header h1, .auth-card__header h2) {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 2026-06-29: remove decorative front markers before headings/titles across the site */
body :is(
  h1, h2, h3, h4, h5, h6,
  .hero-title,
  .hero-subtitle,
  .section-title,
  .section-heading,
  .section-kicker,
  .blog-eyebrow,
  .legal-eyebrow,
  .card-title,
  .modal-title,
  .services-modal-title,
  .login-card__badge,
  .blog-card__tag,
  .badge,
  .page-title,
  .panel-title,
  .widget-title,
  .component-title,
  .private-dashboard-hero > div,
  .dashboard-welcome-card > div,
  .landing-hero__content,
  .login-card__header,
  .signup-card__header,
  .auth-card__header
):not(i):not([class^="fa"]):not([class*=" fa-"]):not(.fas):not(.far):not(.fal):not(.fab)::before,
body :is(
  h1, h2, h3, h4, h5, h6,
  .hero-title,
  .hero-subtitle,
  .section-title,
  .section-heading,
  .section-kicker,
  .blog-eyebrow,
  .legal-eyebrow,
  .card-title,
  .modal-title,
  .services-modal-title,
  .login-card__badge,
  .blog-card__tag,
  .badge,
  .page-title,
  .panel-title,
  .widget-title,
  .component-title,
  .private-dashboard-hero > div,
  .dashboard-welcome-card > div,
  .landing-hero__content,
  .login-card__header,
  .signup-card__header,
  .auth-card__header
):not(i):not([class^="fa"]):not([class*=" fa-"]):not(.fas):not(.far):not(.fal):not(.fab)::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body :is(h1, h2, h3, h4, h5, h6, .hero-title, .section-title, .card-title, .modal-title, .page-title, .panel-title, .widget-title) {
  padding-left: 0 !important;
}

/* 2026-06-29: glossy shadow treatment for all action buttons */
body :is(.btn, button, input[type="button"], input[type="submit"], input[type="reset"], .dropdown-toggle, .copy-inline-button):not(.btn-close) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

body :is(.btn, button, input[type="button"], input[type="submit"], input[type="reset"], .dropdown-toggle, .copy-inline-button):not(.btn-close)::before {
  content: "" !important;
  position: absolute;
  inset: 1px 1px auto 1px;
  height: 48%;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.06));
  opacity: 0.72;
  z-index: 0;
}

body :is(.btn, button, input[type="button"], input[type="submit"], input[type="reset"], .dropdown-toggle, .copy-inline-button):not(.btn-close) > * {
  position: relative;
  z-index: 1;
}

body :is(.btn, button, input[type="button"], input[type="submit"], input[type="reset"], .dropdown-toggle, .copy-inline-button):not(.btn-close):hover {
  transform: translateY(-1px);
  filter: saturate(1.04);
  box-shadow:
    0 14px 30px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

body :is(.btn, button, input[type="button"], input[type="submit"], input[type="reset"], .dropdown-toggle, .copy-inline-button):not(.btn-close):active {
  transform: translateY(0);
  box-shadow:
    0 7px 16px rgba(15, 23, 42, 0.14),
    inset 0 2px 4px rgba(15, 23, 42, 0.10) !important;
}

body :is(.btn, button, input[type="button"], input[type="submit"], input[type="reset"], .dropdown-toggle, .copy-inline-button):not(.btn-close):disabled,
body :is(.btn.disabled, button:disabled) {
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

/* 2026-06-29: clean footer copyright and dropdown arrows */
body .wrapper-content__footer {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body .site-footer {
  margin-bottom: 0 !important;
}

body .site-footer .container {
  padding-top: 0.45rem !important;
  padding-bottom: 0.45rem !important;
}

body .site-footer__grid {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto !important;
  align-items: center !important;
  gap: 0.55rem 1rem !important;
}

body .site-footer__brand {
  display: block !important;
  min-width: 0 !important;
}

body .site-footer .footer-text {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 0.4rem 0 0 !important;
  padding: 0.45rem 0 0 !important;
  text-align: center !important;
  border-top: 1px solid rgba(148, 163, 184, 0.22) !important;
}

body .bootstrap-select > .dropdown-toggle {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-right: 2.25rem !important;
}

body .bootstrap-select > .dropdown-toggle::after {
  position: absolute !important;
  top: 50% !important;
  right: 0.85rem !important;
  left: auto !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  order: initial !important;
}

body.body-public #block_119 .public-navbar-language-arrow,
body.body-public #block_119 .chevron-icon {
  position: static !important;
  margin-left: 0.35rem !important;
  margin-right: 0 !important;
  order: initial !important;
}

@media (max-width: 767.98px) {
  body .site-footer__grid {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  body .site-footer__links {
    justify-content: center !important;
  }
}
/* 2026-06-29: screenshot polish - footer alignment and floating up button */
body .wrapper-content__footer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body .site-footer {
  margin: 0 !important;
  padding: 1.15rem 0 0.95rem !important;
}

body .site-footer .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body .site-footer__grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-items: center !important;
  gap: 0.55rem !important;
  text-align: center !important;
}

body .site-footer__brand {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

body .site-footer__logo {
  justify-self: center !important;
  margin-inline: auto !important;
}

body .site-footer__links {
  justify-content: center !important;
  width: 100% !important;
  gap: 0.65rem !important;
  margin: 0 !important;
}

body .site-footer .footer-text {
  width: min(100%, 760px) !important;
  margin: 0.2rem auto 0 !important;
  padding-top: 0.55rem !important;
  text-align: center !important;
  border-top: 1px solid rgba(148, 163, 184, 0.22) !important;
  line-height: 1.45 !important;
}

body :is(.scroll-to-top, .back-to-top, .to-top, .go-top, .scrollup, .scroll-up, #scroll-top, #back-to-top, [data-scroll-top], [data-back-to-top]) {
  position: fixed !important;
  right: 1rem !important;
  left: auto !important;
  bottom: 1rem !important;
  z-index: 1040 !important;
  margin: 0 !important;
}

body :is(.scroll-to-top, .back-to-top, .to-top, .go-top, .scrollup, .scroll-up, #scroll-top, #back-to-top, [data-scroll-top], [data-back-to-top]) .fa,
body :is(.scroll-to-top, .back-to-top, .to-top, .go-top, .scrollup, .scroll-up, #scroll-top, #back-to-top, [data-scroll-top], [data-back-to-top]) i {
  margin: 0 !important;
}

body > a.btn[href="#"],
body > button.btn {
  left: auto !important;
}

@media (max-width: 575.98px) {
  body .site-footer {
    padding-bottom: 0.85rem !important;
  }

  body :is(.scroll-to-top, .back-to-top, .to-top, .go-top, .scrollup, .scroll-up, #scroll-top, #back-to-top, [data-scroll-top], [data-back-to-top]) {
    right: 0.75rem !important;
    bottom: 0.75rem !important;
  }
}

/* 2026-06-29: center homepage marketing sections */
body.body-public .landing-section,
body.body-public .landing-section .section-heading,
body.body-public .landing-section .section-title,
body.body-public .landing-section .section-description,
body.body-public .live-status-card,
body.body-public .trust-payment-card,
body.body-public .feature-card,
body.body-public .how-it-works-card,
body.body-public .review-card,
body.body-public .faq-block,
body.body-public .faq-block__heading,
body.body-public .faq-block__subtitle,
body.body-public .blogger-widget,
body.body-public .legal-sidebar__card {
  text-align: center !important;
}

body.body-public :is(.live-status-grid, .landing-card-grid, .feature-grid, .how-it-works-grid, .reviews-slider, .faq-block__list) {
  justify-content: center !important;
  justify-items: center !important;
}

body.body-public :is(.live-status-card, .trust-payment-card, .feature-card, .how-it-works-card, .review-card) {
  align-items: center !important;
}

body.body-public :is(.live-status-card, .trust-payment-card, .feature-card, .how-it-works-card, .review-card) > *,
body.body-public :is(.feature-card, .how-it-works-card, .trust-payment-card, .review-card) :is(h2, h3, p, span, a) {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

body.body-public .trust-payment-card :is(.payment-methods, .trust-payment-card__badges, .badge-row),
body.body-public .feature-card :is(.feature-card__meta, .feature-card__actions),
body.body-public .review-card :is(.review-card__author, .review-card__meta),
body.body-public .how-it-works-card :is(.step-number, .how-it-works-card__number) {
  justify-content: center !important;
}

body.body-public .faq-block__button {
  text-align: left !important;
}

body.body-public .faq-block__header-title,
body.body-public .faq-block__header-title > span {
  text-align: left !important;
}

/* 2026-06-29: exact homepage center alignment from live markup */
body.body-public #main-content.public-home :is(
  .landing-section,
  .section-heading,
  .section-title,
  .section-description,
  .live-status-panel,
  .live-status-panel__header,
  .live-status-item,
  .live-status-updated,
  .trust-payment-card,
  .feature-card,
  .how-it-works-card,
  .review-card,
  .review-card__person,
  .faq,
  .faq .section-heading
) {
  text-align: center !important;
}

body.body-public #main-content.public-home :is(
  .live-status-grid,
  .trust-payment-grid,
  .payment-logo-row,
  .landing-card-grid,
  .steps-grid,
  .review-grid,
  .review-slider,
  .review-slider-dots,
  .global-trust-strip,
  .trust-badges,
  .landing-proof
) {
  justify-content: center !important;
  justify-items: center !important;
  align-items: center !important;
}

body.body-public #main-content.public-home :is(
  .live-status-item,
  .trust-payment-card,
  .feature-card,
  .how-it-works-card,
  .review-card
) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

body.body-public #main-content.public-home :is(
  .live-status-item,
  .trust-payment-card,
  .feature-card,
  .how-it-works-card,
  .review-card
) :is(h2, h3, p, span, a, div) {
  text-align: center !important;
}

body.body-public #main-content.public-home .faq-block__header,
body.body-public #main-content.public-home .faq-block__header-title,
body.body-public #main-content.public-home .faq-block__header-title > span {
  text-align: left !important;
}

/* 2026-06-29: public-page button glossy shadow without breaking dropdown arrows */
body.body-public :is(
  a.btn,
  button.btn,
  input.btn,
  .btn-primary,
  .btn-secondary,
  .btn-outline,
  .btn-big-primary,
  .btn-big-secondary,
  .blog-card__button,
  .mobile-sticky-cta__button,
  .google-login-btn,
  .homepage-service-search__row button,
  .faq-block__header
):not(.btn-close):not(.dropdown-toggle):not(.public-navbar-select):not(.public-navbar-more__toggle):not(.smm-public-navbar__toggle) {
  position: relative !important;
  overflow: hidden !important;
  border-radius: inherit;
  box-shadow:
    0 12px 24px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
  text-shadow: 0 1px 0 rgba(15, 23, 42, 0.10);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
}

body.body-public :is(
  .btn-primary,
  .btn-big-primary,
  .mobile-sticky-cta__button,
  .blog-card__button,
  .homepage-service-search__row button
):not(.btn-close):not(.dropdown-toggle) {
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 42%),
    linear-gradient(135deg, #2563eb, #155eef 58%, #0f8bd6) !important;
  border-color: rgba(37, 99, 235, 0.42) !important;
}

body.body-public :is(.btn-secondary, .btn-outline, .google-login-btn, .faq-block__header):not(.dropdown-toggle) {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.96)) !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

body.body-public :is(
  a.btn,
  button.btn,
  input.btn,
  .btn-primary,
  .btn-secondary,
  .btn-outline,
  .btn-big-primary,
  .btn-big-secondary,
  .blog-card__button,
  .mobile-sticky-cta__button,
  .google-login-btn,
  .homepage-service-search__row button,
  .faq-block__header
):not(.btn-close):not(.dropdown-toggle):not(.public-navbar-select):not(.public-navbar-more__toggle):not(.smm-public-navbar__toggle):hover {
  transform: translateY(-1px) !important;
  filter: saturate(1.05) brightness(1.02) !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
}

body.body-public :is(
  a.btn,
  button.btn,
  input.btn,
  .btn-primary,
  .btn-secondary,
  .btn-outline,
  .btn-big-primary,
  .btn-big-secondary,
  .blog-card__button,
  .mobile-sticky-cta__button,
  .google-login-btn,
  .homepage-service-search__row button,
  .faq-block__header
):not(.btn-close):not(.dropdown-toggle):active {
  transform: translateY(0) !important;
  box-shadow:
    0 7px 16px rgba(15, 23, 42, 0.16),
    inset 0 2px 5px rgba(15, 23, 42, 0.12) !important;
}

/* 2026-06-29: homepage hero text alignment polish */
body.body-public #main-content.public-home .landing-hero__content {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

body.body-public #main-content.public-home .landing-hero__content :is(.landing-eyebrow, .hero-title, .hero-subtitle) {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.body-public #main-content.public-home .landing-hero__actions,
body.body-public #main-content.public-home .global-trust-strip,
body.body-public #main-content.public-home .trust-badges,
body.body-public #main-content.public-home .landing-proof {
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

body.body-public #main-content.public-home .homepage-service-search {
  width: min(100%, 560px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
}

body.body-public #main-content.public-home .homepage-service-search > label {
  text-align: center !important;
  display: block !important;
}

body.body-public #main-content.public-home .login-card,
body.body-public #main-content.public-home .login-card :is(label, input, .form-group, .login-options) {
  text-align: left !important;
}

body.body-public #main-content.public-home .login-card :is(.login-card__badge, .login-card__header, .login-card__signup) {
  text-align: center !important;
}

/* 2026-06-29: restore review card layout after center alignment pass */
body.body-public #main-content.public-home .review-grid {
  display: grid !important;
  justify-content: center !important;
  justify-items: stretch !important;
  align-items: stretch !important;
}

body.body-public #main-content.public-home .review-grid:not(.review-slider) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.body-public #main-content.public-home .review-card {
  display: block !important;
  text-align: center !important;
  align-items: initial !important;
  min-height: 100% !important;
}

body.body-public #main-content.public-home .review-grid.review-slider {
  display: block !important;
  text-align: center !important;
}

body.body-public #main-content.public-home .review-grid.review-slider .review-card {
  width: min(100%, 640px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.body-public #main-content.public-home .review-card__person {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  text-align: left !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.body-public #main-content.public-home .review-card__person img {
  flex: 0 0 auto !important;
  width: 52px !important;
  height: 52px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

body.body-public #main-content.public-home .review-card__person div,
body.body-public #main-content.public-home .review-card__person :is(h3, span) {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.body-public #main-content.public-home .review-card > span:not(.review-card__person span) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.body-public #main-content.public-home .review-card p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 991.98px) {
  body.body-public #main-content.public-home .review-grid:not(.review-slider) {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-06-29: review carousel should show one card only */
body.body-public #main-content.public-home .review-grid.review-slider > .review-card {
  display: none !important;
}

body.body-public #main-content.public-home .review-grid.review-slider > .review-card.is-active {
  display: block !important;
  width: min(100%, 640px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.body-public #main-content.public-home .review-grid.review-slider:not(:has(.review-card.is-active)) > .review-card:first-child {
  display: block !important;
  width: min(100%, 640px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 2026-06-29: force center alignment for How it works and Why choose sections */
body.body-public #main-content.public-home #block_124,
body.body-public #main-content.public-home #why-smmdad {
  text-align: center !important;
}

body.body-public #main-content.public-home #block_124 > .container,
body.body-public #main-content.public-home #why-smmdad > .container,
body.body-public #main-content.public-home #block_124 .section-heading,
body.body-public #main-content.public-home #why-smmdad .section-heading {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

body.body-public #main-content.public-home #block_124 :is(.section-title, .section-description),
body.body-public #main-content.public-home #why-smmdad :is(.section-title, .section-description) {
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.body-public #main-content.public-home #block_124 .steps-grid,
body.body-public #main-content.public-home #why-smmdad .review-grid {
  width: 100% !important;
  justify-content: center !important;
  justify-items: center !important;
  align-items: stretch !important;
}

body.body-public #main-content.public-home #block_124 .how-it-works-card,
body.body-public #main-content.public-home #why-smmdad .review-card {
  text-align: center !important;
}

/* 2026-06-29: keep homepage hero content left aligned */
body.body-public #main-content.public-home .landing-hero__content {
  text-align: left !important;
  align-items: flex-start !important;
}

body.body-public #main-content.public-home .landing-hero__content :is(.landing-eyebrow, .hero-title, .hero-subtitle) {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

body.body-public #main-content.public-home .landing-hero__actions,
body.body-public #main-content.public-home .global-trust-strip,
body.body-public #main-content.public-home .trust-badges,
body.body-public #main-content.public-home .landing-proof {
  justify-content: flex-start !important;
  align-items: center !important;
}

body.body-public #main-content.public-home .homepage-service-search {
  margin-left: 0 !important;
  margin-right: auto !important;
}

body.body-public #main-content.public-home .homepage-service-search > label {
  text-align: left !important;
}

@media (max-width: 991.98px) {
  body.body-public #main-content.public-home .landing-hero__content,
  body.body-public #main-content.public-home .landing-hero__content :is(.landing-eyebrow, .hero-title, .hero-subtitle),
  body.body-public #main-content.public-home .homepage-service-search > label {
    text-align: center !important;
  }

  body.body-public #main-content.public-home .landing-hero__content {
    align-items: center !important;
  }

  body.body-public #main-content.public-home .landing-hero__actions,
  body.body-public #main-content.public-home .global-trust-strip,
  body.body-public #main-content.public-home .trust-badges,
  body.body-public #main-content.public-home .landing-proof {
    justify-content: center !important;
  }

  body.body-public #main-content.public-home .homepage-service-search {
    margin-left: auto !important;
  }
}

/* 2026-06-29: final hard center for homepage How/Why/FAQ headings */
html body.body-public #main-content.public-home section#block_124,
html body.body-public #main-content.public-home section#why-smmdad,
html body.body-public #main-content.public-home section#block_123 {
  text-align: center !important;
}

html body.body-public #main-content.public-home section#block_124 > .container,
html body.body-public #main-content.public-home section#why-smmdad > .container,
html body.body-public #main-content.public-home section#block_123 > .container {
  text-align: center !important;
}

html body.body-public #main-content.public-home section#block_124 .section-heading,
html body.body-public #main-content.public-home section#why-smmdad .section-heading,
html body.body-public #main-content.public-home section#block_123 .section-heading {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-inline: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  float: none !important;
  transform: none !important;
}

html body.body-public #main-content.public-home section#block_124 .section-heading :is(.section-title, .section-description),
html body.body-public #main-content.public-home section#why-smmdad .section-heading :is(.section-title, .section-description),
html body.body-public #main-content.public-home section#block_123 .section-heading :is(.section-title, .section-description) {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-inline: auto !important;
  text-align: center !important;
  float: none !important;
}

html body.body-public #main-content.public-home section#block_124 .steps-grid,
html body.body-public #main-content.public-home section#why-smmdad .review-grid,
html body.body-public #main-content.public-home section#block_123 .faq {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 2026-06-29: glass shadow for public navbar primary links */
body.body-public #block_119 .smm-public-navbar__links > .smm-public-navbar__item:not(.public-navbar-more) > .smm-public-navbar__link {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.06)),
    rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  backdrop-filter: blur(10px);
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}

body.body-public #block_119 .smm-public-navbar__links > .smm-public-navbar__item:not(.public-navbar-more) > .smm-public-navbar__link::before {
  content: "" !important;
  position: absolute;
  inset: 1px 1px auto 1px;
  height: 48%;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.04));
}

body.body-public #block_119 .smm-public-navbar__links > .smm-public-navbar__item:not(.public-navbar-more) > .smm-public-navbar__link:hover,
body.body-public #block_119 .smm-public-navbar__links > .smm-public-navbar__item:not(.public-navbar-more) > .smm-public-navbar__link:focus-visible {
  transform: translateY(-1px) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.08)),
    rgba(255, 255, 255, 0.16) !important;
  box-shadow:
    0 14px 30px rgba(15, 23, 42, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

body.body-public #block_119 .smm-public-navbar__links > .smm-public-navbar__item:not(.public-navbar-more) > .smm-public-navbar__link > * {
  position: relative;
  z-index: 1;
}

/* 2026-06-29: footer logo left-top, links right-top, copyright bottom-center */
body .site-footer__grid {
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) auto !important;
  grid-template-areas:
    "brand links"
    "copy copy" !important;
  align-items: start !important;
  justify-items: stretch !important;
  gap: 0.7rem 1.25rem !important;
  text-align: initial !important;
}

body .site-footer__brand {
  grid-area: brand !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-width: 0 !important;
  text-align: left !important;
}

body .site-footer__logo {
  justify-self: start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

body .site-footer__links {
  grid-area: links !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  width: auto !important;
  margin: 0 !important;
  gap: 0.65rem !important;
  text-align: right !important;
}

body .site-footer .footer-text {
  grid-area: copy !important;
  width: 100% !important;
  margin: 0.35rem auto 0 !important;
  padding-top: 0.55rem !important;
  text-align: center !important;
  border-top: 1px solid rgba(148, 163, 184, 0.22) !important;
}

@media (max-width: 767.98px) {
  body .site-footer__grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "brand"
      "links"
      "copy" !important;
    justify-items: center !important;
    text-align: center !important;
  }

  body .site-footer__brand,
  body .site-footer__links {
    justify-content: center !important;
    text-align: center !important;
  }

  body .site-footer__logo {
    margin-left: auto !important;
  }
}

/* 2026-06-29: wider live status stat cards */
body.body-public #main-content.public-home .live-status-grid {
  grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  gap: clamp(0.85rem, 2vw, 1.35rem) !important;
  width: 100% !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.body-public #main-content.public-home .live-status-item {
  width: 100% !important;
  min-width: 150px !important;
  padding: 1rem 1.15rem !important;
  border-radius: 14px !important;
  text-align: center !important;
}

body.body-public #main-content.public-home .live-status-icon {
  margin-bottom: 0.45rem !important;
}

body.body-public #main-content.public-home .live-status-item strong,
body.body-public #main-content.public-home .live-status-item b,
body.body-public #main-content.public-home .live-status-item span:not(.live-status-icon) {
  text-align: center !important;
}

@media (max-width: 767.98px) {
  body.body-public #main-content.public-home .live-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 100% !important;
  }

  body.body-public #main-content.public-home .live-status-item {
    min-width: 0 !important;
  }
}

/* 2026-06-29: curved shadowed public header and footer */
body.body-public .wrapper-navbar {
  padding: 0.65rem clamp(0.65rem, 1.8vw, 1.25rem) 0 !important;
}

body.body-public #block_119 .smm-public-navbar__inner {
  border-radius: 0 0 22px 22px !important;
  box-shadow:
    0 18px 40px rgba(15, 23, 42, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

body.body-public .wrapper-content__footer {
  padding: 0 clamp(0.65rem, 1.8vw, 1.25rem) 0.75rem !important;
  background: transparent !important;
}

body.body-public .site-footer {
  border-radius: 24px 24px 0 0 !important;
  overflow: hidden !important;
  box-shadow:
    0 -18px 42px rgba(15, 23, 42, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: 0 !important;
}

@media (max-width: 575.98px) {
  body.body-public .wrapper-navbar {
    padding: 0.45rem 0.45rem 0 !important;
  }

  body.body-public #block_119 .smm-public-navbar__inner {
    border-radius: 0 0 16px 16px !important;
  }

  body.body-public .wrapper-content__footer {
    padding-left: 0.45rem !important;
    padding-right: 0.45rem !important;
  }

  body.body-public .site-footer {
    border-radius: 18px 18px 0 0 !important;
  }
}

/* 2026-06-29: keep logo transparent and consistent everywhere */
body.body-public #block_119 .navbar-brand,
body.body-public #block_119 .component-navbar-brand,
body.body-public #block_119 .component-navbar-public-brand,
body.body-public #block_119 .brand-logo,
body .site-footer__logo,
body .site-footer__logo img {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
}

body.body-public #block_119 .navbar-brand::before,
body.body-public #block_119 .navbar-brand::after,
body.body-public #block_119 .component-navbar-brand::before,
body.body-public #block_119 .component-navbar-brand::after,
body.body-public #block_119 .component-navbar-public-brand::before,
body.body-public #block_119 .component-navbar-public-brand::after,
body .site-footer__logo::before,
body .site-footer__logo::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.body-public #block_119 .navbar-brand {
  padding: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
}

body.body-public #block_119 .navbar-brand:hover,
body.body-public #block_119 .navbar-brand:focus,
body.body-public #block_119 .navbar-brand:focus-visible {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.body-public #block_119 .brand-logo,
body .site-footer__logo img {
  display: block !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
}

/* 2026-06-29: curved shadowed header/footer on public and user pages */
body.body-public .wrapper-navbar,
body.body-internal .wrapper-navbar,
body.body-internal .component-navbar-private__wrapper,
body.body-internal .component-private-navbar-shell {
  padding: 0.65rem clamp(0.65rem, 1.8vw, 1.25rem) 0 !important;
}

body.body-public #block_119 .smm-public-navbar__inner,
body.body-internal #block_118 .component-navbar-private__wrapper,
body.body-internal #block_118 .component-private-navbar-shell,
body.body-internal .component-navbar-private__wrapper,
body.body-internal .component-private-navbar-shell,
body.body-internal .navbar-private,
body.body-internal .private-topbar {
  border-radius: 0 0 22px 22px !important;
  box-shadow:
    0 18px 40px rgba(15, 23, 42, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

body.body-internal .component-sidebar,
body.body-internal .component-sidebar_wrapper,
body.body-internal .component-sidebar__menu,
body.body-internal #block_118 .component-sidebar_wrapper {
  border-radius: 0 22px 22px 0 !important;
  box-shadow:
    18px 0 42px rgba(15, 23, 42, 0.16),
    inset -1px 0 0 rgba(255, 255, 255, 0.12) !important;
}

body.body-public .wrapper-content__footer,
body.body-internal .wrapper-content__footer {
  padding: 0 clamp(0.65rem, 1.8vw, 1.25rem) 0.75rem !important;
  background: transparent !important;
}

body.body-public .site-footer,
body.body-internal .site-footer {
  border-radius: 24px 24px 0 0 !important;
  overflow: hidden !important;
  box-shadow:
    0 -18px 42px rgba(15, 23, 42, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: 0 !important;
}

@media (max-width: 991.98px) {
  body.body-internal .component-sidebar,
  body.body-internal .component-sidebar_wrapper,
  body.body-internal .component-sidebar__menu,
  body.body-internal #block_118 .component-sidebar_wrapper {
    border-radius: 0 0 22px 22px !important;
  }
}

@media (max-width: 575.98px) {
  body.body-public .wrapper-navbar,
  body.body-internal .wrapper-navbar,
  body.body-internal .component-navbar-private__wrapper,
  body.body-internal .component-private-navbar-shell {
    padding: 0.45rem 0.45rem 0 !important;
  }

  body.body-public #block_119 .smm-public-navbar__inner,
  body.body-internal #block_118 .component-navbar-private__wrapper,
  body.body-internal #block_118 .component-private-navbar-shell,
  body.body-internal .component-navbar-private__wrapper,
  body.body-internal .component-private-navbar-shell,
  body.body-internal .navbar-private,
  body.body-internal .private-topbar {
    border-radius: 0 0 16px 16px !important;
  }

  body.body-public .wrapper-content__footer,
  body.body-internal .wrapper-content__footer {
    padding-left: 0.45rem !important;
    padding-right: 0.45rem !important;
  }

  body.body-public .site-footer,
  body.body-internal .site-footer {
    border-radius: 18px 18px 0 0 !important;
  }
}

/* 2026-06-29: remove extra layer behind navbar logo only */
body.body-public #block_119 :is(
  .navbar-public__header,
  .sidebar-block__top-brand,
  .component-navbar-brand,
  .component-navbar-public-brand,
  .navbar-brand
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.body-public #block_119 :is(
  .navbar-public__header,
  .sidebar-block__top-brand,
  .component-navbar-brand,
  .component-navbar-public-brand,
  .navbar-brand
)::before,
body.body-public #block_119 :is(
  .navbar-public__header,
  .sidebar-block__top-brand,
  .component-navbar-brand,
  .component-navbar-public-brand,
  .navbar-brand
)::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.body-public #block_119 .brand-logo {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 2026-06-29: align user footer width with user header/content shell */
body.body-internal .wrapper-content__footer {
  box-sizing: border-box !important;
  width: calc(100% - var(--sidebar-width)) !important;
  max-width: calc(100% - var(--sidebar-width)) !important;
  margin-left: var(--sidebar-width) !important;
  padding-left: clamp(0.65rem, 1.8vw, 1.25rem) !important;
  padding-right: clamp(0.65rem, 1.8vw, 1.25rem) !important;
}

body.body-internal .wrapper-content__footer .site-footer {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 991.98px) {
  body.body-internal .wrapper-content__footer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }
}

/* 2026-07-01: compact buttons on orders page */
body.body-internal .page-orders .card > .d-flex.flex-wrap.gap-2 .btn,
body.body-internal .page-orders table.ui-kv-table .btn {
  min-height: 30px !important;
  padding: 0.32rem 0.58rem !important;
  font-size: 0.74rem !important;
  line-height: 1.15 !important;
  gap: 0.28rem !important;
  border-radius: 7px !important;
  box-shadow:
    0 4px 10px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}

body.body-internal .page-orders .card > .d-flex.flex-wrap.gap-2 .btn::before,
body.body-internal .page-orders table.ui-kv-table .btn::before {
  height: 38% !important;
  opacity: 0.45 !important;
}

body.body-internal .page-orders table.ui-kv-table td[data-label="Actions"] .btn,
body.body-internal .page-orders table.ui-kv-table td[data-label="Remains"] .btn {
  width: auto !important;
  max-width: 100% !important;
}

@media (max-width: 575.98px) {
  body.body-internal .page-orders .card > .d-flex.flex-wrap.gap-2 {
    gap: 0.38rem !important;
  }

  body.body-internal .page-orders .card > .d-flex.flex-wrap.gap-2 .btn,
  body.body-internal .page-orders table.ui-kv-table .btn {
    min-height: 28px !important;
    padding: 0.28rem 0.5rem !important;
    font-size: 0.72rem !important;
  }
}

/* 2026-07-02: keep long service filter menus scrollable. */
.services-filter-card .dropdown-menu,
.services-filters .dropdown-menu,
.component_filter_card .dropdown-menu {
  max-height: min(360px, calc(100vh - 180px)) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--primary-soft) transparent;
}

.services-filter-card .dropdown-menu::-webkit-scrollbar,
.services-filters .dropdown-menu::-webkit-scrollbar,
.component_filter_card .dropdown-menu::-webkit-scrollbar {
  width: 8px;
}

.services-filter-card .dropdown-menu::-webkit-scrollbar-thumb,
.services-filters .dropdown-menu::-webkit-scrollbar-thumb,
.component_filter_card .dropdown-menu::-webkit-scrollbar-thumb {
  background: var(--primary-soft);
  border-radius: 999px;
}

/* 2026-07-02: center-fit the public mobile navbar panel on narrow screens. */
@media (max-width: 991.98px) {
  body.body-public #block_119 .smm-public-navbar [data-smm-nav-panel].is-open,
  body.body-public #block_119 .smm-public-navbar.is-nav-open [data-smm-nav-panel],
  body.body-public #block_119 [data-smm-nav-panel].is-open,
  body.body-public #block_119.is-nav-open [data-smm-nav-panel] {
    right: auto !important;
    left: 50% !important;
    width: min(calc(100% - 1rem), calc(100vw - 1.5rem)) !important;
    max-width: calc(100vw - 1.5rem) !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box;
  }
}

:root {
  --smm-chat-primary: #2563eb;
  --smm-chat-accent: #16a34a;
  --smm-chat-bg: #ffffff;
  --smm-chat-panel: #f8fafc;
  --smm-chat-text: #0f172a;
  --smm-chat-muted: #64748b;
  --smm-chat-border: rgba(15, 23, 42, .12);
  --smm-chat-shadow: 0 18px 55px rgba(15, 23, 42, .18);
}

.smm-chat-widget {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 1060;
  color: var(--smm-chat-text);
  font-family: inherit;
}

.smm-chat-widget[hidden] {
  display: none !important;
}

.smm-chat-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 52px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: var(--smm-chat-primary);
  color: #fff;
  box-shadow: var(--smm-chat-shadow);
  font-weight: 800;
}

.smm-chat-button__icon {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .18);
}

.smm-chat-panel {
  position: absolute;
  right: 0;
  bottom: 68px;
  display: grid;
  grid-template-rows: auto minmax(220px, 1fr) auto auto;
  width: min(380px, calc(100vw - 24px)) !important;
  max-width: min(380px, calc(100vw - 24px)) !important;
  height: min(620px, calc(100vh - 110px));
  overflow: hidden;
  border: 1px solid var(--smm-chat-border);
  border-radius: 18px;
  background: var(--smm-chat-bg);
  box-shadow: var(--smm-chat-shadow);
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px) scale(.98);
  transition: opacity .18s ease, transform .18s ease;
}

.smm-chat-widget.is-open .smm-chat-panel {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.smm-chat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  background: linear-gradient(135deg, #1d4ed8, #0f766e);
  color: #fff;
}

.smm-chat-header strong,
.smm-chat-header span {
  display: block;
}

.smm-chat-header span {
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
}

.smm-chat-icon-button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid var(--smm-chat-border);
  border-radius: 50%;
  background: #fff;
  color: var(--smm-chat-text);
  font-weight: 800;
}

.smm-chat-header .smm-chat-icon-button {
  border-color: rgba(255, 255, 255, .25);
  background: rgba(255, 255, 255, .15);
  color: #fff;
}

.smm-chat-messages {
  min-height: 0;
  padding: 16px;
  overflow-y: auto;
  background: var(--smm-chat-panel);
}

.smm-chat-message {
  display: flex;
  margin-bottom: 12px;
}

.smm-chat-message--user {
  justify-content: flex-end;
}

.smm-chat-message__bubble {
  max-width: min(84%, 310px);
  padding: 10px 12px;
  border: 1px solid var(--smm-chat-border);
  border-radius: 16px;
  background: #fff;
  overflow-wrap: anywhere;
}

.smm-chat-message--user .smm-chat-message__bubble {
  border-color: transparent;
  background: var(--smm-chat-primary);
  color: #fff;
}

.smm-chat-message__bubble p {
  margin: 0;
  white-space: pre-wrap;
}

.smm-chat-message__bubble time {
  display: block;
  margin-top: 6px;
  color: var(--smm-chat-muted);
  font-size: 11px;
}

.smm-chat-message--user .smm-chat-message__bubble time {
  color: rgba(255, 255, 255, .76);
}

.smm-chat-file {
  display: inline-flex;
  margin-top: 8px;
  color: inherit;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.smm-chat-typing {
  display: flex;
  gap: 5px;
  padding: 0 16px 10px;
  background: var(--smm-chat-panel);
}

.smm-chat-typing[hidden] {
  display: none;
}

.smm-chat-typing span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--smm-chat-muted);
  animation: smm-chat-pulse 1s infinite ease-in-out;
}

.smm-chat-typing span:nth-child(2) {
  animation-delay: .12s;
}

.smm-chat-typing span:nth-child(3) {
  animation-delay: .24s;
}

@keyframes smm-chat-pulse {
  0%, 80%, 100% { opacity: .35; transform: translateY(0); }
  40% { opacity: 1; transform: translateY(-3px); }
}

.smm-chat-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 16px;
  border-top: 1px solid var(--smm-chat-border);
  background: #fff;
}

.smm-chat-actions[hidden] {
  display: none;
}

.smm-chat-action {
  border: 1px solid var(--smm-chat-primary);
  border-radius: 999px;
  background: #fff;
  color: var(--smm-chat-primary);
  padding: 8px 12px;
  font-weight: 800;
}

.smm-chat-compose {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 12px;
  border-top: 1px solid var(--smm-chat-border);
  background: #fff;
}

.smm-chat-compose textarea {
  min-height: 38px;
  max-height: 120px;
  flex: 1;
  resize: none;
  border: 1px solid var(--smm-chat-border);
  border-radius: 14px;
  padding: 9px 10px;
  color: var(--smm-chat-text);
}

.smm-chat-send {
  min-height: 38px;
  border: 0;
  border-radius: 14px;
  background: var(--smm-chat-accent);
  color: #fff;
  padding: 0 14px;
  font-weight: 800;
}

.smm-chat-emoji-menu {
  position: absolute;
  left: 48px;
  bottom: 58px;
  display: flex;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--smm-chat-border);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .14);
}

.smm-chat-emoji-menu[hidden] {
  display: none;
}

.smm-chat-emoji-menu button {
  border: 0;
  background: transparent;
  font-size: 20px;
}

body.dark-mode .smm-chat-widget,
body[data-bs-theme="dark"] .smm-chat-widget {
  --smm-chat-bg: #111827;
  --smm-chat-panel: #0f172a;
  --smm-chat-text: #e5e7eb;
  --smm-chat-muted: #94a3b8;
  --smm-chat-border: rgba(226, 232, 240, .14);
}

body.dark-mode .smm-chat-message__bubble,
body[data-bs-theme="dark"] .smm-chat-message__bubble,
body.dark-mode .smm-chat-compose,
body[data-bs-theme="dark"] .smm-chat-compose,
body.dark-mode .smm-chat-actions,
body[data-bs-theme="dark"] .smm-chat-actions,
body.dark-mode .smm-chat-icon-button,
body[data-bs-theme="dark"] .smm-chat-icon-button,
body.dark-mode .smm-chat-emoji-menu,
body[data-bs-theme="dark"] .smm-chat-emoji-menu {
  background: #111827;
}

@media (max-width: 520px) {
  .smm-chat-widget {
    right: 12px;
    bottom: 12px;
  }

  .smm-chat-panel {
    right: -2px;
    bottom: 64px;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    height: min(610px, calc(100vh - 92px));
    border-radius: 16px;
  }

  .smm-chat-button__label {
    display: none;
  }

  .smm-chat-button {
    width: 54px;
    min-height: 54px;
    justify-content: center;
    padding: 0;
  }
}

body.body .smm-chat-widget .smm-chat-panel {
  width: min(380px, calc(100vw - 24px)) !important;
  max-width: min(380px, calc(100vw - 24px)) !important;
}

body.body .smm-chat-widget.is-open .smm-chat-panel {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
  transition: none !important;
  visibility: visible !important;
}

@media (max-width: 520px) {
  body.body .smm-chat-widget .smm-chat-panel {
    position: fixed;
    right: 10px;
    left: 10px;
    bottom: 76px;
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
  }
}