:root {
  --as-green: #1b5e3b;
  --as-green-deep: #0f3d2e;
  --as-green-accent: #9abb3a;
  --as-green-bright: #16a34a;
  --as-sky: #0284c7;
  --as-violet: #7c3aed;
  --as-amber: #ea580c;
  --as-rose: #e11d48;
  --as-teal: #0d9488;
  --as-ink: #1a1a1a;
  --as-muted: #667085;
  --as-logo-h: 56px;
  --as-header-pad-y: 0.7rem;
  --as-lavender: #cfc6e8;
  --as-surface: #f5f7f6;
  --as-border: rgba(16, 24, 40, 0.08);
  --as-border-soft: rgba(16, 24, 40, 0.055);
  --as-hairline: rgba(16, 24, 40, 0.1);
  --as-radius: 18px;
  --as-radius-sm: 12px;
  --as-shadow: 0 14px 40px rgba(16, 24, 40, 0.08);
  --as-shadow-soft: 0 8px 24px rgba(16, 24, 40, 0.05);
  --as-ring: 0 0 0 3px rgba(27, 94, 59, 0.14);
  --as-card-gap: 1.35rem;
  /* Mobile book rail — page L/R inset (applied in ≤900px rules) */
  --as-mobile-gutter: 16px;
  --as-font: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  --as-font-display: "Plus Jakarta Sans", Inter, "Segoe UI", system-ui, sans-serif;
}

/* Başlıklar: Playfair serif yerine temiz geometric sans */
body.emyui-aws-theme .playfair-display-font,
body.emyui-aws-theme .hero-area-emyui-aws-title,
body.emyui-aws-theme .aws-services-box-price .price,
body.emyui-aws-theme #order-standard_cart .hero-content .coodiv-text-4,
.arasistem-hero-panel .hero-area-emyui-aws-title,
.arasistem-section h1,
.arasistem-section h2,
.arasistem-section h3,
.arasistem-platforms-section h2,
.arasistem-platforms-section h3,
.how-it-works-section h2,
.arasistem-cta-band h3,
.arasistem-outcomes-band h2,
.arasistem-page h1,
.arasistem-page h2 {
  font-family: var(--as-font-display) !important;
  letter-spacing: -0.025em;
}

body.emyui-aws-theme .playfair-display-font.font-weight-bold,
body.emyui-aws-theme .hero-area-emyui-aws-title,
.arasistem-hero-panel .hero-area-emyui-aws-title {
  font-weight: 700 !important;
}

.brand-logo > a > img,
.brand-logo.big-brad-logo > a > img,
.arasistem-logo-img {
  height: auto !important;
  width: auto !important;
  max-height: var(--as-logo-h) !important;
  max-width: min(520px, 72vw) !important;
  object-fit: contain;
  object-position: left center;
  display: block;
  background: transparent !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  image-rendering: auto;
}

@media (max-width: 991.98px) {
  :root {
    --as-logo-h: 44px;
  }
}

@media (max-width: 900px) {
  :root {
    --as-logo-h: 40px;
  }

  body.emyui-aws-theme .brand-logo > a > img,
  body.emyui-aws-theme .brand-logo img,
  body.emyui-aws-theme .arasistem-logo-img {
    width: auto !important;
    max-width: min(176px, 50vw) !important;
    height: 40px !important;
    max-height: 40px !important;
    object-fit: contain !important;
    object-position: left center !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body.emyui-aws-theme header.site-header .brand-logo {
    flex: 0 1 auto !important;
    max-width: min(176px, 50vw) !important;
    min-width: 0 !important;
    overflow: visible;
  }

  body.emyui-aws-theme header.site-header .brand-logo .arasistem-logo-img--on-dark {
    display: none !important;
  }

  body.emyui-aws-theme header.site-header .brand-logo .arasistem-logo-img--on-light {
    display: block !important;
  }
}

@media (max-width: 575.98px) {
  :root {
    --as-logo-h: 36px;
  }

  body.emyui-aws-theme .brand-logo > a > img,
  body.emyui-aws-theme .brand-logo img,
  body.emyui-aws-theme .arasistem-logo-img {
    max-width: min(168px, 52vw) !important;
    height: 36px !important;
    max-height: 36px !important;
  }

  body.emyui-aws-theme header.site-header .brand-logo {
    max-width: min(168px, 52vw) !important;
  }
}

/* Override theme default 30px logo */
body.emyui-aws-theme .brand-logo > a > img,
body.emyui-aws-theme .brand-logo-signup > a > img,
body.emyui-aws-theme .footer-section .brand-logo img {
  height: auto !important;
  width: auto !important;
  max-height: var(--as-logo-h) !important;
  max-width: min(520px, 74vw) !important;
}

body.emyui-aws-theme .footer-section .brand-logo img {
  max-height: 80px !important;
  max-width: min(420px, 80vw) !important;
}

body.emyui-aws-theme .arasistem-footer-attribution {
  display: block;
  line-height: 1.45;
  max-width: 38rem;
}

/* Desktop footer brand: space under logo + single-line attribution */
@media (min-width: 901px) {
  body.emyui-aws-theme .arasistem-footer .arasistem-footer-brand .brand-logo {
    margin-bottom: 1.15rem !important;
  }

  body.emyui-aws-theme .arasistem-footer-attribution {
    max-width: none;
    white-space: nowrap;
    font-size: 0.8125rem !important; /* same as .coodiv-text-12 / telif yazısı */
    line-height: 1.63 !important;
    letter-spacing: normal;
  }

  body.emyui-aws-theme .arasistem-footer .arasistem-footer-copy .copyright-text {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  /* Tighten space under copyright (pb-lg-12 on .footer-top is too tall) */
  body.emyui-aws-theme .arasistem-footer .footer-top {
    padding-bottom: 1.25rem !important;
  }

  body.emyui-aws-theme .arasistem-footer .arasistem-footer-copy {
    margin-top: 1.35rem !important;
    padding-top: 1.1rem !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* Keep leftover .bottom-footer-area padding aligned if still present elsewhere */
@media (min-width: 992px) {
  body.emyui-aws-theme .arasistem-footer .bottom-footer-area {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
}

@media (min-width: 901px) and (max-width: 991.98px) {
  body.emyui-aws-theme .arasistem-footer .bottom-footer-area {
    padding-left: 1.5625rem !important;
    padding-right: 1.5625rem !important;
  }
}

@media (max-width: 900px) {
  body.emyui-aws-theme .footer-section .brand-logo img,
  body.emyui-aws-theme .arasistem-footer .brand-logo img,
  body.emyui-aws-theme .arasistem-footer .arasistem-logo-img {
    width: auto !important;
    height: 52px !important;
    max-height: 52px !important;
    max-width: min(180px, 62vw) !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  body.emyui-aws-theme .arasistem-footer .brand-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0.85rem !important;
  }

  body.emyui-aws-theme .arasistem-footer-attribution,
  body.emyui-aws-theme .arasistem-footer .arasistem-footer-brand .coodiv-text-12,
  body.emyui-aws-theme .arasistem-footer .bottom-footer-area .copyright-text,
  body.emyui-aws-theme .arasistem-footer .arasistem-footer-copy .copyright-text {
    font-size: 0.68rem !important;
    line-height: 1.4 !important;
    opacity: 0.78;
  }

  body.emyui-aws-theme .arasistem-footer-attribution {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 22rem;
  }

  body.emyui-aws-theme .arasistem-footer .bottom-footer-area,
  body.emyui-aws-theme .arasistem-footer .arasistem-footer-copy {
    padding-top: 0.85rem !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  body.emyui-aws-theme .arasistem-footer .arasistem-footer-brand {
    border-top-color: transparent !important;
    border-top-width: 0 !important;
  }

  body.emyui-aws-theme .arasistem-footer .bottom-footer-area {
    padding-left: var(--as-mobile-gutter) !important;
    padding-right: var(--as-mobile-gutter) !important;
  }

  body.emyui-aws-theme .arasistem-footer .bottom-footer-area .copyright-text,
  body.emyui-aws-theme .arasistem-footer .arasistem-footer-copy .copyright-text {
    margin-bottom: 0 !important;
  }
}

body.emyui-aws-theme .brand-logo-signup > a > img,
body.emyui-aws-theme .this-is-login-page .brand-logo img,
body.emyui-aws-theme .this-is-login-page img[src*="logo"],
body.emyui-aws-theme .arasistem-auth-brand img {
  height: auto !important;
  max-height: 80px !important;
  max-width: min(360px, 78vw) !important;
  width: auto !important;
}

/* Header height follows logo — kill theme fixed 130px */
body.emyui-aws-theme header.site-header,
body.emyui-aws-theme header.site-header.site-header--absolute,
body.emyui-aws-theme header.site-header.site-header--sticky,
body.emyui-aws-theme header.site-header.fixed-header-layout {
  height: auto !important;
  max-height: none !important;
  min-height: calc(var(--as-logo-h) + (var(--as-header-pad-y) * 2) + 10px) !important;
  padding-top: var(--as-header-pad-y) !important;
  padding-bottom: var(--as-header-pad-y) !important;
  display: flex !important;
  align-items: center !important;
}

body.emyui-aws-theme header.site-header > .container,
body.emyui-aws-theme header.site-header > .container-fluid {
  width: 100%;
}

body.emyui-aws-theme header.site-header .navbar,
body.emyui-aws-theme .site-header .site-navbar,
body.emyui-aws-theme header.site-header .navbar.site-navbar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: var(--as-logo-h) !important;
  height: auto !important;
  align-items: center !important;
  flex-wrap: nowrap;
}

body.emyui-aws-theme .brand-logo,
body.emyui-aws-theme .brand-logo.big-brad-logo {
  display: flex !important;
  align-items: center !important;
  margin-right: 1.25rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  flex: 0 0 auto;
  max-width: min(420px, 48vw);
  height: var(--as-logo-h) !important;
}

body.emyui-aws-theme .brand-logo > a {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 0 !important;
  height: var(--as-logo-h) !important;
}

/* Header has two logo files — show only one */
body.emyui-aws-theme .brand-logo .arasistem-logo-img--on-dark {
  display: none !important;
}

body.emyui-aws-theme .brand-logo .arasistem-logo-img--on-light {
  display: block !important;
}

@media (min-width: 901px) {
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed):not(.reveal-header) .brand-logo .arasistem-logo-img--on-light {
    display: none !important;
  }

  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed):not(.reveal-header) .brand-logo .arasistem-logo-img--on-dark {
    display: block !important;
  }
}

.arasistem-narrow {
  max-width: 820px;
}

.arasistem-section {
  padding: 4.75rem 0;
}

.arasistem-page-body {
  padding: 3.25rem 0 4.25rem;
}

/* Alt sayfalar: header akışta (absolute değil) — ekstra boşluk yok */
.arasistem-page-body.arasistem-page-start {
  padding-top: 0.7rem;
}

.arasistem-stack-bar.arasistem-page-start {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

header.site-header.site-header--static {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100%;
  z-index: 1030;
  background: #fff;
}

/* Site header is not sticky on desktop — scroll away with the page.
   Homepage stays absolute over the hero; inner pages stay in flow. */
@media (min-width: 901px) {
  body.emyui-aws-theme header.site-header.top-header-fixed,
  body.emyui-aws-theme header.site-header.fixed-header-layout.top-header-fixed,
  body.emyui-aws-theme header.site-header.reveal-header {
    position: relative !important;
    top: auto !important;
    box-shadow: none !important;
  }

  body.emyui-aws-theme header.site-header.site-header--absolute,
  body.emyui-aws-theme header.site-header.site-header--absolute.top-header-fixed,
  body.emyui-aws-theme header.site-header.site-header--absolute.reveal-header {
    position: absolute !important;
    box-shadow: none !important;
  }
}

/* Boş alt sayfa hero / secondary nav şeridi — içerik yoksa gizle */
.hero-area-emyui-aws.text-page-hero,
.hero-area-emyui-aws.text-page-hero:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

.nav-scroller-subpages:not(:has(.nav-link, .nav-title, .nav-elements-box, a, button)) {
  display: none !important;
}

/* Client area: #main-body has 20px gray padding above the white content box.
   That reads as a stray bar under the header. Sit flush — desktop only. */
@media (min-width: 901px) {
  body.emyui-aws-theme:has(.arasistem-account-page) #main-body,
  body.emyui-aws-theme:has(.arasistem-dashboard) #main-body,
  body.emyui-aws-theme:has(.arasistem-contact-page.arasistem-client-page) #main-body,
  body.emyui-aws-theme #main-body:has(.arasistem-account-page),
  body.emyui-aws-theme #main-body:has(.arasistem-dashboard),
  body.emyui-aws-theme #main-body:has(.arasistem-contact-page.arasistem-client-page) {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body.emyui-aws-theme:has(.arasistem-account-page) .nav-scroller-subpages,
  body.emyui-aws-theme:has(.arasistem-dashboard) .nav-scroller-subpages,
  body.emyui-aws-theme:has(.arasistem-contact-page.arasistem-client-page) .nav-scroller-subpages {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
  }

  /* Inside the account shell, don't add a second inset */
  .arasistem-account-page .arasistem-contact-page.arasistem-page-body,
  .arasistem-account-page .arasistem-contact-page.arasistem-page-start,
  .arasistem-account-page .arasistem-contact-page.arasistem-client-page {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Guest contact sits on the marketing shell; match the features bar gap */
  #not-main-body .arasistem-account-page > .arasistem-contact-page.arasistem-page-start {
    padding-top: 0.7rem !important;
    padding-bottom: 4.25rem !important;
  }

  /* Fallback if contact is still on the marketing shell (#not-main-body) */
  #not-main-body .arasistem-contact-page.arasistem-client-page {
    padding-top: 1.5rem !important;
    padding-bottom: 2rem !important;
  }
}

/* Cart/checkout: kill header→content white gap (#main-body padding + empty strips) */
body.arasistem-cart-page #main-body,
body:has(#order-standard_cart.arasistem-cart) #main-body,
#main-body:has(.arasistem-cart) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  background: #f4f6f5 !important;
  min-height: 0 !important;
}

body.arasistem-cart-page .nav-scroller-subpages,
body:has(#order-standard_cart.arasistem-cart) .nav-scroller-subpages,
body:has(.arasistem-cart) .nav-scroller-subpages,
body.arasistem-cart-page .hero-area-emyui-aws:not(.arasistem-home-hero),
body:has(#order-standard_cart.arasistem-cart) .hero-area-emyui-aws:not(.arasistem-home-hero) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body.arasistem-cart-page #main-body > .container-fluid,
body:has(#order-standard_cart.arasistem-cart) #main-body > .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Outer .row keeps Bootstrap -15px gutters; with padding 0 it spills and shows a scrollbar */
body.arasistem-cart-page #main-body > .container-fluid > .row,
body:has(#order-standard_cart.arasistem-cart) #main-body > .container-fluid > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* No leftover white band above footer on cart/checkout — but don't fight sticky bars */
body.arasistem-cart-page .arasistem-cart,
body:has(#order-standard_cart.arasistem-cart) .arasistem-cart {
  padding-bottom: 1.25rem !important;
  margin-bottom: 0 !important;
}

/* Sticky checkout/config bars need real clearance (ID in :has beats class-only rules) */
body.emyui-aws-theme:has(.arasistem-cart-mobile-bar) #order-standard_cart.arasistem-cart,
body.emyui-aws-theme:has(.arasistem-checkout-mobile-bar) #order-standard_cart.arasistem-cart,
body.emyui-aws-theme:has(.arasistem-config-mobile-bar) #order-standard_cart.arasistem-cart,
body.arasistem-cart-page:has(.arasistem-cart-mobile-bar) #order-standard_cart.arasistem-cart {
  padding-bottom: calc(8rem + env(safe-area-inset-bottom, 0px)) !important;
}

body.arasistem-cart-page .arasistem-checkout-summary,
body:has(#order-standard_cart.arasistem-cart) .arasistem-checkout-summary,
body.arasistem-cart-page .arasistem-order-summary,
body:has(#order-standard_cart.arasistem-cart) .arasistem-order-summary {
  box-shadow: none !important;
}

.arasistem-card-gap {
  margin-left: calc(var(--as-card-gap) * -0.5) !important;
  margin-right: calc(var(--as-card-gap) * -0.5) !important;
}

.arasistem-card-gap > [class*="col-"] {
  padding-left: calc(var(--as-card-gap) * 0.5) !important;
  padding-right: calc(var(--as-card-gap) * 0.5) !important;
  margin-bottom: var(--as-card-gap);
}

/* —— Home hero —— */
.arasistem-home-hero:not(.arasistem-home-hero--studio) {
  min-height: 560px;
  /* Dark base — matches night office photo (lavender clashed with warm lamp + cool city) */
  background: #10151d !important;
  background-image: none !important;
  display: block !important;
  text-align: left !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
}

.arasistem-hero-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.arasistem-hero-media picture {
  display: block;
  width: 100%;
  height: 100%;
}

.arasistem-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 28% center;
  display: block;
}

@media (min-width: 992px) {
  /* One cinematic scene: photo as full cover, soft left read-veil (no hard split) */
  .arasistem-hero-media {
    left: 0;
    right: 0;
    width: 100%;
  }

  .arasistem-hero-media::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    /* Wide soft veil for copy — fades into the desk, not a flat black slab */
    background:
      linear-gradient(
        100deg,
        rgba(8, 12, 18, 0.92) 0%,
        rgba(8, 12, 18, 0.78) 22%,
        rgba(10, 40, 30, 0.42) 40%,
        rgba(8, 12, 18, 0.14) 55%,
        rgba(8, 12, 18, 0) 72%
      ),
      linear-gradient(
        180deg,
        rgba(8, 12, 18, 0.45) 0%,
        rgba(8, 12, 18, 0) 28%,
        rgba(8, 12, 18, 0) 78%,
        rgba(8, 12, 18, 0.35) 100%
      );
  }

  .arasistem-hero-media::after {
    display: none;
  }

  .arasistem-hero-media img {
    object-fit: cover;
    /* Person is on the left of the source — shift him into the open right half */
    object-position: 8% 40%;
    transform: scale(1.16) translateX(9%);
    transform-origin: center center;
    filter: none;
  }

  .arasistem-home-hero .arasistem-hero-panel {
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
      0 26px 60px rgba(0, 0, 0, 0.32),
      0 1px 0 rgba(255, 255, 255, 0.75) inset;
    border: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
  }
}

.arasistem-hero-inner {
  position: relative;
  z-index: 2;
  padding: 120px 32px 96px;
  max-width: 1400px;
  margin: 0 auto;
}

.arasistem-hero-panel {
  background: rgba(255, 255, 255, 0.96);
  border-radius: 20px;
  padding: 2rem 1.85rem 2rem 2rem;
  box-shadow: var(--as-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.75);
  max-width: 540px;
  position: relative;
}

.arasistem-hero-panel::before {
  content: '';
  position: absolute;
  left: 0;
  top: 1.35rem;
  bottom: 1.35rem;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--as-green-accent) 0%, var(--as-green) 100%);
}

.arasistem-hero-panel .hero-area-emyui-aws-title {
  font-size: clamp(1.85rem, 2.4vw, 2.65rem) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em;
}

.arasistem-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}

.arasistem-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.38rem 0.85rem;
  border-radius: 999px;
  background: rgba(27, 94, 59, 0.07);
  color: var(--as-green);
  font-size: 0.78rem;
  font-weight: 600;
  border: 1px solid rgba(27, 94, 59, 0.16);
  letter-spacing: 0.01em;
}

.arasistem-hero-panel .hero-btns {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}

.arasistem-hero-panel .hero-btns .btn {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  width: auto !important;
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 575px) {
  .arasistem-hero-panel .hero-btns {
    flex-wrap: wrap;
  }

  .arasistem-hero-panel .hero-btns .btn {
    flex: 1 1 auto;
    min-width: 0;
  }
}

@media (min-width: 992px) {
  .arasistem-hero-chips { justify-content: flex-start; }
}

@media (max-width: 991px) {
  .arasistem-home-hero:not(.arasistem-home-hero--studio) {
    min-height: 0;
    display: flex !important;
    flex-direction: column;
    /* No photo on mobile — keep a clean light stage for the copy card */
    background: var(--as-surface, #f5f7f6) !important;
  }
  .arasistem-hero-media {
    display: none !important;
  }
  .arasistem-hero-inner { padding: 24px 16px 32px; }
  .arasistem-hero-panel {
    background: #fff;
    box-shadow: none;
    max-width: none;
  }
}

/* —— Subpage hero —— */
.arasistem-page-hero {
  background:
    radial-gradient(1200px 400px at 10% -20%, rgba(154, 187, 58, 0.18), transparent 55%),
    linear-gradient(135deg, #0f3d2e 0%, #1b5e3b 48%, #245c3f 100%);
  color: #fff;
  padding: 0.95rem 1.25rem 0.85rem;
  text-align: center;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.arasistem-page-hero::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: min(220px, 40%);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(154, 187, 58, 0.7), transparent);
}

.arasistem-page-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.68rem;
  font-weight: 600;
  opacity: 0.72;
  margin-bottom: 0.3rem;
}

.arasistem-page-title {
  font-family: var(--as-font) !important;
  font-weight: 600;
  font-size: clamp(1.45rem, 2.4vw, 1.9rem);
  line-height: 1.25;
  margin: 0 0 0.35rem;
  color: #fff;
  letter-spacing: -0.02em;
  text-transform: none;
}

.arasistem-page-rule {
  display: block;
  width: 42px;
  height: 2px;
  margin: 0 auto 0.45rem;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--as-green-accent), rgba(255, 255, 255, 0.55));
}

.arasistem-page-subtitle {
  max-width: 40rem;
  margin: 0 auto;
  font-size: 0.92rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.75);
}

/* —— Trust —— */
.arasistem-trust-section {
  padding-top: 3rem;
}

.arasistem-trust-card {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: var(--as-radius);
  padding: 1.75rem 1.35rem;
  height: 100%;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition: box-shadow 0.22s ease, transform 0.22s ease, border-color 0.22s ease;
}

.arasistem-trust-card:hover {
  box-shadow: var(--as-shadow-soft);
  border-color: rgba(27, 94, 59, 0.22);
  transform: translateY(-3px);
}

.arasistem-trust-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 1rem;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(22, 163, 74, 0.14);
  color: var(--as-green-bright);
  font-size: 1.55rem;
  border: 1px solid rgba(22, 163, 74, 0.28);
}

.arasistem-trust-card.is-tone-sky .arasistem-trust-icon {
  background: rgba(2, 132, 199, 0.14);
  color: var(--as-sky);
  border-color: rgba(2, 132, 199, 0.28);
}

.arasistem-trust-card.is-tone-violet .arasistem-trust-icon {
  background: rgba(124, 58, 237, 0.14);
  color: var(--as-violet);
  border-color: rgba(124, 58, 237, 0.28);
}

.arasistem-trust-card.is-tone-green .arasistem-trust-icon {
  background: rgba(22, 163, 74, 0.16);
  color: var(--as-green-bright);
  border-color: rgba(22, 163, 74, 0.3);
}

/* —— Proof band —— */
.arasistem-proof-band {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.35fr);
  gap: 1.75rem 2rem;
  align-items: center;
  background: linear-gradient(180deg, #fbfcfc 0%, var(--as-surface) 100%);
  border: 1px solid var(--as-border);
  border-radius: 22px;
  padding: 2rem 2rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.arasistem-proof-intro h2 {
  margin-bottom: 0.45rem;
}

.arasistem-proof-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid rgba(27, 94, 59, 0.1);
  border-radius: 16px;
  overflow: hidden;
}

.arasistem-proof-stat {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  text-align: center;
  padding: 1.15rem 0.85rem;
  margin: 0;
}

.arasistem-proof-stat:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 18%;
  bottom: 18%;
  width: 1px;
  background: linear-gradient(180deg, transparent, var(--as-hairline, rgba(16, 24, 40, 0.1)), transparent);
}

.arasistem-proof-stat-val,
.arasistem-proof-stat strong {
  display: block;
  margin: 0;
  font-size: 1.85rem;
  font-weight: 800;
  color: var(--as-green);
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.arasistem-proof-stat-label,
.arasistem-proof-stat span {
  display: block;
  margin: 0;
  max-width: 11rem;
  font-size: 0.82rem;
  color: var(--as-muted);
  line-height: 1.35;
}

@media (max-width: 991px) {
  .arasistem-proof-band {
    grid-template-columns: 1fr;
    gap: 0.95rem;
    padding: 1.15rem 1rem 1rem;
    border-radius: 18px;
  }

  .arasistem-proof-intro h2 {
    font-size: 1.2rem;
    line-height: 1.28;
    margin-bottom: 0.35rem;
  }

  .arasistem-proof-intro p {
    font-size: 0.88rem;
    line-height: 1.45;
  }

  .arasistem-proof-stats {
    grid-template-columns: 1fr;
    border-radius: 14px;
  }

  .arasistem-proof-stat {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    text-align: left;
    padding: 0.8rem 0.9rem;
  }

  .arasistem-proof-stat:not(:last-child)::after {
    display: none;
  }

  .arasistem-proof-stat:not(:last-child) {
    border-bottom: 1px solid rgba(15, 40, 28, 0.07);
  }

  .arasistem-proof-stat-val,
  .arasistem-proof-stat strong {
    flex: 0 0 auto;
    min-width: 3.25rem;
    padding: 0.35rem 0.45rem;
    border-radius: 10px;
    background: rgba(27, 94, 59, 0.08);
    font-size: 1.15rem;
    text-align: center;
  }

  .arasistem-proof-stat-label,
  .arasistem-proof-stat span {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    font-size: 0.9rem;
    font-weight: 550;
    color: #3d5248;
    text-align: left;
  }
}

/* —— Channels —— */
.arasistem-channel-card {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: var(--as-radius);
  padding: 1.6rem 1rem;
  text-align: center;
  height: 100%;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition: box-shadow 0.22s ease, transform 0.22s ease, border-color 0.22s ease;
}

.arasistem-channel-card:hover {
  box-shadow: var(--as-shadow-soft);
  border-color: rgba(27, 94, 59, 0.2);
  transform: translateY(-2px);
}

.arasistem-channel-card.is-hub {
  border-color: rgba(27, 94, 59, 0.28);
  box-shadow: 0 10px 28px rgba(27, 94, 59, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.arasistem-channel-icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 0.85rem;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(22, 163, 74, 0.14);
  color: var(--as-green-bright);
  font-size: 1.35rem;
  border: 1px solid rgba(22, 163, 74, 0.28);
}

.arasistem-channel-card.is-tone-sky .arasistem-channel-icon {
  background: rgba(2, 132, 199, 0.14);
  color: var(--as-sky);
  border-color: rgba(2, 132, 199, 0.28);
}

.arasistem-channel-card.is-tone-amber .arasistem-channel-icon {
  background: rgba(234, 88, 12, 0.14);
  color: var(--as-amber);
  border-color: rgba(234, 88, 12, 0.28);
}

.arasistem-channel-card.is-hub .arasistem-channel-icon {
  background: var(--as-green);
  color: #fff;
  border-color: transparent;
}

.arasistem-channel-tag {
  display: inline-block;
  margin-top: 0.65rem;
  padding: 0.2rem 0.55rem;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--as-muted);
  border: 1px solid var(--as-border-soft);
  border-radius: 999px;
  background: var(--as-surface);
}

.arasistem-channel-arrow {
  color: #b0b8c0;
  font-size: 1.1rem;
  opacity: 0.85;
}

/* —— Spotlight —— */
.arasistem-spotlight-section {
  background: var(--as-surface);
}

.arasistem-spotlight-media {
  background: #fff;
  border-radius: 22px;
  border: 1px solid var(--as-border);
  padding: 1.5rem;
  box-shadow: var(--as-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.95);
  text-align: center;
}

.arasistem-spotlight-media img {
  max-width: 100%;
  max-height: 280px;
  width: auto;
  height: auto;
}

/* —— Pricing —— */
.arasistem-pricing-row {
  align-items: stretch;
}

.arasistem-pricing-row > [class*="col-"] {
  display: flex;
}

.arasistem-pricing-row .emyui-ews-plans-group {
  background: #fff;
  border: 1px solid var(--as-border) !important;
  border-radius: 18px !important;
  padding: 3.1rem 1.6rem 1.9rem !important;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
  transition: box-shadow 0.22s ease, transform 0.22s ease, border-color 0.22s ease;
  position: relative;
}

.arasistem-pricing-row .emyui-ews-plans-group:hover {
  box-shadow: var(--as-shadow-soft);
  border-color: rgba(27, 94, 59, 0.22) !important;
  transform: translateY(-3px);
}

.arasistem-pricing-row .emyui-ews-plans-group.is-featured {
  border-color: rgba(27, 94, 59, 0.42) !important;
  box-shadow: 0 16px 40px rgba(27, 94, 59, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.arasistem-pricing-row .emyui-ews-plans-group ul li {
  border-bottom: 1px solid var(--as-border-soft);
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}

.arasistem-pricing-row .emyui-ews-plans-group ul li:last-child {
  border-bottom: 0;
}

.arasistem-plan-cta {
  display: inline-block;
  margin: 0.75rem 0 1.25rem;
  padding: 0.7rem 1.35rem;
  border-radius: 10px;
  background: var(--as-green);
  color: #fff !important;
  font-weight: 600;
  text-decoration: none !important;
  border: 1px solid transparent;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.arasistem-plan-cta:hover {
  background: var(--as-green-deep);
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(27, 94, 59, 0.22);
}

.arasistem-pricing-row .is-featured .emyui-ews-plans-feature-plan {
  background: var(--as-green);
  color: #fff;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 16px 16px 0 0;
  z-index: 2;
}

.arasistem-pricing-row .is-featured .emyui-ews-plans-feature-plan:before {
  background: url("data:image/svg+xml,%3Csvg width='32' height='13' viewBox='0 0 32 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3432 2.65685L0 13H32L21.6569 2.65686C18.5327 -0.467339 13.4673 -0.467344 10.3432 2.65685Z' fill='%231b5e3b'/%3E%3C/svg%3E") no-repeat 100% 50%/100% auto;
}

.arasistem-plan-cta-outline {
  margin: 0.75rem 0 1.25rem !important;
  border: 1px solid var(--as-hairline) !important;
}

/* —— Features —— */
.arasistem-features-section {
  background: var(--as-surface);
}

.main-webhosting-features-item {
  border: 1px solid var(--as-border);
  border-radius: 16px;
  margin-bottom: 1rem;
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.main-webhosting-features-item:hover {
  border-color: rgba(27, 94, 59, 0.28);
  box-shadow: var(--as-shadow);
  transform: translateY(-2px);
}

.arasistem-feature-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(22, 163, 74, 0.14);
  color: var(--as-green-bright);
  font-size: 1.3rem;
  border: 1px solid rgba(22, 163, 74, 0.28);
}

.main-webhosting-features-item.is-tone-sky .arasistem-feature-icon {
  background: rgba(2, 132, 199, 0.14);
  color: var(--as-sky);
  border-color: rgba(2, 132, 199, 0.28);
}
.main-webhosting-features-item.is-tone-amber .arasistem-feature-icon {
  background: rgba(234, 88, 12, 0.14);
  color: var(--as-amber);
  border-color: rgba(234, 88, 12, 0.28);
}
.main-webhosting-features-item.is-tone-green .arasistem-feature-icon {
  background: rgba(22, 163, 74, 0.16);
  color: var(--as-green-bright);
  border-color: rgba(22, 163, 74, 0.3);
}
.main-webhosting-features-item.is-tone-violet .arasistem-feature-icon {
  background: rgba(124, 58, 237, 0.14);
  color: var(--as-violet);
  border-color: rgba(124, 58, 237, 0.28);
}
.main-webhosting-features-item.is-tone-rose .arasistem-feature-icon {
  background: rgba(225, 29, 72, 0.12);
  color: var(--as-rose);
  border-color: rgba(225, 29, 72, 0.26);
}
.main-webhosting-features-item.is-tone-teal .arasistem-feature-icon {
  background: rgba(13, 148, 136, 0.14);
  color: var(--as-teal);
  border-color: rgba(13, 148, 136, 0.28);
}

.main-webhosting-features-item {
  border: 1px solid var(--as-border);
  border-radius: 16px;
  margin-bottom: 0;
  height: 100%;
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

/* —— How it works —— */
.how-it-works-section {
  background: #fff !important;
}

.how-it-works-section .how-it-works-item {
  margin-bottom: 1.75rem;
  padding: 1.5rem;
  border-radius: 18px;
  background: var(--as-surface);
  border: 1px solid var(--as-border);
}

.how-it-works-section .how-it-works-item-number {
  position: static !important;
  max-width: none !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  display: block !important;
  margin: 0 0 0.75rem !important;
  overflow: visible !important;
  text-align: left !important;
}

.how-it-works-section .how-it-works-item-number:before,
.how-it-works-section .how-it-works-item-number:after,
.how-it-works-section .how-it-works-item:after {
  display: none !important;
  content: none !important;
}

.how-it-works-section .how-it-works-item-number small {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #e8f3ec;
  color: var(--as-green) !important;
  font-size: 15px !important;
  font-weight: 700;
  box-shadow: none;
  position: relative;
  z-index: 1;
}

.how-it-works-section .how-it-works-item.item-two .how-it-works-item-number small {
  background: #efeaff;
  color: #6b4fd8 !important;
}

.how-it-works-section .how-it-works-item.item-tree .how-it-works-item-number small {
  background: #e8f8fc;
  color: #0196b3 !important;
}

.how-it-works-section .how-it-works-item.item-four .how-it-works-item-number small {
  background: #e8f3ec;
  color: var(--as-green) !important;
}

.how-it-works-section .arasistem-how-visual img {
  border-radius: 14px;
  max-height: 240px;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.arasistem-how-copy,
.how-it-works-item img {
  position: relative;
  z-index: 2;
}

/* —— Status / FAQ / CTA —— */
.arasistem-status-legend {
  background: var(--as-surface);
  border: 1px solid var(--as-border);
  border-radius: 18px;
  padding: 1.85rem 1.5rem;
}

.arasistem-status-card {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: #fff;
  border-radius: 12px;
  padding: 1rem 1.1rem;
  border: 1px solid var(--as-border);
  height: 100%;
}

.arasistem-status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: 0.35rem;
  flex-shrink: 0;
}

.arasistem-status-card.is-info .arasistem-status-dot { background: #2f80ed; }
.arasistem-status-card.is-warn .arasistem-status-dot { background: #e2a93b; }
.arasistem-status-card.is-danger .arasistem-status-dot { background: #d64545; }

/* —— FAQ / SSS —— */
.arasistem-faq {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.arasistem-faq-item {
  border-bottom: 1px solid var(--as-border-soft);
  background: transparent;
}

.arasistem-faq-item:last-child {
  border-bottom: 0;
}

.arasistem-faq-item-head {
  padding: 0;
  background: transparent;
}

.arasistem-faq-trigger {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  margin: 0;
  padding: 0.85rem 0.35rem 0.85rem 0.15rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--as-ink);
  text-align: left;
  cursor: pointer;
  transition: color 0.15s ease, background 0.15s ease;
}

.arasistem-faq-trigger:hover,
.arasistem-faq-trigger:focus {
  color: var(--as-green);
  background: transparent;
  outline: none;
  box-shadow: none;
}

.arasistem-faq-trigger:not(.collapsed) {
  color: var(--as-green-deep);
}

.arasistem-faq-num {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 8px;
  background: rgba(27, 94, 59, 0.1);
  color: var(--as-green);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
}

.arasistem-faq-trigger:not(.collapsed) .arasistem-faq-num {
  background: var(--as-green);
  color: #fff;
}

.arasistem-faq-q {
  flex: 1;
  min-width: 0;
  font-size: 0.92rem;
  line-height: 1.35;
  font-weight: 650;
  color: inherit;
}

.arasistem-faq-chevron {
  flex-shrink: 0;
  color: #98a2b3;
  font-size: 0.72rem;
  transition: transform 0.2s ease, color 0.15s ease;
}

.arasistem-faq-trigger:not(.collapsed) .arasistem-faq-chevron {
  transform: rotate(180deg);
  color: var(--as-green);
}

.arasistem-faq-a {
  padding: 0 0.35rem 0.95rem 2.55rem;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--as-muted);
}

/* Legacy card classes (homepage safety) */
.arasistem-faq .card,
.arasistem-faq-item.card {
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  background: transparent;
}

.arasistem-faq .card-header {
  border: 0;
  padding: 0;
  background: transparent !important;
}

.arasistem-faq .card-body {
  border: 0;
  padding: 0;
  background: transparent;
}

.arasistem-faq .btn-link {
  color: inherit !important;
  font-weight: 650;
  text-decoration: none !important;
  box-shadow: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
}

.arasistem-faq-page {
  max-width: 1180px;
  margin: 0 auto;
}

.arasistem-faq-wrap {
  max-width: 1100px;
}

.arasistem-faq-split {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
  gap: 1.15rem;
  align-items: start;
}

.arasistem-faq-split-side {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  position: sticky;
  top: 1rem;
}

.arasistem-faq-split-side .arasistem-client-pagehead {
  margin-bottom: 0;
}

.arasistem-faq-shortcuts {
  margin-bottom: 0.85rem;
}

.arasistem-faq-shortcuts--stack {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.45rem;
  margin-bottom: 0;
}

.arasistem-faq-panel {
  margin-bottom: 0.85rem;
}

.arasistem-faq-panel-body {
  padding: 0.15rem 0.85rem 0.35rem !important;
}

.arasistem-faq-still {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.85rem 1.1rem;
  text-align: left;
  background: #f7f9f8;
  border: 1px solid transparent;
  border-radius: 14px;
  padding: 0.95rem 1.05rem;
}

.arasistem-faq-still-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 11px;
  background: rgba(27, 94, 59, 0.1);
  color: var(--as-green);
  font-size: 1.05rem;
}

.arasistem-faq-still-copy {
  flex: 1;
  min-width: 180px;
}

.arasistem-faq-still-copy h3 {
  margin: 0 0 0.2rem;
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--as-ink);
}

.arasistem-faq-still-copy p {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.4;
  color: var(--as-muted);
}

.arasistem-faq-still-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

@media (max-width: 991px) {
  .arasistem-faq-split {
    grid-template-columns: 1fr;
    gap: 0.85rem;
  }

  .arasistem-faq-split-side {
    position: static;
  }
}

@media (max-width: 575px) {
  .arasistem-faq-a {
    padding-left: 0.15rem;
  }

  .arasistem-faq-still {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }

  .arasistem-faq-still-icon {
    margin: 0 auto;
  }

  .arasistem-faq-still-actions {
    justify-content: center;
  }
}

.arasistem-cta-band {
  background: linear-gradient(135deg, #0f3d2e 0%, #1b5e3b 55%, #2d7a4a 100%);
  padding: 4rem 1.25rem !important;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.arasistem-cta-inner {
  max-width: 720px;
}

.arasistem-cta-rule {
  display: block;
  width: 42px;
  height: 2px;
  margin: 0 auto 1.25rem;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--as-green-accent), rgba(255, 255, 255, 0.55));
}

.arasistem-cta-band .btn {
  margin-bottom: 0.5rem;
  border-width: 1px;
}

.arasistem-cta-band .btn-outline-light {
  border-color: rgba(255, 255, 255, 0.45) !important;
}

.arasistem-cta-band .btn-outline-light:hover {
  border-color: #fff !important;
}

.arasistem-page {
  background: #fff;
}

@media (max-width: 767px) {
  .arasistem-section {
    padding: 3rem 0;
  }
  .arasistem-page-hero {
    padding: 0.8rem 1rem 0.7rem;
  }
  .arasistem-proof-stat strong {
    font-size: 1.5rem;
  }
}

/* —— Header CTA + desktop nav —— */
.arasistem-header-cta {
  background: var(--as-green) !important;
  border-color: var(--as-green) !important;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.arasistem-header-cta:hover,
.arasistem-header-cta:focus {
  background: var(--as-green-deep) !important;
  border-color: var(--as-green-deep) !important;
  color: #fff !important;
}

/* Header KB search is unused — hide on every breakpoint if markup remains */
body.emyui-aws-theme header.site-header .search-btn-header,
body.emyui-aws-theme header.site-header .emyui-searchbar-header {
  display: none !important;
}

.whmcs-top-header-area .right-top-header-area-menu-support {
  list-style: none;
  margin: 0;
  padding: 0;
}

.whmcs-top-header-area .arasistem-top-support-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 0.4rem;
  min-height: 30px;
  padding: 0.28rem 0.75rem !important;
  border-radius: 999px !important;
  background: var(--as-green) !important;
  border: 1px solid var(--as-green) !important;
  color: #fff !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.whmcs-top-header-area .arasistem-top-support-btn i {
  font-size: 0.9rem;
  margin: 0 !important;
  color: #fff !important;
}

.whmcs-top-header-area .arasistem-top-support-btn:hover,
.whmcs-top-header-area .arasistem-top-support-btn:focus {
  background: var(--as-green-deep) !important;
  border-color: var(--as-green-deep) !important;
  color: #fff !important;
}

@media (max-width: 575px) {
  .whmcs-top-header-area .arasistem-top-support-btn span {
    display: none;
  }

  .whmcs-top-header-area .arasistem-top-support-btn {
    width: 30px;
    height: 30px;
    min-height: 30px;
    padding: 0 !important;
    justify-content: center;
  }
}

@media (min-width: 901px) {
  header.site-header .navbar-expand-lg .navbar-collapse,
  .site-navbar.navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    flex: 1 1 auto;
    min-width: 0;
    position: static !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* Mobile drawer chrome must never leak onto desktop nav */
  #mobile-menu .arasistem-mobile-menu-head,
  #mobile-menu .arasistem-mobile-menu-cta {
    display: none !important;
  }

  header.site-header .main-menu,
  .site-navbar .main-menu {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }

  header.site-header .main-menu > li > .nav-link,
  .site-navbar .main-menu > li > .nav-link {
    padding-left: 0.55rem !important;
    padding-right: 0.55rem !important;
    white-space: nowrap;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: -0.3px !important;
  }

  header.site-header .header-btn-whmcs,
  .site-navbar .header-btn-whmcs {
    flex: 0 0 auto;
  }

  header.site-header .btn-close-off-canvas,
  .site-navbar .btn-close-off-canvas {
    display: none !important;
  }
}

.arasistem-top-header-end {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-left: auto;
  height: 55px;
}

.arasistem-top-header-slot {
  display: none;
  align-items: center;
}

.arasistem-header-actions-home {
  display: flex;
  align-items: center;
  margin-left: auto;
}

body.as-actions-in-topbar .arasistem-header-actions-home {
  display: none !important;
}

body.as-actions-in-topbar .arasistem-top-header-slot {
  display: flex;
}

body.as-actions-in-topbar .whmcs-top-header-area {
  position: relative;
  z-index: 1100;
}

body.as-actions-in-topbar .whmcs-top-header-area,
body.as-actions-in-topbar .whmcs-top-header-area .container-fluid,
body.as-actions-in-topbar .whmcs-top-header-area .top-header-area-menu,
body.as-actions-in-topbar .arasistem-top-header-end,
body.as-actions-in-topbar .arasistem-top-header-slot,
body.as-actions-in-topbar .whmcs-top-header-area .header-btn-whmcs,
body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header,
body.as-actions-in-topbar .whmcs-top-header-area .nav-item,
body.as-actions-in-topbar .whmcs-top-header-area .dropdown {
  overflow: visible !important;
}

body.as-actions-in-topbar .whmcs-top-header-area .header-btn-whmcs {
  display: flex !important;
  align-items: center;
  gap: 0.45rem;
  margin: 0 !important;
  height: auto;
  min-height: 0;
  position: relative !important;
}

body.as-actions-in-topbar .whmcs-top-header-area .shoping-cart-btn-header,
body.as-actions-in-topbar .whmcs-top-header-area .notifications-btn-header,
body.as-actions-in-topbar .whmcs-top-header-area .signup-btn-header-ews-style,
body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .nav-link,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header .nav-link {
  color: #e8eee9 !important;
  text-shadow: none !important;
}

body.as-actions-in-topbar .whmcs-top-header-area .shoping-cart-btn-header i,
body.as-actions-in-topbar .whmcs-top-header-area .notifications-btn-header i,
body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .nav-link i,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header .nav-link i {
  color: #e8eee9 !important;
}

body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu,
body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu.d-none,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header {
  display: flex !important;
  align-items: center;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .nav-item,
body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .dropdown,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header .nav-item,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header .account.dropdown {
  position: relative !important;
}

/* Welcome name must stay visible in the 55px strip — beat icon-only / transparent rules */
body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu > .nav-item > .nav-link,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header .account.dropdown > .nav-link,
body.as-actions-in-topbar .whmcs-top-header-area .header-btn-whmcs .arasistem-user-menu .nav-link,
body.as-actions-in-topbar .whmcs-top-header-area .header-btn-whmcs .user-dropdown-header .nav-link {
  font-size: 0.8rem !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0.2rem 0.4rem !important;
  margin: 0 !important;
  color: #e8eee9 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem;
}

body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu > .nav-item > .nav-link::before,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header .nav-link::before,
body.as-actions-in-topbar .whmcs-top-header-area .header-btn-whmcs .arasistem-user-menu .nav-link::before,
body.as-actions-in-topbar .whmcs-top-header-area .header-btn-whmcs .user-dropdown-header .nav-link::before {
  content: "\e8e9" !important;
  font-family: "feather" !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  color: #e8eee9 !important;
  display: inline-block !important;
  position: static !important;
}

body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu > .nav-item > .nav-link::after,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header .nav-link::after {
  display: none !important;
}

body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .nav-item.dropdown:hover,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header .nav-item.dropdown:hover,
body.as-actions-in-topbar .whmcs-top-header-area .notifications-dropdown:hover {
  padding-bottom: 0.85rem;
  margin-bottom: -0.85rem;
}

body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .coodiv-menu-dropdown,
body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .dropdown-menu,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header .coodiv-menu-dropdown,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header .dropdown-menu,
body.as-actions-in-topbar .whmcs-top-header-area .notifications-dropdown .coodiv-menu-dropdown {
  position: absolute !important;
  top: calc(100% - 0.2rem) !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
  float: none !important;
  z-index: 2;
  min-width: 260px !important;
  max-width: 300px !important;
  width: max-content !important;
  background: #fff !important;
  pointer-events: none;
}

body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .coodiv-menu-dropdown::before,
body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .dropdown-menu::before,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header .coodiv-menu-dropdown::before,
body.as-actions-in-topbar .whmcs-top-header-area .notifications-dropdown .coodiv-menu-dropdown::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -0.75rem;
  height: 0.85rem;
}

body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .nav-item.dropdown:hover > .coodiv-menu-dropdown,
body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .nav-item.dropdown:hover > .dropdown-menu,
body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .dropdown:hover > .coodiv-menu-dropdown,
body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .coodiv-menu-dropdown.show,
body.as-actions-in-topbar .whmcs-top-header-area .arasistem-user-menu .dropdown-menu.show,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header .nav-item.dropdown:hover > .coodiv-menu-dropdown,
body.as-actions-in-topbar .whmcs-top-header-area .user-dropdown-header .coodiv-menu-dropdown.show,
body.as-actions-in-topbar .whmcs-top-header-area .notifications-dropdown:hover > .coodiv-menu-dropdown,
body.as-actions-in-topbar .whmcs-top-header-area .notifications-dropdown .coodiv-menu-dropdown.show {
  z-index: 20 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  top: calc(100% - 0.2rem) !important;
  background: #fff !important;
}

body.as-actions-in-topbar .whmcs-top-header-area .arasistem-account-trigger,
body.as-actions-in-topbar .whmcs-top-header-area .signup-btn-header-mobile {
  display: none !important;
}

body.as-actions-in-topbar .whmcs-top-header-area .header-btn:has(.arasistem-header-cta),
body.as-actions-in-topbar .whmcs-top-header-area .header-btn.d-none.d-lg-block {
  display: block !important;
}

body.as-actions-in-topbar .whmcs-top-header-area .arasistem-header-cta {
  display: inline-flex !important;
  align-items: center;
  min-height: 30px;
  padding: 0.28rem 0.75rem !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  margin: 0 !important;
}

@media (min-width: 901px) and (max-width: 1099.98px) {
  body.as-actions-in-topbar .right-top-header-area-menu li:nth-child(-n+2) {
    display: none;
  }
}

/* 901–1399: icons lift to the top bar — center the nav in leftover header space */
@media (min-width: 901px) and (max-width: 1399.98px) {
  header.site-header .navbar.site-navbar,
  body.emyui-aws-theme header.site-header .navbar.site-navbar {
    justify-content: flex-start !important;
  }

  header.site-header #mobile-menu.navbar-collapse,
  header.site-header #mobile-menu .navbar-nav-wrapper,
  body.emyui-aws-theme header.site-header #mobile-menu.navbar-collapse,
  body.emyui-aws-theme header.site-header #mobile-menu .navbar-nav-wrapper,
  body.as-actions-in-topbar header.site-header #mobile-menu.navbar-collapse,
  body.as-actions-in-topbar header.site-header #mobile-menu .navbar-nav-wrapper {
    display: flex !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    justify-content: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  header.site-header #mobile-menu .main-menu,
  body.emyui-aws-theme header.site-header #mobile-menu .main-menu,
  body.emyui-aws-theme header.site-header .main-menu,
  body.as-actions-in-topbar header.site-header #mobile-menu .main-menu {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
  }

  header.site-header .arasistem-header-actions-home {
    flex: 0 0 auto;
    margin-left: 0;
  }
}

/* —— Footer —— */
.arasistem-footer .arasistem-footer-help {
  background: rgba(255, 255, 255, 0.03);
}

.arasistem-footer .arasistem-footer-brand {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.arasistem-footer .footer-list-link {
  opacity: 0.82;
}

.arasistem-footer .footer-list-link:hover {
  opacity: 1;
  color: var(--as-green-accent) !important;
}

/* —— Legal + contact —— */
.arasistem-legal-head {
  margin: 0 0 1.15rem;
  padding-bottom: 0;
  border-bottom: 0;
}

.arasistem-legal-eyebrow {
  margin: 0 0 0.4rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--as-green, #1b5e3b);
}

.arasistem-legal-title {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 750;
  letter-spacing: -0.02em;
  color: #122018;
}

.arasistem-legal-body {
  white-space: pre-line;
  font-size: 0.875rem;
  line-height: 1.65;
}

.arasistem-dash-list-row {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.arasistem-dash-list-row > i {
  flex: 0 0 auto;
  margin-top: 0.2rem;
}

.arasistem-dash-list-label {
  flex: 1 1 auto;
  min-width: 0;
}

.arasistem-dash-list-row .badge {
  flex: 0 0 auto;
  align-self: center;
}

.arasistem-contact-page {
  max-width: 1180px;
  margin: 0 auto;
}

.arasistem-contact-wrap {
  max-width: 1100px;
}

.arasistem-contact-split {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr);
  gap: 1.15rem;
  align-items: start;
}

.arasistem-contact-split-side {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  position: sticky;
  top: 1rem;
}

.arasistem-contact-split-side .arasistem-client-pagehead {
  margin-bottom: 0;
}

.arasistem-contact-shortcuts {
  margin-bottom: 0.85rem;
}

.arasistem-contact-shortcuts--stack {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.45rem;
  margin-bottom: 0;
}

.arasistem-contact-panel {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .arasistem-contact-split {
    grid-template-columns: 1fr;
    gap: 0.85rem;
  }

  .arasistem-contact-split-side {
    position: static;
  }
}

.arasistem-contact-card {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: var(--as-radius);
  box-shadow: var(--as-shadow);
  padding: 2rem 1.75rem;
}

.arasistem-contact-form .form-group {
  margin-bottom: 0.65rem;
}

.arasistem-contact-form label,
.arasistem-contact-form .arasistem-account-label {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--as-muted);
}

.arasistem-contact-form .form-control,
.arasistem-contact-panel .form-control,
.arasistem-contact-panel .arasistem-contact-form .form-control,
.arasistem-contact-panel.arasistem-ticket-panel .form-control {
  min-height: 44px !important;
  height: 44px !important;
  padding: 0.45rem 0.8rem !important;
  border-radius: 8px !important;
  border: 1px solid var(--as-border) !important;
  background: #fff !important;
  font-size: 0.875rem !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
}

.arasistem-contact-form .form-control:focus,
.arasistem-contact-panel .form-control:focus {
  border-color: rgba(27, 94, 59, 0.4) !important;
  box-shadow: var(--as-ring) !important;
  outline: none !important;
}

.arasistem-contact-form textarea.form-control,
.arasistem-contact-panel textarea.form-control,
.arasistem-contact-panel.arasistem-ticket-panel textarea.form-control {
  min-height: 140px !important;
  height: auto !important;
  padding: 0.55rem 0.75rem !important;
  resize: vertical;
  line-height: 1.45 !important;
}

.arasistem-contact-panel .arasistem-ticket-section {
  margin-bottom: 0.85rem;
  padding: 0.8rem 0.9rem;
}

/* —— Cart / slug —— */
#order-standard_cart .arasistem-slug-box,
.emyui-cart-aws .arasistem-slug-box,
.arasistem-slug-box {
  margin-top: 1rem;
  padding: 1.15rem 1.25rem;
  background: var(--as-surface);
  border: 1px solid var(--as-border);
  border-radius: 14px;
}

.arasistem-slug-box-title {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--as-green-deep);
  margin-bottom: 0.65rem;
}

.arasistem-slug-preview {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
}

.arasistem-slug-label {
  font-size: 0.85rem;
  color: var(--as-muted);
}

.arasistem-slug-preview code {
  font-size: 1rem;
  font-weight: 700;
  color: var(--as-ink);
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 8px;
  padding: 0.35rem 0.65rem;
}

.arasistem-slug-hint {
  font-size: 0.85rem;
  color: var(--as-muted);
}

#order-standard_cart .panel,
.emyui-cart-aws .panel {
  border-radius: 14px;
}

/* —— Stack bar —— */
.arasistem-stack-bar {
  padding: 0.75rem 0;
  background: #fff;
  border-bottom: 1px solid var(--as-border-soft);
}

.arasistem-stack-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem 1.25rem;
}

.arasistem-stack-label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--as-muted);
}

.arasistem-stack-items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.arasistem-stack-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--as-green-deep);
  background: var(--as-surface);
  border: 1px solid var(--as-border);
  text-decoration: none !important;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

a.arasistem-stack-pill:hover,
a.arasistem-stack-pill:focus {
  color: var(--as-green) !important;
  background: #fff;
  border-color: rgba(27, 94, 59, 0.28);
}

/* —— Usecases —— */
.arasistem-usecases-section {
  background: linear-gradient(180deg, #fff 0%, #f8faf9 100%);
}

.arasistem-usecase-card {
  position: relative;
  height: 100%;
  padding: 1.85rem 1.5rem 1.75rem;
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: var(--as-radius);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
  overflow: hidden;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.arasistem-usecase-card:hover {
  transform: translateY(-3px);
  border-color: rgba(27, 94, 59, 0.22);
  box-shadow: var(--as-shadow-soft);
}

.arasistem-usecase-card.is-accent {
  background: linear-gradient(165deg, #ffffff 0%, #f3f8f4 100%);
  border-color: rgba(27, 94, 59, 0.2);
}

.arasistem-usecase-index {
  display: block;
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.04em;
  color: rgba(27, 94, 59, 0.16);
  margin-bottom: 0.85rem;
}

.arasistem-usecase-card.is-accent .arasistem-usecase-index {
  color: rgba(27, 94, 59, 0.28);
}

/* —— Outcomes (dark band) —— */
.arasistem-outcomes-section {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.arasistem-outcomes-band {
  background:
    radial-gradient(900px 320px at 90% -10%, rgba(154, 187, 58, 0.22), transparent 55%),
    linear-gradient(135deg, #0f3d2e 0%, #1b5e3b 52%, #256944 100%);
  border-radius: 24px;
  padding: 2.5rem 2rem 2rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 48px rgba(15, 61, 46, 0.18);
}

.arasistem-outcomes-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.72rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.65);
}

.arasistem-outcome-card {
  height: 100%;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  padding: 1.35rem 1.2rem;
  color: rgba(255, 255, 255, 0.86);
  backdrop-filter: blur(4px);
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.arasistem-outcome-card:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.28);
  transform: translateY(-2px);
}

.arasistem-outcome-card h3 {
  color: #fff !important;
}

.arasistem-outcome-card p {
  color: rgba(255, 255, 255, 0.78) !important;
}

.arasistem-outcome-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.85rem;
  background: rgba(154, 187, 58, 0.18);
  color: var(--as-green-accent);
  border: 1px solid rgba(154, 187, 58, 0.28);
  font-size: 1.05rem;
}

/* —— Security / check list —— */
.arasistem-mini-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--as-green);
}

.arasistem-check-list li {
  position: relative;
  padding: 0.55rem 0 0.55rem 1.65rem;
  border-bottom: 1px solid var(--as-border-soft);
  color: var(--as-ink);
  font-size: 0.95rem;
  line-height: 1.45;
}

.arasistem-check-list li:last-child {
  border-bottom: 0;
}

.arasistem-check-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.85rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--as-green);
  box-shadow: 0 0 0 3px rgba(27, 94, 59, 0.12);
}

.arasistem-security-media {
  background:
    radial-gradient(420px 220px at 70% 20%, rgba(154, 187, 58, 0.12), transparent 60%),
    #fff;
}

@media (max-width: 767px) {
  .arasistem-outcomes-band {
    padding: 1.75rem 1.25rem 1.35rem;
    border-radius: 18px;
  }
  .arasistem-stack-inner {
    justify-content: center;
    text-align: center;
  }
  .arasistem-stack-items {
    justify-content: center;
  }
}

/* —— Platforms / brands —— */
.arasistem-platforms-section {
  background: linear-gradient(180deg, #f8faf9 0%, #fff 55%, #f7f8fc 100%);
}

.arasistem-stack-bar + .arasistem-section.arasistem-platforms-section {
  padding-top: 2.25rem !important;
  padding-bottom: 3.25rem !important;
}

.arasistem-page > .arasistem-stack-bar + section.arasistem-section,
.arasistem-page > .arasistem-stack-bar ~ .how-it-works-section {
  padding-top: 2.25rem !important;
}

.arasistem-platforms-section > .container > .text-center.mb-10 {
  margin-bottom: 1.75rem !important;
}

.arasistem-platform-block {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 22px;
  padding: 1.75rem 1.5rem 1.5rem;
  box-shadow: var(--as-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.arasistem-platform-head {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  margin-bottom: 1.25rem;
}

.arasistem-platform-badge {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.2rem;
}

.arasistem-platform-badge.is-store {
  background: rgba(2, 132, 199, 0.14);
  color: var(--as-sky);
  border: 1px solid rgba(2, 132, 199, 0.28);
}

.arasistem-platform-badge.is-mp {
  background: rgba(234, 88, 12, 0.14);
  color: var(--as-amber);
  border: 1px solid rgba(234, 88, 12, 0.28);
}

.arasistem-platform-badge.is-cargo {
  background: rgba(27, 94, 59, 0.12);
  color: #1b5e3b;
  border: 1px solid rgba(27, 94, 59, 0.28);
}

.arasistem-brand-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 0.75rem;
  row-gap: 1.35rem;
  align-items: end;
  width: 100%;
}

@media (min-width: 768px) {
  .arasistem-brand-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.55rem 0.5rem;
  }

  .arasistem-brand-grid.is-cargo {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.arasistem-brand-divider {
  grid-column: 1 / -1;
  height: 1px;
  margin: 0.15rem 0 0.35rem;
  border: 0;
  background: rgba(148, 163, 184, 0.38);
  align-self: center;
}

.arasistem-brand-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
  min-width: 0;
  padding: 0.25rem;
  background: transparent;
  border: 0;
  box-shadow: none;
  text-align: center;
  transition: transform 0.2s ease;
}

.arasistem-brand-card:hover {
  transform: translateY(-2px);
}

.arasistem-brand-logo {
  display: block;
  width: auto;
  max-width: min(100%, 120px);
  height: 40px;
  object-fit: contain;
  object-position: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0;
  margin: 0 auto;
}

.arasistem-brand-logo--wide {
  max-width: min(100%, 138px);
  height: 36px;
}

.arasistem-brand-name {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--as-muted, #5b6470);
  letter-spacing: 0.01em;
}

.arasistem-brand-meta {
  display: none;
}

/* —— Detail cards —— */
.arasistem-detail-card {
  height: 100%;
  padding: 1.5rem 1.25rem;
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: var(--as-radius);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.arasistem-detail-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--as-shadow-soft);
}

.arasistem-detail-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.95rem;
  font-size: 1.25rem;
  border: 1px solid transparent;
}

.arasistem-detail-card.is-sky .arasistem-detail-icon {
  background: rgba(2, 132, 199, 0.14);
  color: var(--as-sky);
  border-color: rgba(2, 132, 199, 0.28);
}
.arasistem-detail-card.is-green .arasistem-detail-icon {
  background: rgba(22, 163, 74, 0.16);
  color: var(--as-green-bright);
  border-color: rgba(22, 163, 74, 0.3);
}
.arasistem-detail-card.is-amber .arasistem-detail-icon {
  background: rgba(234, 88, 12, 0.14);
  color: var(--as-amber);
  border-color: rgba(234, 88, 12, 0.28);
}
.arasistem-detail-card.is-violet .arasistem-detail-icon {
  background: rgba(124, 58, 237, 0.14);
  color: var(--as-violet);
  border-color: rgba(124, 58, 237, 0.28);
}

.arasistem-chip {
  background: rgba(22, 163, 74, 0.12);
  color: var(--as-green-bright);
  border-color: rgba(22, 163, 74, 0.28);
}

.arasistem-usecase-card {
  margin-bottom: 0.25rem;
}

.arasistem-outcome-icon {
  background: rgba(154, 187, 58, 0.28);
  color: #d9f06a;
  border-color: rgba(217, 240, 106, 0.35);
}

.how-it-works-section .how-it-works-item-number small {
  background: #dcfce7 !important;
  color: var(--as-green-bright) !important;
  border-color: rgba(22, 163, 74, 0.28);
}

/* —— Fine polish: header / forms / cart / footer —— */
header.site-header {
  border-bottom: 1px solid var(--as-border-soft);
}

header.site-header.reveal-header,
header.site-header.top-header-fixed {
  border-bottom-color: var(--as-border);
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.05) !important;
}

.brand-logo > a {
  display: inline-flex;
  align-items: center;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.brand-logo,
.brand-logo > a > img,
.brand-logo img {
  background: transparent !important;
  box-shadow: none !important;
}

.arasistem-header-cta {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset;
}

.arasistem-home .arasistem-section > .container > .text-center > h2::after,
.arasistem-page .arasistem-section > .container > .text-center > h2::after {
  content: '';
  display: block;
  width: 36px;
  height: 2px;
  margin: 0.9rem auto 0;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--as-green), var(--as-green-accent));
}

.how-it-works-section .how-it-works-item {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.how-it-works-section .how-it-works-item-number small {
  border: 1px solid rgba(27, 94, 59, 0.14);
}

.how-it-works-section .arasistem-how-visual img {
  border: 1px solid var(--as-border);
  box-shadow: var(--as-shadow-soft);
}

.arasistem-feature-icon {
  border: 1px solid rgba(27, 94, 59, 0.12);
}

.main-webhosting-features-item {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.arasistem-contact-card,
.arasistem-status-legend,
.arasistem-status-card {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.arasistem-legal-body {
  padding-top: 1.25rem;
  border-top: 0;
  margin-top: 0.5rem;
}

.arasistem-footer .footer-top-section,
.arasistem-footer .arasistem-footer-brand,
.arasistem-footer .arasistem-footer-copy,
.arasistem-footer .bottom-footer-area {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.arasistem-footer .arasistem-footer-copy {
  margin-top: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 0.25rem;
}

.arasistem-footer .block-title,
.arasistem-footer .arasistem-footer-acc > summary.block-title {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.78rem !important;
  opacity: 0.95;
  padding-bottom: 0.55rem;
  margin-bottom: 0.85rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.92) !important;
}

/* Footer accordion base (details/summary) */
.arasistem-footer-acc > summary {
  list-style: none;
  cursor: default;
  color: rgba(255, 255, 255, 0.92) !important;
}

.arasistem-footer-acc > summary::-webkit-details-marker,
.arasistem-footer-acc > summary::marker {
  display: none;
  content: "";
}

/* Desktop: always show lists (not collapsible) + readable titles */
@media (min-width: 901px) {
  .arasistem-footer-acc > summary,
  .arasistem-footer-acc > summary.block-title {
    pointer-events: none;
    color: rgba(255, 255, 255, 0.92) !important;
    opacity: 0.95 !important;
  }

  .arasistem-footer-acc:not([open]) > .footer-list,
  .arasistem-footer-acc > .footer-list {
    display: block !important;
  }

  .arasistem-footer-acc > summary::after,
  .arasistem-footer-acc-icon {
    display: none !important;
  }

  /* Footer type only — help title + column labels/links were oversized */
  .arasistem-footer .arasistem-footer-help .coodiv-text-5 {
    font-size: 1.25rem;
    margin-bottom: 0.55rem;
  }

  .arasistem-footer .arasistem-footer-help h5,
  .arasistem-footer .arasistem-footer-help .coodiv-text-6 {
    font-size: 1.15rem !important;
    line-height: 1.28 !important;
    letter-spacing: -0.02em;
  }

  .arasistem-footer .arasistem-footer-help p,
  .arasistem-footer .arasistem-footer-help .coodiv-text-9 {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
  }

  .arasistem-footer .block-title,
  .arasistem-footer .arasistem-footer-acc > summary.block-title {
    font-size: 0.68rem !important;
  }

  .arasistem-footer .footer-list-link {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
  }

  .arasistem-footer .arasistem-footer-brand h5,
  .arasistem-footer .arasistem-footer-brand .coodiv-text-9 {
    font-size: 0.92rem !important;
  }

  .arasistem-footer .arasistem-footer-brand .coodiv-text-12 {
    font-size: 0.78rem !important;
  }
}

.arasistem-footer .footer-list-link {
  position: relative;
  padding-left: 0;
  transition: opacity 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
}

.arasistem-footer .footer-list-link:hover {
  padding-left: 4px;
}

.arasistem-slug-box {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  border-left: 2px solid var(--as-green);
}

.arasistem-slug-preview code {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

#order-standard_cart .panel,
.emyui-cart-aws .panel,
.emyui-cart-aws .card {
  border: 1px solid var(--as-border) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.emyui-cart-aws .btn-primary,
#order-standard_cart .btn-primary {
  background: var(--as-green) !important;
  border-color: var(--as-green) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset;
}

.emyui-cart-aws .btn-primary:hover,
#order-standard_cart .btn-primary:hover {
  background: var(--as-green-deep) !important;
  border-color: var(--as-green-deep) !important;
}

.arasistem-home-hero {
  border-bottom: 1px solid rgba(16, 24, 40, 0.05);
}

@media (max-width: 991px) {
  .arasistem-hero-panel::before {
    display: none;
  }
  .arasistem-hero-panel {
    border: 1px solid var(--as-border);
  }
}

/* —— Mobile polish (şık + dokunmatik) —— */
@media (max-width: 767px) {
  .arasistem-section {
    padding: 2.75rem 0;
  }

  .arasistem-page-body {
    padding: 1.75rem 0 3rem;
  }

  .arasistem-page-body.arasistem-page-start {
    padding-top: 0.55rem;
  }

  .arasistem-home-hero .hero-area-emyui-aws-title,
  .arasistem-hero-panel .hero-area-emyui-aws-title {
    font-size: clamp(1.65rem, 6.5vw, 2.15rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.02em;
  }

  .arasistem-hero-panel .lead,
  .arasistem-hero-panel p.mb-4 {
    font-size: 0.98rem;
    line-height: 1.55;
  }

  .arasistem-hero-media {
    display: none !important;
  }

  .arasistem-hero-inner {
    padding: 1.25rem 1rem 1.75rem !important;
  }

  .arasistem-hero-panel {
    padding: 1.15rem 1rem !important;
    border-radius: 18px;
    box-shadow: var(--as-shadow-soft) !important;
  }

  .arasistem-hero-chips {
    gap: 0.45rem;
    margin-bottom: 1rem !important;
  }

  .arasistem-hero-chips span {
    font-size: 0.72rem;
    padding: 0.32rem 0.7rem;
  }

  .arasistem-hero-panel .hero-btns {
    width: 100%;
    gap: 0.55rem;
  }

  .arasistem-hero-panel .hero-btns .btn {
    flex: 1 1 calc(50% - 0.3rem);
    min-height: 46px;
    padding-left: 0.85rem;
    padding-right: 0.85rem;
    font-size: 0.92rem;
    border-radius: 12px;
  }

  .arasistem-stack-bar {
    padding: 0.85rem 0;
  }

  .arasistem-stack-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
  }

  .arasistem-stack-label {
    text-align: center;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
  }

  .arasistem-stack-items {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 0.45rem;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    padding-bottom: 0.15rem;
    margin-left: -0.15rem;
    margin-right: -0.15rem;
    padding-left: 0.15rem;
    padding-right: 2rem;
    scroll-snap-type: x proximity;
  }

  .arasistem-stack-items::-webkit-scrollbar {
    display: none;
  }

  .arasistem-stack-pill {
    font-size: 0.75rem;
    padding: 0.42rem 0.85rem;
    border-radius: 999px;
    min-height: 36px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    white-space: nowrap;
  }

  .arasistem-platform-block {
    padding: 1.25rem 1rem 1.1rem;
    border-radius: 18px;
    margin-bottom: 1rem;
  }

  .arasistem-platform-head {
    margin-bottom: 1rem;
  }

  .arasistem-platform-badge {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 1.05rem;
  }

  .arasistem-brand-grid {
    gap: 1rem 0.5rem;
    row-gap: 1.1rem;
  }

  .arasistem-brand-logo {
    max-width: min(100%, 96px);
    height: 32px;
  }

  .arasistem-brand-logo--wide {
    max-width: min(100%, 108px);
    height: 28px;
  }

  .arasistem-brand-name {
    font-size: 0.7rem;
  }

  .arasistem-brand-divider {
    margin: 0.05rem 0 0.2rem;
  }

  .arasistem-detail-card,
  .arasistem-usecase-card,
  .arasistem-feature-card,
  .arasistem-outcome-card {
    border-radius: 16px;
    padding: 1.25rem 1.1rem;
  }

  .arasistem-pricing-row > [class*="col-"] {
    margin-bottom: 1rem;
  }

  .arasistem-pricing-row .emyui-ews-plans-group {
    border-radius: 18px;
    padding-top: 1.35rem;
  }

  .arasistem-cta-band {
    margin: 0 var(--as-mobile-gutter) 1.35rem !important;
    padding: 2rem 1.15rem !important;
    border-radius: 18px !important;
    text-align: center;
    border-top: 0 !important;
    box-shadow: 0 14px 32px rgba(15, 40, 28, 0.14);
  }

  body.as-marketing-sticky-cta .arasistem-cta-band {
    margin-bottom: calc(1.35rem + 4.75rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  .arasistem-cta-band .btn {
    width: 100%;
    max-width: 320px;
    min-height: 46px;
    margin-left: auto;
    margin-right: auto;
  }

  .arasistem-section h2,
  .arasistem-platforms-section h2,
  .how-it-works-section h2 {
    font-size: clamp(1.35rem, 5.5vw, 1.75rem) !important;
    line-height: 1.25 !important;
    letter-spacing: -0.015em;
  }

  .arasistem-section .lead,
  .arasistem-platforms-section .lead {
    font-size: 0.95rem !important;
    line-height: 1.55;
  }

  .arasistem-faq-trigger {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }

  .arasistem-faq-q {
    font-size: 0.9rem;
    white-space: normal;
  }

  /* How-it-works: dense step cards so 4 steps aren't a marathon scroll */
  .how-it-works-section .how-it-works-item {
    padding: 1.1rem 1rem 1rem !important;
    margin-bottom: 0.85rem !important;
  }

  /* Row negative margins cancel .container padding → full-bleed cards; keep page gutters */
  .how-it-works-section .row.how-it-works-item,
  .how-it-works-section .how-it-works-item.row,
  .how-it-works-section [id^="as-how-step-"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .how-it-works-section .row.how-it-works-item,
  .how-it-works-section [id^="as-how-step-"] {
    margin-bottom: 0.75rem !important;
  }

  .how-it-works-section .arasistem-how-visual {
    margin-top: 0.65rem !important;
  }

  .how-it-works-section .arasistem-how-visual.mt-6 {
    margin-top: 0.65rem !important;
  }

  .how-it-works-section .how-it-works-item .mb-4 {
    margin-bottom: 0.4rem !important;
  }

  .how-it-works-section .arasistem-how-visual img {
    max-height: 148px !important;
    width: auto !important;
    max-width: min(100%, 280px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  .how-it-works-section .how-it-works-item h2 {
    font-size: 1.15rem !important;
    margin-bottom: 0.35rem !important;
  }

  .how-it-works-section .how-it-works-item p {
    font-size: 0.9rem !important;
    line-height: 1.45 !important;
    margin-bottom: 0 !important;
  }

  /* Header actions: slightly clearer tap gaps without losing logo space */
  .header-btn-whmcs {
    gap: 0.28rem !important;
  }

  body header.site-header .header-btn-whmcs {
    gap: 0.28rem !important;
    margin-left: 0.15rem !important;
  }

  body .header-btn-whmcs .shoping-cart-btn-header,
  body .header-btn-whmcs .notifications-btn-header,
  body .header-btn-whmcs .signup-btn-header-mobile,
  body .header-btn-whmcs .arasistem-account-trigger,
  body .arasistem-locale-btn,
  body .header-btn-whmcs .user-dropdown-header .nav-link,
  body .header-btn-whmcs .arasistem-user-menu .nav-link,
  body .navbar-toggler.hamburger-icon {
    min-width: 40px !important;
    min-height: 40px !important;
  }
}

@media (max-width: 575px) {
  .arasistem-hero-panel .hero-btns .btn {
    flex: 1 1 100%;
  }

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

/* —— Client area dashboard —— */
.arasistem-dashboard {
  max-width: 1180px;
  margin: 0 auto;
}

.arasistem-dash-hero {
  display: grid;
  grid-template-columns: 1.4fr 0.9fr;
  gap: 1.25rem;
  align-items: stretch;
  margin-bottom: 1.75rem;
}

.arasistem-dash-hero-text {
  background: linear-gradient(135deg, #f7faf8 0%, #fff 55%, #f5f3fb 100%);
  border: 1px solid var(--as-border);
  border-radius: 20px;
  padding: 1.6rem 1.5rem 1.45rem;
  box-shadow: var(--as-shadow-soft);
}

.arasistem-dash-eyebrow {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--as-green);
}

.arasistem-dash-title {
  margin: 0 0 0.55rem;
  font-family: var(--as-font-display);
  font-size: clamp(1.45rem, 2.4vw, 1.9rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--as-ink);
  line-height: 1.2;
}

.arasistem-dash-lead {
  margin: 0 0 1.15rem;
  color: var(--as-muted);
  font-size: 0.98rem;
  line-height: 1.55;
  max-width: 36rem;
}

.arasistem-dash-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.arasistem-dash-actions .btn {
  font-weight: 600;
}

.arasistem-dash-note {
  height: 100%;
  background: #0f3d2e;
  color: #fff;
  border-radius: 20px;
  padding: 1.45rem 1.35rem;
  box-shadow: var(--as-shadow-soft);
}

.arasistem-dash-note strong {
  display: block;
  margin-bottom: 0.45rem;
  font-size: 1.05rem;
}

.arasistem-dash-note p {
  margin: 0 0 0.9rem;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.92rem;
  line-height: 1.5;
}

.arasistem-dash-note a {
  color: #d7f0a8;
  font-weight: 600;
  text-decoration: none;
}

.arasistem-dash-note a:hover {
  color: #fff;
}

.arasistem-dash-note--collapsible {
  display: block;
}

.arasistem-dash-note--collapsible > summary {
  list-style: none;
  cursor: default;
}

.arasistem-dash-note--collapsible > summary::-webkit-details-marker {
  display: none;
}

/* Desktop: tip card always expanded — never accordion */
@media (min-width: 901px) {
  .arasistem-dash-note--collapsible > summary {
    pointer-events: none;
    cursor: default;
  }

  .arasistem-dash-note--collapsible > summary::after {
    display: none !important;
  }
}

.arasistem-dash-tiles {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: 0.5rem;
}

.arasistem-dash-tiles > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 1rem;
}

.arasistem-dash-tile {
  display: block;
  height: 100%;
  position: relative;
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 18px;
  padding: 1.15rem 1.05rem 1.1rem;
  text-decoration: none !important;
  color: inherit;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.arasistem-dash-tile:hover {
  transform: translateY(-2px);
  border-color: rgba(27, 94, 59, 0.22);
  box-shadow: var(--as-shadow-soft);
  color: inherit;
}

.arasistem-dash-tile-stat {
  position: absolute;
  top: 0.85rem;
  right: 0.85rem;
  min-width: 1.55rem;
  height: 1.55rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: rgba(27, 94, 59, 0.1);
  color: var(--as-green);
  font-size: 0.78rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.arasistem-dash-tile-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
  background: rgba(27, 94, 59, 0.1);
  color: var(--as-green);
  font-size: 1.05rem;
}

.arasistem-dash-tile-icon.is-amber {
  background: rgba(234, 88, 12, 0.12);
  color: var(--as-amber);
}

.arasistem-dash-tile-icon.is-sky {
  background: rgba(2, 132, 199, 0.12);
  color: var(--as-sky);
}

.arasistem-dash-tile-icon.is-teal {
  background: rgba(13, 148, 136, 0.12);
  color: var(--as-teal);
}

.arasistem-dash-tile h3 {
  margin: 0 0 0.25rem;
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.arasistem-dash-tile p {
  margin: 0;
  color: var(--as-muted);
  font-size: 0.82rem;
  line-height: 1.4;
}

.arasistem-dash-panel,
.arasistem-dash-side,
.arasistem-dash-empty {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 18px;
  margin-bottom: 1rem;
  overflow: visible;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.arasistem-dash-panel {
  overflow: hidden;
}

.arasistem-dash-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 1.15rem;
  margin: 0;
  border-bottom: 1px solid var(--as-border-soft);
}

.arasistem-services-panel-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  flex: 0 0 auto;
  margin-left: auto;
}

.arasistem-services-new-btn {
  white-space: nowrap;
}

.arasistem-dash-side h3 {
  display: block;
  padding: 1rem 1.15rem 0.85rem;
  margin: 0;
  border-bottom: 1px solid var(--as-border-soft);
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.35;
  color: var(--as-ink);
}

.arasistem-dash-side-head {
  display: block;
}

.arasistem-mobile-side-close,
.arasistem-mobile-backdrop,
.arasistem-mobile-bottom-nav,
.arasistem-dash-side--drawer,
#arasistemMobileChrome {
  display: none !important;
}

.arasistem-dash-panel-head h2 {
  font-size: 1.02rem;
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.015em;
  line-height: 1.35;
  border: 0;
  padding: 0;
}

.arasistem-dash-panel-body,
.arasistem-dash-panel-foot,
.arasistem-dash-empty {
  padding: 1.15rem;
}

.arasistem-dash-empty {
  text-align: center;
  padding: 2rem 1.5rem;
}

.arasistem-dash-empty h3 {
  margin: 0 0 0.45rem;
  font-size: 1.2rem;
  font-weight: 700;
}

.arasistem-dash-empty p {
  margin: 0 0 1.1rem;
  color: var(--as-muted);
}

.arasistem-dash-empty-actions {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

.arasistem-dash-links {
  list-style: none;
  margin: 0;
  padding: 0.35rem 0 0.55rem;
}

.arasistem-dash-links a {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.72rem 1.15rem;
  color: var(--as-ink);
  text-decoration: none;
  font-weight: 500;
  font-size: 0.92rem;
  border-top: 1px solid transparent;
  transition: background 0.15s ease, color 0.15s ease;
}

.arasistem-dash-links a:hover {
  background: #f6f8f7;
  color: var(--as-green);
}

.arasistem-dash-links a.is-active {
  background: rgba(27, 94, 59, 0.1);
  color: var(--as-green);
  font-weight: 700;
  border-radius: 0;
  box-shadow: inset 3px 0 0 var(--as-green);
}

.arasistem-dash-links a.is-active i {
  color: var(--as-green);
}

.arasistem-dash-links i {
  width: 1.1rem;
  color: var(--as-muted);
}

.arasistem-dash-link-invoices .arasistem-dash-link-label {
  flex: 1 1 auto;
  min-width: 0;
}

.arasistem-dash-unpaid-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.25rem;
  align-self: center;
  box-sizing: border-box;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  max-width: 1.25rem;
  padding: 0;
  margin-left: auto;
  border-radius: 50%;
  overflow: hidden;
  background: #e11d48;
  color: #fff;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  box-shadow: 0 0 0 2px #fff;
}

.arasistem-dash-links a.is-active .arasistem-dash-unpaid-badge {
  box-shadow: 0 0 0 2px rgba(27, 94, 59, 0.08);
}

.badge-soft {
  background: rgba(27, 94, 59, 0.1);
  color: var(--as-green);
  font-weight: 600;
}

@media (max-width: 1199px) {
  .arasistem-dash-layout .arasistem-dash-hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {
  .arasistem-dash-hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .arasistem-dash-actions {
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .arasistem-dash-actions .btn {
    flex: 1 1 0;
    width: auto;
  }
}

/* —— Client list / account pages (match Hesabım) —— */
.arasistem-client-page {
  max-width: 1180px;
  margin: 0 auto;
}

/* Sol menü üstten başlar; içerik sağda. Mobilde içerik önce. */
.arasistem-dash-layout {
  align-items: flex-start;
}

@media (min-width: 992px) {
  .arasistem-dash-layout > .col-lg-3 .arasistem-dash-side {
    position: sticky;
    top: 1rem;
  }
}

.arasistem-client-page.arasistem-account,
.arasistem-client-page.arasistem-account--wide {
  max-width: 1180px;
}

.arasistem-client-page > .arasistem-product-unpaid-alert,
.main-page-contents > .arasistem-product-unpaid-alert,
.alert.arasistem-product-unpaid-alert {
  max-width: 1180px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  border-radius: 16px !important;
  overflow: hidden;
}

.arasistem-client-pagehead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  margin-bottom: 0.85rem;
  padding: 0.65rem 0.9rem;
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 12px;
  box-shadow: none;
}

.arasistem-client-pagehead-main {
  min-width: 0;
}

.arasistem-client-pagehead .arasistem-dash-eyebrow {
  margin: 0 0 0.1rem;
  font-size: 0.62rem;
  letter-spacing: 0.06em;
  line-height: 1.2;
}

.arasistem-client-pagehead .arasistem-dash-title {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.25;
  letter-spacing: -0.015em;
}

.arasistem-client-pagehead .arasistem-dash-lead {
  margin: 0.2rem 0 0;
  font-size: 0.8rem;
  line-height: 1.35;
  max-width: 40rem;
}

.arasistem-client-pagehead-cta {
  flex-shrink: 0;
}

.arasistem-client-table-wrap {
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}

.arasistem-client-table-wrap .table-container {
  margin: 0;
}

.arasistem-client-table-wrap .dataTables_wrapper {
  padding: 0;
}

.arasistem-client-table-wrap .dataTables_filter input,
.arasistem-client-table-wrap .dataTables_length select {
  border: 1px solid var(--as-border) !important;
  border-radius: 10px !important;
  min-height: 36px;
  box-shadow: none !important;
}

.arasistem-client-table-wrap table.table-list {
  margin-bottom: 0;
}

.arasistem-client-table-wrap table.table-list thead th {
  border-top: 0;
  border-bottom: 1px solid var(--as-border-soft);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--as-muted);
  background: transparent;
}

.arasistem-client-table-wrap table.table-list tbody tr {
  cursor: pointer;
  transition: background 0.15s ease;
}

.arasistem-client-table-wrap table.table-list tbody tr:hover {
  background: #f7faf8;
}

.arasistem-client-table-wrap table.table-list td {
  vertical-align: middle;
  border-color: var(--as-border-soft);
  font-size: 0.92rem;
}

/* Desktop: one alignment for headers + cells (WHMCS centers th / some td) */
@media (min-width: 992px) {
  .arasistem-client-table-wrap table.table-list thead th,
  .arasistem-client-table-wrap table.table-list tbody td,
  .arasistem-client-table-wrap table.table-list tbody td.text-center,
  .arasistem-services-table-wrap #tableServicesList thead th,
  .arasistem-services-table-wrap #tableServicesList tbody td,
  .arasistem-invoices-table-wrap #tableInvoicesList thead th,
  .arasistem-invoices-table-wrap #tableInvoicesList tbody td,
  .arasistem-tickets-table-wrap #tableTicketsList thead th,
  .arasistem-tickets-table-wrap #tableTicketsList tbody td,
  .arasistem-domains-table-wrap #tableDomainsList thead th,
  .arasistem-domains-table-wrap #tableDomainsList tbody td,
  .arasistem-quotes-table-wrap #tableQuotesList thead th,
  .arasistem-quotes-table-wrap #tableQuotesList tbody td {
    text-align: left !important;
  }

  .arasistem-client-table-wrap table.table-list tbody td .label.status,
  .arasistem-client-table-wrap table.table-list tbody td .status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

.arasistem-ticket-dept-intro {
  margin: 0.35rem 0.55rem 0.75rem;
  font-size: 0.88rem;
  line-height: 1.45;
  color: var(--as-muted);
}

/* —— Support ticket form (step 2) —— */
.arasistem-ticket-form-body {
  padding-top: 0.35rem !important;
}

.arasistem-ticket-section {
  margin-bottom: 1.15rem;
  padding: 0.95rem 1rem;
  background: #f7f9f8;
  border: 1px solid transparent;
  border-radius: 12px;
}

.arasistem-ticket-section:last-of-type {
  margin-bottom: 0.85rem;
}

.arasistem-ticket-section-label {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.75rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--as-green);
}

.arasistem-ticket-section-label i {
  font-size: 0.85rem;
}

.arasistem-ticket-panel .form-group {
  margin-bottom: 0.75rem;
}

.arasistem-ticket-panel .form-group:last-child {
  margin-bottom: 0;
}

.arasistem-ticket-panel .arasistem-account-label {
  margin-bottom: 0.25rem;
  font-size: 0.78rem;
  color: var(--as-muted);
  font-weight: 600;
}

.arasistem-ticket-panel .form-control,
.arasistem-ticket-panel select.form-control,
.arasistem-ticket-panel .custom-select {
  min-height: 38px;
  border-radius: 10px !important;
  border: 1px solid var(--as-border) !important;
  background: #fff !important;
  font-size: 0.875rem !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.arasistem-ticket-panel .form-control:focus,
.arasistem-ticket-panel select.form-control:focus,
.arasistem-ticket-panel .custom-select:focus {
  border-color: rgba(27, 94, 59, 0.4) !important;
  box-shadow: var(--as-ring) !important;
  outline: none !important;
}

.arasistem-ticket-panel .form-control.is-readonly,
.arasistem-ticket-panel .form-control:disabled,
.arasistem-ticket-panel .form-control.disabled {
  background: #eef1ef !important;
  color: var(--as-muted) !important;
  cursor: default;
  opacity: 1;
}

.arasistem-ticket-message .markdown-editor,
.arasistem-ticket-panel .markdown-editor {
  min-height: 180px;
  border-radius: 10px !important;
}

.arasistem-ticket-panel .md-editor {
  border: 1px solid var(--as-border) !important;
  border-radius: 12px !important;
  overflow: hidden;
  background: #fff;
  box-shadow: none !important;
}

.arasistem-ticket-panel .md-editor.active {
  border-color: rgba(27, 94, 59, 0.4) !important;
  box-shadow: var(--as-ring) !important;
}

.arasistem-ticket-panel .md-editor > .md-header,
.arasistem-ticket-panel .md-editor > .btn-toolbar {
  background: #fff !important;
  border-bottom: 1px solid var(--as-border-soft);
  padding: 0.45rem 0.55rem !important;
}

.arasistem-ticket-panel .md-editor .btn-group .btn {
  border-radius: 7px !important;
  border-color: transparent !important;
  background: transparent !important;
  color: var(--as-muted) !important;
  padding: 0.35rem 0.5rem !important;
  min-height: 0 !important;
  box-shadow: none !important;
}

.arasistem-ticket-panel .md-editor .btn-group .btn:hover,
.arasistem-ticket-panel .md-editor .btn-group .btn.active {
  background: rgba(27, 94, 59, 0.1) !important;
  color: var(--as-green) !important;
}

.arasistem-ticket-panel .md-editor .btn-primary,
.arasistem-ticket-panel .md-editor .btn[data-handler="bootstrap-markdown-cmdPreview"],
.arasistem-ticket-panel .md-editor .btn-toolbar .btn.btn-primary {
  background: var(--as-green) !important;
  border-color: var(--as-green) !important;
  color: #fff !important;
  padding: 0.5rem 0.9rem !important;
  font-size: 0.8125rem !important;
}

.arasistem-ticket-panel .md-editor > textarea.markdown-editor,
.arasistem-ticket-panel .md-editor > .md-preview {
  border-top: 1px solid var(--as-border-soft) !important;
  border-bottom: 0 !important;
  background: #fff !important;
  padding: 0.85rem 1rem !important;
  min-height: 180px;
  font-size: 0.9rem !important;
  line-height: 1.5;
}

.arasistem-ticket-panel .md-editor .md-footer,
.arasistem-ticket-panel .markdown-editor-status {
  background: #f7f9f8;
  border-top: 1px solid var(--as-border-soft);
  font-size: 0.75rem;
  color: var(--as-muted);
  padding: 0.35rem 0.75rem;
}

/* Ticket attachments: keep file picker + “add more” on one aligned row */
.arasistem-ticket-attach.input-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
}

.arasistem-ticket-attach .custom-file {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  width: 1%;
  height: 44px;
  overflow: hidden;
  border-radius: 10px 0 0 10px;
}

.arasistem-ticket-attach .custom-file-input {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 44px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.arasistem-ticket-attach .custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 44px !important;
  margin: 0;
  padding: 0.55rem 5.5rem 0.55rem 0.85rem !important;
  line-height: 1.35 !important;
  border-radius: 10px 0 0 10px !important;
  border: 1px solid var(--as-border) !important;
  border-right: 0 !important;
  background: #fff !important;
  font-size: 0.85rem !important;
  color: var(--as-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arasistem-ticket-attach .custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  height: 100% !important;
  padding: 0 0.85rem !important;
  line-height: 1.2 !important;
  border-radius: 0 !important;
  border-left: 1px solid var(--as-border);
  background: #f0f3f1 !important;
  color: var(--as-ink) !important;
  font-weight: 600;
  font-size: 0.78rem !important;
}

.arasistem-ticket-attach .input-group-append {
  display: flex;
  align-items: stretch;
  margin-left: 0;
}

.arasistem-ticket-attach .input-group-append .btn,
.arasistem-ticket-attach #btnTicketAttachmentsAdd {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 0.85rem !important;
  border-radius: 0 10px 10px 0 !important;
  border: 1px solid var(--as-border) !important;
  border-left: 0 !important;
  background: #fff !important;
  color: var(--as-ink) !important;
  font-size: 0.8rem !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  box-shadow: none !important;
}

.arasistem-ticket-attach .input-group-append .btn:hover,
.arasistem-ticket-attach #btnTicketAttachmentsAdd:hover {
  background: #f7f9f8 !important;
  color: var(--as-green) !important;
  border-color: rgba(27, 94, 59, 0.28) !important;
}

.arasistem-ticket-attach-hint {
  margin: 0.45rem 0 0;
  font-size: 0.75rem;
  color: var(--as-muted);
  line-height: 1.4;
}

@media (max-width: 575px) {
  .arasistem-ticket-attach.input-group {
    flex-wrap: wrap;
  }

  .arasistem-ticket-attach .custom-file {
    flex: 1 1 100%;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 0.45rem;
  }

  .arasistem-ticket-attach .custom-file-label {
    border-radius: 10px !important;
    border-right: 1px solid var(--as-border) !important;
  }

  .arasistem-ticket-attach .input-group-append {
    width: 100%;
  }

  .arasistem-ticket-attach .input-group-append .btn,
  .arasistem-ticket-attach #btnTicketAttachmentsAdd {
    width: 100%;
    border-radius: 10px !important;
    border-left: 1px solid var(--as-border) !important;
  }
}

.arasistem-ticket-captcha {
  margin: 0.5rem 0 0.85rem;
}

.arasistem-ticket-actions {
  margin-top: 0.25rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--as-border-soft);
}

.arasistem-account-badge.is-ok {
  background: rgba(27, 94, 59, 0.12);
  color: var(--as-green);
}

/* —— Announcements / knowledgebase —— */
.arasistem-announce-item {
  padding: 1.15rem 1.25rem;
  border-bottom: 1px solid var(--as-border-soft);
}

.arasistem-announce-item:last-child {
  border-bottom: 0;
}

.arasistem-announce-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.45rem;
}

.arasistem-announce-meta time {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--as-muted);
}

.arasistem-announce-title {
  margin: 0 0 0.45rem;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.35;
}

.arasistem-announce-title a {
  color: var(--as-ink);
  text-decoration: none;
}

.arasistem-announce-title a:hover {
  color: var(--as-green);
}

.arasistem-announce-excerpt {
  color: var(--as-muted);
  font-size: 0.92rem;
  line-height: 1.55;
  margin-bottom: 0.55rem;
}

.arasistem-announce-more {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--as-green);
  text-decoration: none;
}

.arasistem-announce-more:hover {
  color: var(--as-green-deep);
}

.arasistem-kb-search-panel {
  padding: 1rem 1.15rem;
}

.arasistem-kb-search {
  display: flex;
  gap: 0.65rem;
  align-items: center;
}

.arasistem-kb-search .form-control {
  flex: 1;
  min-height: 42px;
  border-radius: 10px !important;
  border: 1px solid var(--as-border) !important;
  box-shadow: none !important;
}

.arasistem-kb-search .btn {
  flex-shrink: 0;
  min-height: 0;
}

.arasistem-kb-cats-body {
  padding: 0.35rem 0.55rem 0.55rem !important;
}

.arasistem-kb-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
}

.arasistem-kb-cat {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
  margin: 0;
  padding: 0.7rem 0.75rem;
  border: 1px solid transparent;
  border-radius: 12px;
  text-decoration: none !important;
  color: inherit !important;
  background: #f7f9f8;
  background-clip: padding-box;
  box-shadow: none !important;
  outline: none !important;
  overflow: hidden;
  isolation: isolate;
  transform: none !important;
  transition: border-color 0.15s ease, background 0.15s ease;
  -webkit-appearance: none;
  appearance: none;
}

.arasistem-kb-cat::before,
.arasistem-kb-cat::after {
  content: none !important;
  display: none !important;
}

.arasistem-kb-cat:hover,
.arasistem-kb-cat:focus {
  border-color: rgba(27, 94, 59, 0.22);
  background: #fff;
  color: inherit !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
}

.arasistem-kb-cat:hover .arasistem-kb-cat-chevron,
.arasistem-kb-cat:focus .arasistem-kb-cat-chevron {
  color: var(--as-green);
}

.arasistem-kb-cat-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 10px;
  background: rgba(27, 94, 59, 0.1);
  color: var(--as-green);
  font-size: 0.95rem;
}

.arasistem-kb-cat-body {
  flex: 1;
  min-width: 0;
}

.arasistem-kb-cat-top {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.12rem;
}

.arasistem-kb-cat-top strong {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--as-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.arasistem-kb-cat-count {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: rgba(27, 94, 59, 0.12);
  color: var(--as-green);
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
}

.arasistem-kb-cat-desc {
  display: block;
  color: var(--as-muted);
  font-size: 0.78rem;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.arasistem-kb-cat-aside {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.arasistem-kb-cat-chevron {
  color: #98a2b3;
  font-size: 0.75rem;
  transition: color 0.15s ease;
}

.arasistem-kb-cat-edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 7px;
  font-size: 0.72rem;
  color: var(--as-muted) !important;
  background: rgba(16, 24, 40, 0.04);
  text-decoration: none !important;
}

.arasistem-kb-cat-edit:hover {
  color: var(--as-green) !important;
  background: rgba(27, 94, 59, 0.1);
}

@media (max-width: 767px) {
  .arasistem-kb-grid {
    grid-template-columns: 1fr;
  }
}

.arasistem-kb-article {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.15rem;
  border-bottom: 1px solid var(--as-border-soft);
  text-decoration: none !important;
  color: inherit;
  transition: background 0.15s ease;
}

.arasistem-kb-article:last-child {
  border-bottom: 0;
}

.arasistem-kb-article:hover {
  background: #f7faf8;
  color: inherit;
}

.arasistem-kb-article > i {
  margin-top: 0.2rem;
  color: var(--as-muted);
}

.arasistem-kb-article-text {
  flex: 1;
  min-width: 0;
}

.arasistem-kb-article-text strong {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.95rem;
  color: var(--as-ink);
}

.arasistem-kb-article-text small {
  display: block;
  color: var(--as-muted);
  font-size: 0.82rem;
  line-height: 1.4;
}

.arasistem-article-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--as-border-soft);
}

.arasistem-article-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
}

.arasistem-article-body {
  font-size: 14px;
  line-height: 1.6;
  color: var(--as-ink);
}

.arasistem-article-body p,
.arasistem-article-body li {
  font-size: 14px;
  line-height: 1.6;
}

.arasistem-article-body p {
  margin-bottom: 0.75rem;
}

body.emyui-aws-theme .arasistem-article-body h1,
body.emyui-aws-theme .arasistem-article-body h2,
body.emyui-aws-theme .arasistem-article-body h3,
body.emyui-aws-theme .arasistem-article-body h4,
body.emyui-aws-theme .arasistem-article-body h5,
body.emyui-aws-theme .arasistem-article-body h6,
.arasistem-article-body h1,
.arasistem-article-body h2,
.arasistem-article-body h3,
.arasistem-article-body h4,
.arasistem-article-body h5,
.arasistem-article-body h6 {
  margin: 1.15rem 0 0.4rem;
  font-family: inherit;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.35;
  color: var(--as-ink);
}

body.emyui-aws-theme .arasistem-article-body h1,
.arasistem-article-body h1 { font-size: 18px; }
body.emyui-aws-theme .arasistem-article-body h2,
.arasistem-article-body h2 { font-size: 16px; }
body.emyui-aws-theme .arasistem-article-body h3,
.arasistem-article-body h3 { font-size: 15px; }
body.emyui-aws-theme .arasistem-article-body h4,
body.emyui-aws-theme .arasistem-article-body h5,
body.emyui-aws-theme .arasistem-article-body h6,
.arasistem-article-body h4,
.arasistem-article-body h5,
.arasistem-article-body h6 { font-size: 14px; }

.arasistem-article-body ul,
.arasistem-article-body ol {
  margin: 0 0 0.85rem;
  padding-left: 1.2rem;
}

.arasistem-article-body img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.arasistem-kb-vote {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--as-border-soft);
}

.arasistem-kb-vote span {
  font-weight: 600;
  font-size: 0.92rem;
}

.arasistem-kb-vote form {
  display: flex;
  gap: 0.45rem;
}

.arasistem-client-pagination {
  margin-top: 0.5rem;
}

.arasistem-client-pagination .page-link {
  border-radius: 8px !important;
  margin: 0 0.15rem;
  color: var(--as-ink);
}

.arasistem-client-pagination .page-item.active .page-link {
  background: var(--as-green);
  border-color: var(--as-green);
}

@media (max-width: 575px) {
  .arasistem-kb-search {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 767px) {
  .arasistem-client-pagehead {
    flex-direction: column;
    align-items: stretch;
    padding: 0.55rem 0.75rem;
  }

  .arasistem-client-pagehead-cta .btn {
    width: 100%;
  }
}

/* —— Cart / checkout clean UI —— */
.arasistem-cart {
  padding-bottom: 3rem;
  /* Flat bg — radial wash looked like a separate gray strip under the header */
  background: #f4f6f5;
}

/* Cart/checkout: keep header→content tone continuous (no shadow band) */
body.arasistem-cart-page header.site-header,
body:has(#order-standard_cart.arasistem-cart) header.site-header {
  box-shadow: none !important;
  border-bottom: 1px solid #e8ece9;
}

.arasistem-cart-wrap {
  max-width: 1480px !important;
  width: 100%;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.arasistem-cart-steps {
  max-width: 560px;
  margin: 1.25rem auto 0.35rem;
  padding: 0 1rem;
}

/* Tablet only: stepper matches cart column width. Phone and desktop unchanged. */
@media (min-width: 601px) and (max-width: 900px) {
  .arasistem-cart-steps {
    max-width: none;
    width: auto;
    margin-left: var(--as-mobile-gutter, 16px);
    margin-right: var(--as-mobile-gutter, 16px);
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
}

.arasistem-cart-steps ol {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  margin: 0;
  padding: 0.8rem 1.15rem;
  background: linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
  border: 1px solid rgba(27, 94, 59, 0.14);
  border-radius: 999px;
  box-shadow: 0 12px 30px rgba(15, 40, 28, 0.07);
}

.arasistem-cart-steps li {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-width: 0;
  position: relative;
  color: var(--as-muted);
  font-size: 0.82rem;
  font-weight: 600;
}

.arasistem-cart-steps li:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -12%;
  top: 50%;
  width: 24%;
  height: 2px;
  background: #e5ebe7;
  transform: translateY(-50%);
  z-index: 0;
}

.arasistem-cart-steps li.is-done:not(:last-child)::after,
.arasistem-cart-steps li.is-active:not(:last-child)::after {
  background: rgba(27, 94, 59, 0.35);
}

.arasistem-cart-steps.is-complete li:not(:last-child)::after {
  background: var(--as-green);
}

.arasistem-cart-step-num {
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef1f0;
  color: var(--as-muted);
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.arasistem-cart-steps li.is-done .arasistem-cart-step-num,
.arasistem-cart-steps li.is-active .arasistem-cart-step-num {
  background: var(--as-green);
  color: #fff;
}

.arasistem-cart-steps li.is-active {
  color: var(--as-ink);
}

.arasistem-cart-step-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
}

.arasistem-cart-pagehead {
  margin: 0.85rem 0 1.15rem !important;
}

.arasistem-cart-eyebrow {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--as-green);
}

.arasistem-cart-title {
  margin: 0 0 0.45rem;
  font-family: var(--as-font-display);
  font-size: clamp(1.45rem, 2.5vw, 1.95rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--as-ink);
  line-height: 1.2;
}

.arasistem-cart-sub {
  margin: 0 auto;
  max-width: 34rem;
  color: var(--as-muted);
  font-size: 0.98rem;
  line-height: 1.5;
}

.arasistem-cart .orderform-step-form-wizard-row-aws {
  display: none !important;
}

.arasistem-cart .item-in-cart {
  background: #fff !important;
  border: 1px solid rgba(27, 94, 59, 0.12) !important;
  border-radius: 18px !important;
  padding: 1.15rem 1.2rem;
  margin-bottom: 0.85rem;
  box-shadow: none !important;
  transition: border-color 0.15s ease;
}

.arasistem-cart .item-in-cart:hover {
  border-color: rgba(27, 94, 59, 0.28) !important;
  box-shadow: none !important;
}

.arasistem-cart .item-in-cart.arasistem-review-line {
  border-radius: 18px !important;
}

.arasistem-review-items-head {
  margin-bottom: 0.85rem;
}

.arasistem-review-line-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 0.85rem 0.75rem;
  align-items: start !important;
}

.arasistem-review-line-info {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  min-width: 0;
}

.arasistem-review-line-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.65rem;
}

.arasistem-review-line-name {
  margin: 0;
  font-family: var(--as-font-display);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--as-ink);
  line-height: 1.3;
}

.arasistem-review-cycle-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  background: rgba(27, 94, 59, 0.1);
  color: var(--as-green);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.arasistem-review-line-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 0.55rem;
}

.arasistem-review-edit,
.arasistem-review-remove-link {
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--as-green);
  text-decoration: none;
  cursor: pointer;
}

.arasistem-review-edit:hover,
.arasistem-review-remove-link:hover {
  text-decoration: underline;
  color: var(--as-green-deep);
}

.arasistem-review-remove-link {
  color: #b42318;
}

.arasistem-review-line-price {
  text-align: right;
  justify-self: end;
  align-self: start !important;
  margin-top: 0.25rem;
}

.arasistem-review-amount {
  display: block;
  font-family: var(--as-font-display);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--as-ink);
  line-height: 1.3;
}

.arasistem-review-setup {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.78rem;
  color: var(--as-muted);
}

.arasistem-review-line-remove {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: start !important;
  height: auto !important;
  margin-top: 0.25rem;
}

.arasistem-review-line-remove .btn-remove-from-cart {
  margin: 0;
}

.arasistem-review-next {
  margin-top: 0.35rem;
  margin-bottom: 1rem;
}

.arasistem-cart-promo {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 16px;
  padding: 1.05rem 1.15rem;
  box-shadow: 0 6px 18px rgba(15, 40, 28, 0.03);
}

.arasistem-cart-promo-title {
  margin: 0 0 0.2rem;
  font-family: var(--as-font-display);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}

.arasistem-cart-promo::before {
  content: none;
}

.arasistem-cart-promo--summary {
  margin: 0.45rem 0 0.55rem;
  padding: 0.45rem 0.55rem;
  border-radius: 10px;
  background: #f7faf8;
  border: 1px solid #e8eee9;
  box-shadow: none;
}

.arasistem-cart-promo--summary .arasistem-cart-promo-title {
  margin: 0 0 0.3rem;
  font-size: 0.72rem;
  color: var(--as-muted);
  font-weight: 600;
  letter-spacing: 0.01em;
  font-family: var(--as-font);
  line-height: 1.2;
}

.arasistem-cart-promo--summary .arasistem-cart-promo-form {
  margin-top: 0;
  gap: 0.4rem;
  align-items: center;
}

.arasistem-cart-promo--summary .form-control,
.arasistem-cart-promo--summary .arasistem-cart-promo-form .form-control {
  min-height: 34px !important;
  height: 34px;
  padding: 0.25rem 0.55rem;
  font-size: 0.8rem;
  background: #fff;
  border-radius: 8px;
}

.arasistem-cart-promo--summary .btn,
.arasistem-cart-promo--summary .arasistem-cart-promo-form .btn {
  min-height: 34px !important;
  height: 34px;
  padding: 0 0.7rem !important;
  font-size: 0.78rem !important;
  font-weight: 600;
  line-height: 1;
  background: var(--as-ink) !important;
  border-color: var(--as-ink) !important;
  border-radius: 8px !important;
}

.arasistem-cart-promo-applied {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.arasistem-cart-promo-applied strong {
  display: block;
  font-size: 0.8rem;
  color: var(--as-green);
  line-height: 1.2;
}

.arasistem-cart-promo-applied span {
  display: block;
  font-size: 0.72rem;
  color: var(--as-muted);
  line-height: 1.25;
}

.arasistem-cart-promo-remove {
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--as-muted);
  text-decoration: none;
  border: 1px solid var(--as-border);
  background: #fff;
  font-size: 0.85rem;
}

.arasistem-cart-promo-remove:hover {
  color: #c0392b;
  border-color: rgba(192, 57, 43, 0.3);
}

#orderSummary.arasistem-checkout-summary {
  padding: 1.15rem 1.2rem 1.25rem !important;
}

#orderSummary .arasistem-checkout-summary-total {
  margin-top: 0.35rem;
}

#orderSummary .arasistem-checkout-summary-total-main strong,
#orderSummary #totalDueToday {
  font-family: var(--as-font-display);
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--as-ink);
}

#orderSummary .arasistem-review-recurring .recurring-charges {
  text-align: right;
  font-weight: 600;
  font-size: 0.82rem;
  line-height: 1.45;
}

#orderSummary .arasistem-cart-summary-actions {
  margin-top: 0.75rem;
}

.arasistem-cart .empty-cart-btn {
  margin: 0.15rem 0 0.85rem;
}

.arasistem-cart-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
  margin: 0.35rem 0 0.25rem;
}

.arasistem-cart-toolbar-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 40px !important;
  padding: 0.45rem 0.9rem !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  border: 1px solid var(--as-border) !important;
  background: #fff !important;
  color: var(--as-ink) !important;
  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: none !important;
}

.arasistem-cart-toolbar-btn i {
  font-size: 0.88rem;
  opacity: 0.9;
}

.arasistem-cart-toolbar-btn:hover {
  border-color: rgba(27, 94, 59, 0.35) !important;
  color: var(--as-green) !important;
  background: #f7faf8 !important;
}

.arasistem-cart-toolbar-btn--danger {
  color: #9aa3af !important;
}

.arasistem-cart-toolbar-btn--danger:hover {
  color: #c0392b !important;
  border-color: rgba(192, 57, 43, 0.35) !important;
  background: #fff7f6 !important;
}

.arasistem-cart .empty-cart-btn button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 0;
  background: transparent;
  color: var(--as-muted);
  font-size: 0.86rem;
  padding: 0.35rem 0;
}

.arasistem-cart .empty-cart-btn button:hover {
  color: #c0392b;
}

.arasistem-cart-line-top {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
}

.arasistem-cart-line-icon {
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(160deg, rgba(27, 94, 59, 0.12), rgba(27, 94, 59, 0.04));
  color: var(--as-green);
  font-size: 1.05rem;
}

.arasistem-cart-line-copy {
  min-width: 0;
  flex: 1 1 auto;
}

.arasistem-cart-line-opts {
  display: block;
  margin-top: 0.35rem;
  color: var(--as-muted);
}

@media (max-width: 767.98px) {
  .arasistem-review-line-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
  }

  .arasistem-review-line-price {
    text-align: left;
    padding-left: 3.35rem;
  }
}

/* Compact cart confirm modals (remove item / empty cart) */
#order-standard_cart .arasistem-cart-modal .modal-dialog,
.arasistem-cart-modal .modal-dialog {
  max-width: 360px;
  width: calc(100% - 2rem);
  margin: 1.25rem auto;
}

#order-standard_cart .arasistem-cart-modal .modal-content,
.arasistem-cart-modal .modal-content {
  border: 1px solid var(--as-border, #e4e9e6);
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(15, 40, 28, 0.14);
  overflow: hidden;
}

.arasistem-cart-modal-close {
  position: absolute;
  top: 0.55rem;
  right: 0.7rem;
  z-index: 2;
  opacity: 0.45;
  font-size: 1.25rem;
  line-height: 1;
  padding: 0.15rem;
}

.arasistem-cart-modal-close:hover {
  opacity: 0.85;
}

#order-standard_cart .arasistem-cart-modal .modal-body,
.arasistem-cart-modal .modal-body {
  position: relative;
  padding: 1.25rem 1.25rem 0.65rem !important;
  text-align: center !important;
  border: 0 !important;
}

.arasistem-cart-modal-icon {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 0.7rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(192, 57, 43, 0.08);
  color: #c0392b;
  font-size: 1.05rem;
}

#order-standard_cart .arasistem-cart-modal .modal-title,
.arasistem-cart-modal .modal-title {
  margin: 0 0 0.35rem !important;
  padding: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  color: var(--as-ink, #15241c);
  display: block !important;
}

#order-standard_cart .arasistem-cart-modal .modal-title i,
.arasistem-cart-modal .modal-title i,
.arasistem-cart-modal .modal-title .fa-3x {
  display: none !important;
  padding: 0 !important;
}

.arasistem-cart-modal-text {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.45;
  color: var(--as-muted, #6b7a72);
}

#order-standard_cart .arasistem-cart-modal .modal-footer,
#order-standard_cart .arasistem-cart-modal.modal-remove-item .modal-footer,
.arasistem-cart-modal .modal-footer {
  border: 0 !important;
  border-top: 0 !important;
  padding: 0.35rem 1.15rem 1.15rem !important;
  display: flex !important;
  justify-content: center !important;
  gap: 0.5rem;
  flex-wrap: wrap;
  text-align: center !important;
}

.arasistem-cart-modal .modal-footer .btn {
  min-width: 5.5rem;
  min-height: 38px !important;
  padding: 0.4rem 0.95rem !important;
  font-size: 0.86rem !important;
  font-weight: 600;
  border-radius: 8px !important;
}

.arasistem-cart-modal .modal-footer .btn-dark,
.arasistem-cart-modal .modal-footer .btn-primary {
  background: var(--as-green, #1b5e3b) !important;
  border-color: var(--as-green, #1b5e3b) !important;
  color: #fff !important;
}

.arasistem-cart .item-in-cart .product-header h5 {
  font-weight: 700;
  letter-spacing: -0.015em;
}

.arasistem-cart .item-group {
  display: block;
  margin-top: 0.2rem;
  color: var(--as-muted);
  font-size: 0.86rem;
}

.arasistem-cart .item-domain {
  margin-top: 0.45rem;
  background: rgba(27, 94, 59, 0.08) !important;
  color: var(--as-green) !important;
  border-radius: 8px !important;
  font-weight: 600;
}

.arasistem-cart .btn-remove-from-cart {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid var(--as-border);
  background: #fff;
  color: #9aa3af;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.arasistem-cart .btn-remove-from-cart:hover {
  color: #c0392b;
  border-color: rgba(192, 57, 43, 0.3);
}

.arasistem-cart-promo-form {
  display: flex;
  gap: 0.55rem;
  align-items: stretch;
  margin-top: 0.55rem;
}

.arasistem-cart-promo-form .form-control {
  border-radius: 10px;
  border: 1px solid var(--as-border);
  min-height: 44px;
}

.arasistem-cart-promo-form .btn {
  flex: 0 0 auto;
  min-height: 0;
  padding: 0.5rem 0.9rem !important;
  white-space: nowrap;
}

.arasistem-order-summary,
.arasistem-cart .ordersummary-coodiv-box {
  background: #fff !important;
  border: 1px solid rgba(27, 94, 59, 0.12);
  border-radius: 18px !important;
  box-shadow: none;
}

.arasistem-checkout-summary.arasistem-order-summary,
.arasistem-checkout-summary {
  box-shadow: none !important;
}

.arasistem-order-summary h2,
.arasistem-cart .ordersummary-coodiv-box h2 {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em;
  margin-bottom: 1rem !important;
}

.arasistem-order-summary > h2,
.arasistem-cart .ordersummary-coodiv-box > h2 {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #eef2ef;
}

.arasistem-checkout-summary-head h2 {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0.2rem !important;
}

.arasistem-cart .btn-checkout {
  min-height: 0 !important;
  padding: 0.5rem 0.9rem !important;
  font-size: 0.8125rem !important;
  font-weight: 700;
  margin-top: 0.65rem;
  width: auto !important;
  max-width: 100%;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: var(--as-green) !important;
  border-color: var(--as-green) !important;
}

.arasistem-cart .text-center .btn-checkout {
  min-width: 11rem;
}

.arasistem-cart .item-in-cart .item-price,
.arasistem-cart .item-in-cart .item-price span {
  color: var(--as-ink) !important;
  font-weight: 700;
}

.arasistem-cart-continue {
  display: inline-block;
  margin-top: 0.75rem;
  color: var(--as-muted);
  font-size: 0.88rem;
  text-decoration: none;
}

.arasistem-cart-continue:hover {
  color: var(--as-green);
}

.arasistem-cart .register-area-box-checkout,
.arasistem-cart .panel,
.arasistem-cart .card,
.arasistem-cart .secondary-cart-body .form-group {
  border-radius: 14px;
}

.arasistem-cart .secondary-cart-body .form-control,
.arasistem-cart .secondary-cart-body select.form-control {
  border-radius: 10px;
  min-height: 44px;
  border-color: var(--as-border);
}

.arasistem-cart-complete {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 20px;
  padding: 2.5rem 1.75rem;
  box-shadow: var(--as-shadow-soft);
  margin-top: 1rem;
}

.arasistem-cart-complete-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(27, 94, 59, 0.1);
  color: var(--as-green);
  font-size: 1.8rem;
}

.arasistem-cart-complete-order {
  display: inline-block;
  margin: 1rem auto;
  border-radius: 12px !important;
}

.arasistem-cart .total-due-today {
  margin: 0.85rem 0 0.25rem;
  padding: 0.75rem 0 0.15rem;
  border-top: 1px solid var(--as-border);
  text-align: center;
  background: transparent !important;
}

.arasistem-cart .total-due-today .amt,
body.emyui-aws-theme .arasistem-cart .ordersummary-coodiv-box .total-due-today .amt,
body.emyui-aws-theme .arasistem-cart .ordersummary-coodiv-box #totalDueToday {
  display: block;
  font-family: var(--as-font-display);
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em;
  color: var(--as-ink) !important;
  line-height: 1.15;
}

.arasistem-cart .total-due-today > span:last-child {
  color: var(--as-muted);
  font-size: 0.8rem;
}

.arasistem-cart .subtotal,
.arasistem-cart .recurring-totals,
.arasistem-cart .bordered-totals > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.88rem;
  margin-bottom: 0.4rem;
  color: var(--as-ink);
}

body.emyui-aws-theme .arasistem-cart .ordersummary-coodiv-box .clearfix .pull-right,
body.emyui-aws-theme .arasistem-cart .ordersummary-coodiv-box .float-right,
.arasistem-cart .ordersummary-coodiv-box #subtotal,
.arasistem-cart .ordersummary-coodiv-box #recurring,
.arasistem-cart .ordersummary-coodiv-box .cost,
.arasistem-cart .ordersummary-coodiv-box .recurring-charges {
  color: var(--as-ink) !important;
  font-weight: 600 !important;
}

.arasistem-cart .product-info {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 16px;
  padding: 1.15rem 1.25rem;
  margin-bottom: 1rem;
}

.arasistem-cart .product-info .product-title {
  margin: 0 0 0.35rem;
  font-family: var(--as-font-display);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* Configure package — modern layout */
.arasistem-config-package {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 18px;
  padding: 1.25rem 1.35rem 1.35rem;
  margin-bottom: 1rem;
  box-shadow: 0 8px 24px rgba(15, 40, 28, 0.04);
}

.arasistem-config-badge {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.55rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(27, 94, 59, 0.1);
  color: var(--as-green);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.arasistem-config-package-name {
  margin: 0 0 0.45rem;
  font-family: var(--as-font-display);
  font-size: clamp(1.25rem, 2vw, 1.45rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--as-ink);
  line-height: 1.25;
}

.arasistem-config-package-desc {
  margin: 0;
  color: var(--as-muted);
  font-size: 0.95rem;
  line-height: 1.55;
}

@media (min-width: 901px) {
  .arasistem-config-package-name {
    font-size: 1.15rem !important;
    letter-spacing: -0.02em;
  }

  .arasistem-config-package-desc,
  .arasistem-config-package-desc p {
    font-size: 0.82rem !important;
    line-height: 1.45;
  }
}

.arasistem-config-package-desc p {
  margin: 0 0 0.35rem;
}

.arasistem-config-package-desc p:last-child {
  margin-bottom: 0;
}

.arasistem-config-billing {
  margin-top: 1.15rem;
  padding-top: 1.1rem;
  border-top: 1px solid var(--as-border);
}

.arasistem-config-billing-head {
  margin-bottom: 0.75rem;
}

.arasistem-cycle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.65rem;
}

.arasistem-cycle-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  text-align: left;
  padding: 0.9rem 1rem;
  border-radius: 14px;
  border: 1px solid var(--as-border);
  background: var(--as-surface);
  color: var(--as-ink);
  cursor: pointer;
  position: relative;
  margin: 0;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

.arasistem-cycle-radio {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

.arasistem-cycle-card:has(.arasistem-cycle-radio:checked) {
  border-color: var(--as-green);
  background: #fff;
  box-shadow: var(--as-ring);
}

.arasistem-cycle-card:has(.arasistem-cycle-radio:checked) .arasistem-cycle-check {
  border-color: var(--as-green);
  background: var(--as-green);
  box-shadow: inset 0 0 0 2px #fff;
}

.arasistem-cycle-card:has(.arasistem-cycle-discount) {
  padding-right: 4.75rem;
}

.arasistem-cycle-discount {
  position: absolute;
  top: 0.45rem;
  right: 0.45rem;
  display: inline-flex;
  align-items: center;
  padding: 0.22rem 0.5rem;
  border-radius: 999px;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.2;
  white-space: nowrap;
  color: #fff;
  background: linear-gradient(135deg, #c2410c 0%, #ea580c 55%, #f59e0b 100%);
  box-shadow: 0 1px 2px rgba(194, 65, 12, 0.25);
  pointer-events: none;
}

.arasistem-cycle-card.is-active .arasistem-cycle-discount {
  box-shadow: 0 1px 3px rgba(194, 65, 12, 0.35);
}

.arasistem-cycle-card:hover {
  border-color: rgba(27, 94, 59, 0.35);
  background: #fff;
}

.arasistem-cycle-card.is-active {
  border-color: var(--as-green);
  background: #fff;
  box-shadow: var(--as-ring);
}

.arasistem-cycle-check {
  flex: 0 0 auto;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  border: 2px solid rgba(16, 24, 40, 0.18);
  background: #fff;
  position: relative;
}

.arasistem-cycle-card.is-active .arasistem-cycle-check {
  border-color: var(--as-green);
  background: var(--as-green);
  box-shadow: inset 0 0 0 2px #fff;
}

.arasistem-cycle-label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--as-muted);
}

.arasistem-cycle-card.is-active .arasistem-cycle-label {
  color: var(--as-green);
}

.arasistem-cycle-price {
  font-family: var(--as-font-display);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.35;
  color: var(--as-ink);
}

.arasistem-cycle-native {
  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;
}

.arasistem-config-billing {
  position: relative;
}

.arasistem-config-next {
  background: linear-gradient(165deg, rgba(27, 94, 59, 0.06), rgba(27, 94, 59, 0.02));
  border: 1px solid rgba(27, 94, 59, 0.12);
  border-radius: 18px;
  padding: 1.15rem 1.25rem;
  margin: 0.25rem 0 1rem;
}

.arasistem-config-next-title {
  margin: 0 0 0.85rem;
  font-family: var(--as-font-display);
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--as-ink);
}

.arasistem-config-next-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}

.arasistem-config-next-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.arasistem-config-next-num {
  flex: 0 0 auto;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--as-green);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
}

.arasistem-config-next-list strong {
  display: block;
  margin-bottom: 0.15rem;
  font-size: 0.9rem;
  color: var(--as-ink);
}

.arasistem-config-next-list p {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.45;
  color: var(--as-muted);
}

.arasistem-config-help {
  margin: 0 0 0.5rem;
  font-size: 0.88rem;
  color: var(--as-muted);
}

.arasistem-config-help i {
  color: var(--as-green);
  margin-right: 0.35rem;
}

.arasistem-config-help a {
  color: var(--as-green);
  font-weight: 600;
  text-decoration: none;
}

.arasistem-config-help a:hover {
  text-decoration: underline;
}

.arasistem-config-summary-note {
  margin: 0.65rem 0 0;
  font-size: 0.78rem;
  line-height: 1.4;
  color: var(--as-muted);
  text-align: center;
}

@media (min-width: 768px) {
  .arasistem-config-next-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.85rem;
  }

  .arasistem-config-next-list li {
    flex-direction: column;
    gap: 0.55rem;
  }
}

.arasistem-cart .register-area-box-checkout {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 14px !important;
  padding: 1.1rem 1.2rem !important;
  margin-bottom: 1rem !important;
  box-shadow: none;
  position: relative;
}

.arasistem-cart .register-area-box-checkout-title {
  display: block;
  margin-bottom: 0.85rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--as-ink);
}

/* —— Checkout form: kill green pills + tall oval inputs —— */
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout,
body.emyui-aws-theme .arasistem-cart .register-area-box-checkout {
  border: 1px solid var(--as-border) !important;
  border-radius: 14px !important;
  padding: 1.05rem 1.15rem 1.15rem !important;
  margin-bottom: 0.95rem !important;
  background: #fff !important;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-main .register-area-box-checkout {
  max-width: none;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout-title,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .sub-heading,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .sub-heading span,
body.emyui-aws-theme .arasistem-cart .register-area-box-checkout-title {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 0 0.85rem !important;
  width: auto !important;
  height: auto !important;
  line-height: 1.3 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--as-ink) !important;
  border-radius: 0 !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  display: block !important;
  text-transform: none !important;
  z-index: auto !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .form-control,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout select.form-control,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout textarea.form-control,
body.emyui-aws-theme .arasistem-cart .register-area-box-checkout .form-control {
  height: 46px !important;
  min-height: 46px !important;
  line-height: 1.3 !important;
  border-radius: 10px !important;
  border: 1px solid var(--as-border) !important;
  font-size: 0.9rem !important;
  padding: 0.5rem 0.85rem !important;
  background: #fff !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout textarea.form-control {
  height: auto !important;
  min-height: 88px !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .prepend-icon .field-icon {
  height: 46px !important;
  line-height: 46px !important;
  margin: 0 !important;
  color: var(--as-muted) !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .prepend-icon .form-control {
  padding-left: 2.35rem !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code .selected-flag {
  border-radius: 10px 0 0 10px !important;
  height: 46px !important;
  line-height: 46px !important;
  min-width: 5.75rem !important;
  width: auto !important;
  padding: 0 0.5rem !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code .selected-dial-code {
  display: inline-block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code input[type="tel"] {
  padding-left: 7.25rem !important;
  height: 46px !important;
  min-height: 46px !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .form-group {
  margin-bottom: 0.75rem !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout label:not(.field-icon),
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .col-form-label,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .arasistem-checkout-label {
  display: block;
  position: static !important;
  width: auto !important;
  height: auto !important;
  line-height: 1.3 !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 0.8rem !important;
  font-weight: 650 !important;
  color: var(--as-ink) !important;
  margin: 0 0 0.3rem !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-label.is-required::after {
  content: "*";
  color: #c0392b;
  margin-left: 0.2em;
  font-weight: 700;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .form-control.is-invalid,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .intl-tel-input:has(input.is-invalid) input {
  border-color: #c0392b !important;
  box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.14);
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .alert.arasistem-checkout-incomplete,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-incomplete,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-field-error,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .alert.checkout-error-feedback {
  color: #8e1e1e !important;
  background: #fdecea !important;
  border: 1px solid #f5c6c2 !important;
  border-radius: 10px !important;
  padding: 0.5rem 0.7rem !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  margin: 0 0 0.75rem !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-field-error {
  margin: 0.55rem 0 0 !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-incomplete p,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-field-error p,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .alert.checkout-error-feedback p {
  margin: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-incomplete[hidden],
body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-field-error[hidden] {
  display: none !important;
}

/* Account picker cards */
body.emyui-aws-theme #order-standard_cart.arasistem-cart .account-select-container .account {
  border: 1px solid var(--as-border) !important;
  border-radius: 14px !important;
  padding: 0 !important;
  background: #fff !important;
  margin-bottom: 0.65rem;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .account-select-container .account.active {
  border-color: var(--as-green) !important;
  background: rgba(27, 94, 59, 0.04) !important;
  box-shadow: 0 0 0 3px rgba(27, 94, 59, 0.12);
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .account-select-container .account .address strong {
  font-size: 0.92rem;
  color: var(--as-ink);
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-account-label {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  cursor: pointer;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-account-label .account-select {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

/* Hide WHMCS iCheck on account cards — keep only green tick on the right */
body.emyui-aws-theme #order-standard_cart.arasistem-cart .account-select-container .iradio_square-blue,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-account-card .iradio_square-blue,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-account-label .iradio_square-blue {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.arasistem-account-card-inner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.95rem 1rem;
  width: 100%;
}

.arasistem-account-avatar {
  flex: 0 0 auto;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef4f0;
  color: var(--as-green);
  font-size: 1rem;
}

.arasistem-account-avatar.is-plus {
  background: rgba(27, 94, 59, 0.1);
}

.arasistem-account-meta {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.arasistem-account-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}

.arasistem-account-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: rgba(27, 94, 59, 0.1);
  color: var(--as-green);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.arasistem-account-badge.is-muted {
  background: #eef0f2;
  color: var(--as-muted);
}

.arasistem-account-line,
.arasistem-account-loc {
  display: block;
  font-size: 0.78rem;
  line-height: 1.4;
  color: var(--as-muted);
}

.arasistem-account-loc {
  font-weight: 600;
  color: #4a5a52;
}

.arasistem-account-check {
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
  border-radius: 50%;
  border: 1.5px solid var(--as-border);
  color: transparent;
  background: #fff;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.72rem;
  line-height: 1;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.arasistem-account-check i {
  display: block;
  line-height: 1;
  font-size: inherit;
}

.account.active .arasistem-account-check {
  background: var(--as-green);
  border-color: var(--as-green);
  color: #fff;
}

.arasistem-checkout-section-head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem !important;
}

.arasistem-checkout-section-icon {
  flex: 0 0 auto;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(160deg, rgba(27, 94, 59, 0.14), rgba(27, 94, 59, 0.05));
  color: var(--as-green);
  font-size: 1.05rem;
}

.arasistem-checkout-section-head > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.arasistem-checkout-section-head .register-area-box-checkout-title {
  margin-bottom: 0 !important;
  line-height: 1.25;
}

.arasistem-checkout-section-head .register-area-box-checkout-title + .arasistem-checkout-section-hint {
    margin-top: 0.2rem;
}

.arasistem-checkout-paybox .arasistem-checkout-section-head {
    margin-bottom: 0.75rem !important;
}

.arasistem-checkout-section-hint {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--as-muted);
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-card {
  box-shadow: 0 10px 28px rgba(15, 40, 28, 0.045);
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart #frmCheckout {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-submit {
  max-width: none;
  width: 100%;
  margin: 1.1rem 0 0;
  text-align: left;
  padding: 1.1rem 1.15rem 1.2rem;
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(15, 40, 28, 0.045);
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-submit .btn-checkout,
body.emyui-aws-theme #order-standard_cart.arasistem-cart #btnCompleteOrder.arasistem-checkout-cta {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  padding: 0.85rem 1.15rem !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--as-green) !important;
  border-color: var(--as-green) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 22px rgba(27, 94, 59, 0.22);
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart #btnCompleteOrder.arasistem-checkout-cta:hover {
  filter: brightness(1.05);
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart #btnCompleteOrder.arasistem-checkout-cta.disabled:not(.is-submitting),
body.emyui-aws-theme #order-standard_cart.arasistem-cart #btnCompleteOrder.arasistem-checkout-cta:disabled:not(.is-submitting) {
  opacity: 1 !important;
  filter: none !important;
  background: var(--as-green) !important;
  border-color: var(--as-green) !important;
  color: #fff !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart #btnCompleteOrder.arasistem-checkout-cta.is-submitting,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-cta.is-submitting,
body.emyui-aws-theme #order-standard_cart.arasistem-cart #btnCompleteProductConfig.is-submitting,
body.emyui-aws-theme #order-standard_cart.arasistem-cart #arasistemConfigMobileContinue.is-submitting,
body.emyui-aws-theme #order-standard_cart.arasistem-cart #arasistemCartMobilePay.is-submitting {
  opacity: 1 !important;
  filter: none !important;
  pointer-events: none;
  cursor: wait !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart #btnCompleteOrder.arasistem-checkout-cta.is-submitting i,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-cta.is-submitting i,
body.emyui-aws-theme #order-standard_cart.arasistem-cart #btnCompleteProductConfig.is-submitting i,
body.emyui-aws-theme #order-standard_cart.arasistem-cart #arasistemConfigMobileContinue.is-submitting i,
body.emyui-aws-theme #order-standard_cart.arasistem-cart #arasistemCartMobilePay.is-submitting i {
  animation: fa-spin 0.8s linear infinite;
}

.arasistem-checkout-tos {
  font-size: 0.88rem;
  color: var(--as-muted);
  margin-bottom: 1rem;
}

.arasistem-checkout-secure {
  margin-top: 0.75rem;
  margin-bottom: 0;
  font-size: 0.8rem;
  color: var(--as-muted);
}

.arasistem-checkout-secure i {
  color: var(--as-green);
  margin-right: 0.25rem;
}

.arasistem-cart #btnCompleteOrder {
  min-height: 52px !important;
  padding: 0.85rem 1.15rem !important;
  font-size: 0.95rem !important;
  font-weight: 700;
  width: 100% !important;
  max-width: none;
}

.arasistem-cart-tax {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 16px;
  padding: 1rem 1.1rem;
}

.arasistem-cart-tax-acc > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 44px;
}

.arasistem-cart-tax-acc > summary::-webkit-details-marker {
  display: none;
}

.arasistem-cart-tax-summary-title {
  font-family: var(--as-font-display);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--as-ink, #14201a);
}

.arasistem-cart-tax-summary-hint {
  margin-left: auto;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--as-muted);
  letter-spacing: 0.02em;
}

.arasistem-cart-tax-summary-icon {
  width: 1.15rem;
  height: 1.15rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: rgba(27, 94, 59, 0.08);
  position: relative;
}

.arasistem-cart-tax-summary-icon::before,
.arasistem-cart-tax-summary-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 1.5px;
  background: var(--as-green);
  transform: translate(-50%, -50%);
}

.arasistem-cart-tax-summary-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: opacity 0.15s ease;
}

.arasistem-cart-tax-acc[open] .arasistem-cart-tax-summary-icon::after {
  opacity: 0;
}

.arasistem-cart-tax-acc .arasistem-cart-tax-form {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--as-border-soft);
}

@media (min-width: 992px) {
  .arasistem-cart-tax-acc > summary {
    pointer-events: none;
  }

  .arasistem-cart-tax-summary-hint,
  .arasistem-cart-tax-summary-icon {
    display: none;
  }
}

.arasistem-cart-empty {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 16px;
  padding: 1.75rem 1.25rem;
  box-shadow: var(--as-shadow-soft);
  max-width: 420px;
  margin: 0 auto;
}

.arasistem-cart-empty .btn {
  min-height: 0 !important;
  padding: 0.5rem 0.9rem !important;
  width: auto !important;
}

.arasistem-cart-empty .arasistem-cart-title {
  font-size: 1.45rem;
}

.arasistem-cart-section-head {
  margin: 1.25rem 0 0.85rem;
}

.arasistem-cart-fields {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 16px;
  padding: 1.15rem 1.25rem;
}

.arasistem-cart .arasistem-slug-box {
  margin-top: 0.75rem;
  padding: 0.85rem 1rem;
  background: #f7f9f8;
  border-radius: 12px;
  border: 1px solid var(--as-border);
}

.arasistem-cart .arasistem-slug-preview {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.45rem 0.75rem;
  margin-bottom: 0.35rem;
}

.arasistem-cart .arasistem-slug-preview code {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--as-green);
  background: transparent;
}

.arasistem-cart .field-help-text {
  display: block;
  margin-top: 0.35rem;
  color: var(--as-muted);
  font-size: 0.82rem;
}

.arasistem-cart #inputBillingcycle {
  max-width: 100%;
}

.arasistem-cart-plans .emyui-ews-plans-group {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid var(--as-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--as-shadow-soft);
  padding: 1.5rem 1.35rem !important;
}

.arasistem-cart-plans .emyui-ews-plans-price-algo,
.arasistem-cart-plans .emyui-ews-plans-group-price-tag,
.arasistem-cart-plans h5 {
  font-family: var(--as-font-display) !important;
}

.arasistem-cart-plans .emyui-ews-plans-price-algo {
  letter-spacing: -0.03em;
}

.arasistem-cart-plans .btn,
.arasistem-cart-plans a.btn {
  border-radius: 10px !important;
  min-height: 44px;
  font-weight: 700;
  background: var(--as-green) !important;
  border-color: var(--as-green) !important;
  color: #fff !important;
}

.arasistem-cart-plans [class*="tax"],
.arasistem-cart-plans .alert,
.arasistem-cart-plans .badge-warning,
.arasistem-cart-plans .bg-warning {
  background: #f7f9f8 !important;
  color: var(--as-muted) !important;
  border: 1px solid var(--as-border) !important;
  font-weight: 500;
  border-radius: 8px !important;
}

@media (max-width: 575px) {
  .arasistem-cart-steps ol {
    padding: 0.55rem 0.65rem;
  }

  .arasistem-cart-step-label {
    display: inline !important;
    font-size: 0.72rem;
  }

  .arasistem-cart-promo-form {
    flex-direction: column;
  }
}

/* —— Cart layout / checkout 2-col / payment cards —— */
.arasistem-cart-wrap {
  max-width: 1480px !important;
  width: 100%;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.arasistem-cart-layout {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start !important;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.arasistem-cart .secondary-cart-body.arasistem-cart-main,
.arasistem-cart .secondary-cart-sidebar.arasistem-cart-aside,
.arasistem-cart #scrollingPanelContainer {
  float: none !important;
  width: auto !important;
  max-width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-top: 0 !important;
}

/* Desktop split: 8 / 4 — beat WHMCS 65/35 and 69/31 ID rules. Phone stays 100%. */
@media (min-width: 992px) {
  #order-standard_cart.arasistem-cart .secondary-cart-body.arasistem-cart-main,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart .secondary-cart-body.arasistem-cart-main,
  .arasistem-cart .secondary-cart-body.arasistem-cart-main {
    flex: 0 0 66.666667% !important;
    max-width: 66.666667% !important;
    width: 66.666667% !important;
  }

  #order-standard_cart.arasistem-cart .secondary-cart-sidebar.arasistem-cart-aside,
  #order-standard_cart.arasistem-cart #scrollingPanelContainer,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart .secondary-cart-sidebar.arasistem-cart-aside,
  .arasistem-cart .secondary-cart-sidebar.arasistem-cart-aside,
  .arasistem-cart #scrollingPanelContainer {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
    width: 33.333333% !important;
    position: sticky;
    top: 1.25rem;
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-self: flex-start !important;
  }

  #order-standard_cart.arasistem-cart .arasistem-checkout-grid > .arasistem-checkout-main,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-grid > .arasistem-checkout-main {
    flex: 0 0 66.666667% !important;
    max-width: 66.666667% !important;
    width: 66.666667% !important;
  }

  #order-standard_cart.arasistem-cart .arasistem-checkout-grid > .arasistem-checkout-aside,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-grid > .arasistem-checkout-aside {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
    width: 33.333333% !important;
  }
}

/* Keep summary flush with items; CSS sticky handles follow-scroll */
.arasistem-cart #orderSummary,
.arasistem-cart .ordersummary-coodiv-box {
  margin-top: 0 !important;
}

.arasistem-order-summary,
.arasistem-cart .ordersummary-coodiv-box {
  padding: 1.25rem 1.2rem 1.35rem !important;
}

.arasistem-cart-summary-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.45rem;
  margin-top: 0.85rem;
}

.arasistem-cart-summary-actions .btn-checkout {
  width: 100% !important;
  margin-top: 0 !important;
  min-height: 48px !important;
  padding: 0.75rem 1rem !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  background: var(--as-green) !important;
  border-color: var(--as-green) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 22px rgba(27, 94, 59, 0.2);
}

.arasistem-cart-summary-actions .arasistem-cart-continue-btn {
  width: 100% !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 48px !important;
  padding: 0.75rem 1rem !important;
  margin: 0 !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  border: 1px solid var(--as-border) !important;
  background: #fff !important;
  color: var(--as-ink) !important;
  box-shadow: none !important;
  text-decoration: none !important;
  line-height: 1.2;
}

.arasistem-cart-summary-actions .arasistem-cart-continue-btn i {
  font-size: 0.9rem;
  opacity: 0.85;
}

.arasistem-cart-summary-actions .arasistem-cart-continue-btn:hover {
  border-color: rgba(27, 94, 59, 0.35) !important;
  color: var(--as-green) !important;
  background: #f7faf8 !important;
}

.arasistem-cart-continue {
  text-align: center;
  margin-top: 0.15rem !important;
}

.arasistem-cart-next-hint {
  margin: 0.65rem 0 0;
  font-size: 0.78rem;
  line-height: 1.4;
  color: var(--as-muted);
}

.arasistem-cart-trust {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0.85rem 0 0;
  border-top: 1px solid var(--as-border);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem 0.65rem;
}

.arasistem-cart-trust li {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.65rem;
  line-height: 1.2;
  color: var(--as-muted);
  min-width: 0;
  white-space: nowrap;
}

.arasistem-cart-trust li span {
  min-width: 0;
  white-space: nowrap;
}

.arasistem-cart-trust i {
  flex: 0 0 auto;
  color: var(--as-green);
  margin-top: 0;
  font-size: 0.78rem;
}

#orderSummary .arasistem-cart-trust {
  margin-top: 0.85rem;
  padding-top: 0.75rem;
  border-top: 1px solid #eef2ef;
}

.arasistem-cart-trust--center {
  text-align: left;
  max-width: 22rem;
  margin-left: auto;
  margin-right: auto;
}

.arasistem-cart-empty {
  padding: 2.5rem 1.25rem;
  background: #fff;
  border: 1px dashed var(--as-border);
  border-radius: 16px;
}

.arasistem-cart-empty-icon {
  width: 3.25rem;
  height: 3.25rem;
  margin: 0 auto 0.85rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(27, 94, 59, 0.08);
  color: var(--as-green);
  font-size: 1.35rem;
}

.arasistem-cart-mobile-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom));
  background: rgba(255, 255, 255, 0.96);
  border-top: 1px solid var(--as-border);
  box-shadow: 0 -8px 24px rgba(15, 40, 28, 0.08);
  backdrop-filter: blur(8px);
}

.arasistem-cart-mobile-bar-total span {
  display: block;
  font-size: 0.68rem;
  color: var(--as-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
}

.arasistem-cart-mobile-bar-total strong {
  font-size: 1.05rem;
  color: var(--as-ink);
}

.arasistem-cart-mobile-bar .btn {
  flex: 0 0 auto;
  min-height: 40px !important;
  padding: 0.45rem 1rem !important;
  background: var(--as-green) !important;
  border-color: var(--as-green) !important;
}

/* d-lg-none is 992px; our mobile chrome is 900px. Hide sticky bars in the gap
   so they cannot sit on top of "Sepete devam et" and swallow the click. */
@media (min-width: 901px) {
  .arasistem-cart-mobile-bar,
  .arasistem-config-mobile-bar,
  .arasistem-checkout-mobile-bar {
    display: none !important;
  }

  /* Existing-login: Giriş matches the 46px email/password fields (desktop only) */
  body.emyui-aws-theme #order-standard_cart.arasistem-cart #containerExistingUserSignin #btnExistingLogin {
    height: 46px !important;
    min-height: 46px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    line-height: 1 !important;
  }
}

body.emyui-aws-theme:has(.arasistem-cart-mobile-bar) .arasistem-cart,
body.emyui-aws-theme:has(.arasistem-checkout-mobile-bar) .arasistem-cart,
body.emyui-aws-theme:has(.arasistem-config-mobile-bar) .arasistem-cart,
body.arasistem-cart-page:has(.arasistem-cart-mobile-bar) .arasistem-cart,
body.emyui-aws-theme:has(.arasistem-cart-mobile-bar) #order-standard_cart.arasistem-cart,
body.emyui-aws-theme:has(.arasistem-checkout-mobile-bar) #order-standard_cart.arasistem-cart,
body.emyui-aws-theme:has(.arasistem-config-mobile-bar) #order-standard_cart.arasistem-cart {
  padding-bottom: calc(8rem + env(safe-area-inset-bottom, 0px)) !important;
}

.arasistem-checkout-auth-toggle {
  margin-top: 0.85rem;
}

/* Theme .btn { display:inline-flex; min-width:175px } un-hides WHMCS .w-hidden
   buttons and stretches the login/register toggle into two dead tabs. */
#order-standard_cart.arasistem-cart .w-hidden:not(.alert),
#order-standard_cart.arasistem-cart .already-registered .btn.w-hidden,
#order-standard_cart.arasistem-cart #containerExistingUserSignin.w-hidden,
#order-standard_cart.arasistem-cart #containerNewUserSignup.w-hidden {
  display: none !important;
}

#order-standard_cart.arasistem-cart #existingLoginMessage:not(.w-hidden) {
  display: block !important;
}

#order-standard_cart.arasistem-cart .already-registered .btn,
#order-standard_cart.arasistem-cart .arasistem-checkout-auth-toggle .btn {
  min-width: 0;
}

#order-standard_cart.arasistem-cart .register-area-box-checkout .prepend-icon {
  position: relative;
}

#order-standard_cart.arasistem-cart .register-area-box-checkout .prepend-icon .field-icon {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 42px !important;
  height: 46px !important;
  line-height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  text-align: center;
  pointer-events: none;
  z-index: 4;
  background: transparent !important;
}

/* Phone: flag/+90 replaces the leftover prepend icon (it sat under the flag). */
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .prepend-icon label.field-icon[for="inputPhone"],
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .prepend-icon label.field-icon[for="inputDCPhone"],
#order-standard_cart.arasistem-cart .register-area-box-checkout .prepend-icon:has(.intl-tel-input) .field-icon,
#order-standard_cart.arasistem-cart .register-area-box-checkout .prepend-icon:has(#inputPhone) .field-icon,
#order-standard_cart.arasistem-cart .register-area-box-checkout .prepend-icon:has(#inputDCPhone) .field-icon {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input:not(.iti-container) {
  display: block;
  width: 100%;
  overflow: visible !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input .flag-container {
  height: 46px !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code .selected-flag,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code.allow-dropdown .selected-flag,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  display: table !important;
  box-sizing: border-box !important;
  height: 46px !important;
  line-height: normal !important;
  overflow: hidden !important;
  background: #f7f9f8 !important;
  border-radius: 10px 0 0 10px !important;
  border-right: 1px solid var(--as-border, #e4e9e6);
  padding: 0 0 0 8px !important;
  min-width: 0 !important;
  width: 90px !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 78px !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 90px !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 100px !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell !important;
  vertical-align: middle !important;
  padding-left: 28px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: var(--as-ink, #15241c) !important;
  white-space: nowrap !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type="tel"] {
  padding-left: 86px !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type="tel"],
body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code input[type="tel"] {
  padding-left: 98px !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type="tel"] {
  padding-left: 108px !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input:not(.iti-container) .country-list {
  left: 0 !important;
  right: auto !important;
  top: calc(100% + 4px) !important;
  bottom: auto !important;
  width: 300px !important;
  max-width: min(300px, calc(100vw - 16px)) !important;
  max-height: 240px !important;
  margin: 0 !important;
  padding: 0.25rem 0 !important;
  box-sizing: border-box !important;
  border: 1px solid var(--as-border, #e4e9e6) !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 32px rgba(21, 36, 28, 0.18) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  white-space: nowrap !important;
  z-index: 50 !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input:not(.iti-container) .country-list .country {
  padding: 0.45rem 0.75rem !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .register-area-box-checkout .intl-tel-input:not(.iti-container) .country-list .country.highlight {
  background: rgba(27, 94, 59, 0.08) !important;
}

.arasistem-checkout-grid {
  align-items: flex-start !important;
  overflow: visible !important;
}

/*
 * Theme wraps the page in .site-wrapper.overflow-hidden — that kills position:sticky
 * (sticky cannot escape an overflow:hidden ancestor). Allow sticky on cart/checkout
 * and marketing pages that use .arasistem-stack-bar under the fixed mobile header.
 * Without this, sticky top: header-h is resolved against the clipped wrapper and the
 * bar paints ~one header-height too low, overlapping the following section title.
 */
body.user-in-shoppingcart .site-wrapper.overflow-hidden,
body.arasistem-cart-page .site-wrapper.overflow-hidden,
body.emyui-aws-theme:has(.arasistem-cart) .site-wrapper.overflow-hidden,
body.emyui-aws-theme:has(#order-standard_cart.arasistem-cart) .site-wrapper,
body.emyui-aws-theme .site-wrapper.site-wrapper--unlock,
body.emyui-aws-theme:has(.arasistem-account-page) .site-wrapper,
body.emyui-aws-theme:has(.arasistem-stack-bar) .site-wrapper.overflow-hidden {
  overflow: visible !important;
}

/* Sticky order summary — CSS sticky on aside (no JS marginTop — that freezes scroll) */
@media (min-width: 992px) {
  .arasistem-cart,
  .arasistem-cart-wrap,
  .arasistem-cart-layout,
  #order-standard_cart.arasistem-cart,
  #order-standard_cart.arasistem-cart #frmCheckout,
  .arasistem-checkout-grid {
    overflow: visible !important;
  }

  .arasistem-cart .secondary-cart-sidebar.arasistem-cart-aside,
  .arasistem-cart #scrollingPanelContainer,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-aside,
  .arasistem-checkout-aside {
    position: sticky !important;
    top: 1.25rem !important;
    align-self: flex-start !important;
    z-index: 30;
    margin-top: 0 !important;
    max-height: calc(100vh - 2.5rem);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-summary,
  .arasistem-checkout-summary {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
    max-height: none;
    overflow: visible;
  }

  .arasistem-cart #orderSummary,
  .arasistem-cart .ordersummary-coodiv-box {
    margin-top: 0 !important;
  }
}

.arasistem-checkout-aside {
  position: relative;
  align-self: flex-start;
}

.arasistem-checkout-summary-items {
  display: grid;
  gap: 0.35rem;
  margin-bottom: 0.65rem;
}

.arasistem-checkout-summary-head {
  margin-bottom: 0.75rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid #eef2ef;
}

.arasistem-checkout-summary-head h2 {
  margin: 0 0 0.2rem !important;
}

.arasistem-checkout-summary-head p {
  margin: 0;
  font-size: 0.8rem;
  color: var(--as-muted);
  line-height: 1.4;
}

.arasistem-checkout-summary-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.4rem 0.55rem;
  border: 1px solid #eef2ef;
  border-radius: 8px;
  background: #fbfcfb;
}

.arasistem-checkout-summary-icon {
  flex: 0 0 auto;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(27, 94, 59, 0.1);
  color: var(--as-green);
  font-size: 0.72rem;
  margin-top: 0;
}

.arasistem-checkout-summary-item-main {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  flex: 1 1 auto;
  line-height: 1.25;
}

.arasistem-checkout-summary-item-main strong {
  font-size: 0.8rem;
  color: var(--as-ink);
}

.arasistem-checkout-summary-item-main span,
.arasistem-checkout-summary-item-main small {
  font-size: 0.68rem;
  color: var(--as-muted);
}

.arasistem-checkout-summary-item-main em {
  font-style: normal;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--as-green);
}

.arasistem-checkout-summary-item-price {
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
  color: var(--as-ink);
  text-align: right;
}

.arasistem-checkout-summary-rows {
  display: grid;
  gap: 0.35rem;
  margin: 0.15rem 0 0.35rem;
  padding: 0;
}

/* Ara Toplam: label left, price right — same inset as product rows (no icon spacer gap) */
.arasistem-checkout-summary-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
  padding: 0.2rem 0.55rem;
  font-size: 0.84rem;
}

.arasistem-checkout-summary-row > span {
  min-width: 0;
  text-align: left;
}

.arasistem-checkout-summary-row > strong {
  flex: 0 0 auto;
  white-space: nowrap;
  font-weight: 700;
  text-align: right;
}

.arasistem-checkout-summary-row.is-discount {
  color: var(--as-green);
}

.arasistem-recurring-block {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-top: 0.55rem;
  padding-top: 0.55rem;
  border-top: 1px solid #eef2ef;
}

.arasistem-recurring-heading {
  padding: 0 0.55rem 0.2rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--as-muted, #6b7280);
}

.arasistem-recurring-line {
  display: flex !important;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
  width: 100%;
  margin: 0;
  padding: 0.28rem 0.55rem;
  font-size: 0.84rem;
  color: var(--as-ink);
}

.arasistem-recurring-line > em {
  font-style: normal;
  font-weight: 500;
  color: var(--as-muted, #6b7280);
  min-width: 0;
}

.arasistem-recurring-line > strong {
  flex: 0 0 auto;
  font-weight: 700;
  white-space: nowrap;
  text-align: right;
}

.arasistem-recurring-line .cost {
  font-weight: 700;
  color: var(--as-ink);
}

.arasistem-checkout-summary-total {
  margin-top: 0.75rem;
  padding: 0.55rem 0.75rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  text-align: left;
  background: #f3f6f4;
  color: var(--as-ink);
  border: 1px solid var(--as-border, #e4e9e6);
  box-shadow: none;
}

.arasistem-checkout-summary-total-main {
  min-width: 0;
  flex: 1 1 auto;
}

.arasistem-checkout-summary-total span {
  display: block;
  font-size: 0.68rem;
  font-weight: 600;
  opacity: 1;
  margin-bottom: 0.05rem;
  color: var(--as-muted);
  line-height: 1.2;
}

.arasistem-checkout-summary-total strong {
  display: block;
  font-family: var(--as-font-display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: var(--as-ink) !important;
  line-height: 1.2;
}

.arasistem-checkout-summary-edit {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--as-ink) !important;
  text-decoration: none !important;
  background: #fff;
  border: 1px solid var(--as-border, #e4e9e6);
  white-space: nowrap;
}

.arasistem-checkout-summary-edit:hover {
  color: var(--as-green) !important;
  border-color: rgba(27, 94, 59, 0.35);
  background: #fff;
}

.arasistem-checkout-submit--aside {
  margin-top: 0.85rem;
  padding-top: 0;
  border-top: 0;
}

.arasistem-checkout-submit--aside .arasistem-checkout-tos {
  font-size: 0.78rem;
  line-height: 1.4;
  margin-bottom: 0.55rem;
  overflow: hidden;
}

.arasistem-checkout-submit--aside .arasistem-checkout-tos label {
  width: 100%;
  max-width: 100%;
}

.arasistem-checkout-submit--aside .arasistem-checkout-tos-text {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
  overflow-wrap: break-word;
}

.arasistem-checkout-submit--aside .arasistem-cart-next-hint {
  margin-top: 0.55rem;
  font-size: 0.74rem;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-submit--aside .btn-checkout,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-aside #btnCompleteOrder.arasistem-checkout-cta {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 46px !important;
  padding: 0.7rem 1rem !important;
  font-size: 0.9rem !important;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart #orderSummary .arasistem-checkout-submit--aside a.arasistem-checkout-cta,
body.emyui-aws-theme #order-standard_cart.arasistem-cart #orderSummary #checkout.arasistem-checkout-cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100% !important;
  text-decoration: none !important;
}

#orderSummary #producttotal {
  margin: 0;
}

#orderSummary #producttotal .arasistem-checkout-summary-items {
  margin-bottom: 0.35rem;
}

.arasistem-checkout-summary-item--opt .arasistem-checkout-summary-item-main strong {
  font-size: 0.82rem;
  font-weight: 600;
}

.arasistem-checkout-summary-item-price small {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.68rem;
  font-weight: 500;
  color: var(--as-muted);
}

.arasistem-checkout-due {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 0.65rem 0.85rem;
  border-radius: 10px;
  background: #f3f8f5;
  border: 1px solid rgba(27, 94, 59, 0.14);
}

.arasistem-checkout-due-copy {
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  min-width: 0;
}

.arasistem-checkout-due span {
  font-size: 0.78rem;
  color: var(--as-muted);
  font-weight: 700;
}

.arasistem-checkout-due small {
  display: none;
}

.arasistem-checkout-due strong {
  font-family: var(--as-font-display);
  font-size: 1.1rem;
  letter-spacing: -0.02em;
  color: var(--as-ink);
  white-space: nowrap;
}

.arasistem-checkout-pay-hint {
  margin: 0 0 0.65rem;
  font-size: 0.78rem;
  color: var(--as-muted);
}

.arasistem-pay-methods {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

.arasistem-pay-method {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  width: 100%;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
}

body.emyui-aws-theme #order-standard_cart.arasistem-cart .payment-gateways-container.arasistem-pay-methods label.arasistem-pay-method,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-pay-methods label {
  position: relative !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
  cursor: pointer !important;
}

/* Hide WHMCS iCheck radio — we use the custom tick on the right */
.arasistem-pay-method .iradio_square-blue,
.arasistem-pay-methods .iradio_square-blue,
body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-pay-method .iradio_square-blue {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.arasistem-pay-method input,
.arasistem-pay-method input.payment-methods {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  z-index: 3;
  cursor: pointer;
  pointer-events: auto !important;
}

.arasistem-pay-method-body {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 68px;
  padding: 0.8rem 0.9rem;
  border: 1px solid var(--as-border);
  border-radius: 14px;
  background: #fff;
  color: var(--as-ink);
  font-size: 0.88rem;
  font-weight: 600;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
  cursor: pointer;
  position: relative;
  z-index: 1;
  pointer-events: none;
}

.arasistem-pay-method-icon {
  flex: 0 0 auto;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef4f0;
  color: var(--as-green);
  font-size: 1rem;
}

.arasistem-pay-method-copy {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.arasistem-pay-method-name {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--as-ink);
}

.arasistem-pay-method-copy small {
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--as-muted);
  line-height: 1.3;
}

@media (min-width: 901px) {
  .arasistem-pay-method-copy small {
    white-space: nowrap;
  }
}

.arasistem-pay-method-tick {
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1.5px solid var(--as-border);
  color: transparent;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.72rem;
  line-height: 1;
  background: #fff;
}

.arasistem-pay-method-tick i {
  display: block;
  line-height: 1;
  font-size: inherit;
}

.arasistem-pay-method:hover .arasistem-pay-method-body {
  border-color: rgba(27, 94, 59, 0.35);
}

.arasistem-pay-method input:checked + .arasistem-pay-method-body,
.arasistem-pay-method .iradio_square-blue.checked ~ .arasistem-pay-method-body,
.arasistem-pay-method:has(input:checked) .arasistem-pay-method-body {
  border-color: var(--as-green);
  background: rgba(27, 94, 59, 0.05);
  box-shadow: 0 0 0 3px rgba(27, 94, 59, 0.12);
}

.arasistem-pay-method input:checked + .arasistem-pay-method-body .arasistem-pay-method-icon,
.arasistem-pay-method .iradio_square-blue.checked ~ .arasistem-pay-method-body .arasistem-pay-method-icon,
.arasistem-pay-method:has(input:checked) .arasistem-pay-method-icon {
  background: var(--as-green);
  color: #fff;
}

.arasistem-pay-method input:checked + .arasistem-pay-method-body .arasistem-pay-method-tick,
.arasistem-pay-method .iradio_square-blue.checked ~ .arasistem-pay-method-body .arasistem-pay-method-tick,
.arasistem-pay-method:has(input:checked) .arasistem-pay-method-tick {
  background: var(--as-green);
  border-color: var(--as-green);
  color: #fff;
}

.arasistem-checkout-submit {
  margin-top: 0.35rem;
}

.arasistem-checkout-submit .btn-checkout {
  width: 100% !important;
  min-height: 46px !important;
  margin-top: 0.35rem;
}

.arasistem-checkout-tos {
  margin-bottom: 0.65rem;
  font-size: 0.84rem;
  text-align: left;
}

.arasistem-cart-complete-order {
  display: inline-block;
  margin: 1rem auto;
  padding: 0.65rem 1rem;
  border-radius: 12px !important;
  background: #f7f9f8;
  border: 1px solid var(--as-border);
}

@media (max-width: 991px) {
  .arasistem-cart .secondary-cart-body.arasistem-cart-main,
  .arasistem-cart .secondary-cart-sidebar.arasistem-cart-aside,
  .arasistem-cart #scrollingPanelContainer,
  #order-standard_cart.arasistem-cart .secondary-cart-body,
  #order-standard_cart.arasistem-cart .secondary-cart-sidebar,
  #order-standard_cart.arasistem-cart #scrollingPanelContainer {
    float: none !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .arasistem-cart .secondary-cart-sidebar.arasistem-cart-aside,
  .arasistem-cart #scrollingPanelContainer,
  .arasistem-checkout-aside {
    position: static !important;
    margin-top: 1rem;
  }

  .arasistem-pay-methods {
    grid-template-columns: 1fr;
  }

  .arasistem-checkout-aside {
    order: -1;
  }
}

/* —— Account / users / contacts compact UI —— */
.arasistem-account-page.main-page-contents {
  padding-top: 1.5rem !important;
  padding-bottom: 2rem !important;
}

.arasistem-account-page.main-page-contents:has(.arasistem-kb-search),
.arasistem-account-page.main-page-contents:has(.arasistem-article-panel) {
  padding-top: 0.7rem !important;
}

#main-body:has(.arasistem-kb-search),
#main-body:has(.arasistem-article-panel) {
  padding-top: 0 !important;
}

.arasistem-account {
  max-width: 720px;
  margin: 0 auto;
}

.arasistem-account--wide {
  max-width: 900px;
}

/* Change-password: input grows, generate button flush right, tips full width */
.arasistem-user-password .arasistem-password-new-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.55rem;
}

@media (min-width: 901px) {
  .arasistem-user-password .arasistem-password-new-row {
    flex-direction: row;
    align-items: stretch;
    gap: 0.7rem;
  }

  .arasistem-user-password .arasistem-password-new-row #inputNewPassword1 {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
  }

  .arasistem-user-password .arasistem-password-generate {
    flex: 0 0 auto;
    width: auto !important;
    margin-top: 0 !important;
    white-space: nowrap;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 1.15rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  .arasistem-user-password .arasistem-pw-strength {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Tips box: same width as inputs, left text, grey fill */
.arasistem-user-password .arasistem-pw-strength,
.arasistem-user-password .arasistem-pw-strength .alert,
.arasistem-user-password .arasistem-pw-strength .alert-info,
body.emyui-aws-theme .arasistem-account-page .arasistem-user-password .alert-info,
body.emyui-aws-theme .arasistem-user-password .alert-info {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

/* Kullanıcı yönetimi: liste + davet kartları pagehead ile aynı kolon genişliği */
.arasistem-user-management .arasistem-dash-layout .col-lg-9 > .arasistem-account {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.arasistem-user-management .arasistem-dash-layout .col-lg-9 > .arasistem-account .arasistem-account-panel {
  max-width: none;
  width: 100%;
}

.arasistem-account-panel {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 16px;
  padding: 1.15rem 1.25rem;
  margin-bottom: 1rem;
  box-shadow: var(--as-shadow-soft);
}

.arasistem-account-tax-fields {
  margin-top: 0.15rem;
}

.arasistem-account-tax-fields .control,
.arasistem-account-tax-fields .control .form-control,
.arasistem-account-tax-fields .control input[type="text"],
.arasistem-account-tax-fields .control input[type="number"],
.arasistem-account-tax-fields .control input[type="tel"] {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
}

.arasistem-account-page .card {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid var(--as-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--as-shadow-soft);
}

.arasistem-account-page .card .card-body {
  padding: 1.15rem 1.25rem !important;
}

.arasistem-account-page .card-title {
  font-family: var(--as-font-display);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 0.65rem;
}

.arasistem-account-page .btn-primary,
.arasistem-account .btn-primary {
  background: var(--as-green) !important;
  border-color: var(--as-green) !important;
  color: #fff !important;
  border-radius: 8px !important;
  min-height: 0;
  padding: 0.5rem 0.9rem !important;
  font-weight: 600;
  font-size: 0.8125rem;
}

.arasistem-account-page .btn-primary:hover,
.arasistem-account .btn-primary:hover {
  background: var(--as-green-deep) !important;
  border-color: var(--as-green-deep) !important;
}

.arasistem-account-page .btn-danger,
.arasistem-account .btn-danger {
  border-radius: 8px !important;
  min-height: 0;
  padding: 0.5rem 0.9rem !important;
  font-size: 0.8125rem;
  font-weight: 600;
}

.arasistem-account-page .btn-block {
  width: auto !important;
  display: inline-flex;
}

.arasistem-account-page .alert-info {
  max-width: 720px;
  margin: 0 auto 1rem;
  border-radius: 12px;
  padding: 0.85rem 1rem;
  background: #f7f9f8;
  border: 1px solid var(--as-border);
  color: var(--as-ink);
}

.arasistem-account-head {
  margin-bottom: 0.85rem;
}

.arasistem-account-title {
  margin: 0;
  font-family: var(--as-font-display);
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--as-ink);
  line-height: 1.25;
}

.arasistem-account-title.is-sm {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

.arasistem-account-meta,
.arasistem-account-lead {
  margin: 0.25rem 0 0;
  color: var(--as-muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

.arasistem-account-label {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--as-ink);
}

.arasistem-account .form-control,
.arasistem-account-page .form-control,
.arasistem-account select.form-control {
  min-height: 40px;
  border-radius: 10px;
  border-color: var(--as-border);
  font-size: 0.92rem;
}

/* Logged-in contact page: match guest contact input height (44px) */
body.emyui-aws-theme .arasistem-account-page .arasistem-contact-panel .form-control,
body.emyui-aws-theme .arasistem-account-page .arasistem-contact-form .form-control,
body.emyui-aws-theme .arasistem-client-page .arasistem-contact-panel .form-control,
body.emyui-aws-theme .arasistem-client-page .arasistem-contact-form .form-control,
body.emyui-aws-theme .arasistem-contact-page .arasistem-contact-form .form-control {
  min-height: 44px !important;
  height: 44px !important;
  padding: 0.45rem 0.8rem !important;
  font-size: 0.875rem !important;
  line-height: 1.3 !important;
  border-radius: 8px !important;
}

body.emyui-aws-theme .arasistem-account-page .arasistem-contact-panel textarea.form-control,
body.emyui-aws-theme .arasistem-account-page .arasistem-contact-form textarea.form-control,
body.emyui-aws-theme .arasistem-client-page .arasistem-contact-panel textarea.form-control,
body.emyui-aws-theme .arasistem-contact-page .arasistem-contact-form textarea.form-control {
  min-height: 140px !important;
  height: auto !important;
  padding: 0.55rem 0.75rem !important;
}

.arasistem-account .form-group {
  margin-bottom: 0.85rem;
}

.arasistem-account-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.arasistem-account-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  padding: 0.85rem 0;
  border-top: 1px solid var(--as-border);
}

.arasistem-account-row:first-child {
  border-top: 0;
  padding-top: 0.15rem;
}

.arasistem-account-row-email {
  font-weight: 600;
  color: var(--as-ink);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}

.arasistem-account-row-sub {
  margin-top: 0.2rem;
  font-size: 0.8rem;
  color: var(--as-muted);
}

.arasistem-account-row-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}

.arasistem-account-row-hint {
  font-size: 0.78rem;
  color: var(--as-muted);
  font-style: italic;
  max-width: 220px;
  text-align: right;
}

.arasistem-account-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: rgba(27, 94, 59, 0.1);
  color: var(--as-green);
  font-size: 0.72rem;
  font-weight: 700;
}

.arasistem-account-section-label {
  padding: 0.85rem 0 0.35rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--as-muted);
  border-top: 1px solid var(--as-border);
  list-style: none;
}

.arasistem-account-inline-form {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0;
}

.arasistem-account-radios {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
}

.arasistem-account-perms {
  border: 1px solid var(--as-border);
  border-radius: 12px;
  padding: 0.65rem 0.85rem;
  background: #f7f9f8;
}

.arasistem-account-perms.is-open {
  display: block;
}

.arasistem-account-perm {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0 0 0.55rem;
  font-size: 0.9rem;
}

.arasistem-account-perm:last-child {
  margin-bottom: 0;
}

.arasistem-account-perm small {
  display: block;
  color: var(--as-muted);
  font-size: 0.78rem;
  margin-top: 0.1rem;
}

.arasistem-account-cta {
  min-height: 0 !important;
  padding: 0.5rem 0.9rem !important;
  font-weight: 700 !important;
  background: var(--as-green) !important;
  border-color: var(--as-green) !important;
  color: #fff !important;
  width: auto !important;
  max-width: 100%;
}

.arasistem-account-cta:hover {
  background: var(--as-green-deep) !important;
  border-color: var(--as-green-deep) !important;
}

.arasistem-account-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.35rem;
}

.arasistem-account-checks {
  display: grid;
  gap: 0.45rem;
}

/* Preference checkboxes — do NOT override checkout card circular ticks */
.arasistem-account-checks > .arasistem-account-check,
.arasistem-account-checks label.arasistem-account-check {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0.5rem;
  margin: 0;
  width: auto !important;
  height: auto !important;
  min-height: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-size: 0.9rem !important;
  text-align: left;
}

.arasistem-email-prefs .arasistem-account-head {
  margin-bottom: 0.85rem;
}

.arasistem-email-prefs-list {
  display: grid;
  gap: 0.5rem;
}

.arasistem-email-pref-item {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  margin: 0;
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--as-border);
  border-radius: 10px;
  background: #fafbfa;
  cursor: pointer;
}

.arasistem-email-pref-item:hover {
  border-color: rgba(27, 94, 59, 0.28);
  background: #fff;
}

.arasistem-email-pref-item .form-check-input {
  margin-top: 0.2rem;
  flex-shrink: 0;
  position: static !important;
  float: none !important;
  opacity: 1 !important;
  width: 1.05rem !important;
  height: 1.05rem !important;
}

/* iCheck (WHMCS) preference satırını bozmasın */
.arasistem-email-pref-item .icheckbox_square-blue,
.arasistem-email-prefs .icheckbox_square-blue {
  flex-shrink: 0;
  margin: 0.15rem 0 0 !important;
  float: none !important;
  display: inline-block !important;
}

.arasistem-email-pref-text {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
  text-align: left;
}

.arasistem-email-pref-text strong {
  font-size: 0.88rem;
  font-weight: 650;
  color: var(--as-ink);
  line-height: 1.3;
}

.arasistem-email-pref-text small {
  font-size: 0.78rem;
  color: var(--as-muted);
  line-height: 1.35;
}

.arasistem-account-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
  margin-top: 0.35rem;
}

.arasistem-account-actions--split {
  justify-content: space-between;
  align-items: center;
}

.arasistem-account-actions-primary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}

.arasistem-account-actions .btn,
.arasistem-account-actions input.btn {
  width: auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

@media (max-width: 575.98px) {
  .arasistem-account-actions--split {
    flex-direction: column;
    align-items: stretch;
  }

  .arasistem-account-actions-primary {
    width: 100%;
  }

  .arasistem-account-actions--split .btn-outline-danger {
    width: 100%;
    justify-content: center;
  }
}

.arasistem-account-picker-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: stretch;
}

.arasistem-account-picker-row .form-control,
.arasistem-account-picker-row select {
  flex: 1 1 220px;
}

.arasistem-account-picker-row .btn {
  flex: 0 0 auto;
  min-height: 40px;
}

.arasistem-account-table td,
.arasistem-account-table th {
  vertical-align: middle !important;
  padding: 0.65rem 0.75rem !important;
  font-size: 0.9rem;
}

@media (max-width: 575px) {
  .arasistem-account-row-actions {
    width: 100%;
  }
  .arasistem-account-row-hint {
    text-align: left;
    max-width: none;
  }
  .arasistem-account-actions .btn,
  .arasistem-account-actions input.btn {
    width: 100%;
  }
}

/* —— Logged-in client area shortcut bar —— */
.arasistem-client-nav {
  background: #f7f9f8;
  border-bottom: 1px solid var(--as-border);
}

.arasistem-client-nav-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem 0.25rem;
  padding: 0.45rem 1rem;
}

.arasistem-client-nav-inner a {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  color: var(--as-muted);
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
}

.arasistem-client-nav-inner a:hover {
  color: var(--as-ink);
  background: #fff;
}

.arasistem-client-nav-inner a.is-active {
  color: #fff;
  background: var(--as-green);
}

/* —— Global compact buttons + readable cart prices —— */
body.emyui-aws-theme .btn,
body.emyui-aws-theme a.btn,
body.emyui-aws-theme button.btn,
body.emyui-aws-theme input.btn,
body.emyui-aws-theme .btn-lg,
.arasistem-cart .btn,
.arasistem-account .btn,
.arasistem-dashboard .btn,
.arasistem-client-page .btn,
.arasistem-cart-empty .btn,
.logincontainer .btn,
.this-is-login-page .btn {
  min-height: 0 !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0.5rem 0.9rem !important;
  font-size: 0.8125rem !important;
  line-height: 1.25 !important;
  border-radius: 8px !important;
  font-weight: 600;
}

body.emyui-aws-theme .btn-sm,
body.emyui-aws-theme a.btn-sm,
.arasistem-cart .btn-sm,
.arasistem-account .btn-sm {
  padding: 0.4rem 0.75rem !important;
  font-size: 0.75rem !important;
}

body.emyui-aws-theme .btn-lg,
body.emyui-aws-theme a.btn-lg,
.arasistem-cart .btn-lg {
  padding: 0.55rem 1.05rem !important;
  font-size: 0.875rem !important;
}

/* Kill oversized horizontal padding utilities on buttons */
body.emyui-aws-theme .btn.px-8,
body.emyui-aws-theme .btn.px-10,
body.emyui-aws-theme .btn.px-12,
body.emyui-aws-theme a.btn.px-8,
body.emyui-aws-theme a.btn.px-10,
body.emyui-aws-theme a.btn.px-12,
body.emyui-aws-theme .btn.px-md-12,
body.emyui-aws-theme a.btn.px-md-12 {
  padding-left: 0.9rem !important;
  padding-right: 0.9rem !important;
}

body.emyui-aws-theme .btn.py-2,
body.emyui-aws-theme .btn.py-3,
body.emyui-aws-theme a.btn.py-2,
body.emyui-aws-theme a.btn.py-3 {
  padding-top: 0.32rem !important;
  padding-bottom: 0.32rem !important;
}

/* Full-width CTAs should not become huge blocks */
body.emyui-aws-theme .arasistem-cart .btn.w-100,
body.emyui-aws-theme .arasistem-cart a.btn.w-100,
body.emyui-aws-theme .arasistem-cart .btn-checkout.d-block,
body.emyui-aws-theme .arasistem-cart .btn-checkout.w-100 {
  width: auto !important;
  display: inline-flex !important;
  max-width: 100%;
}

body.emyui-aws-theme .arasistem-cart .text-center .btn-checkout,
body.emyui-aws-theme .arasistem-cart-empty .btn,
body.emyui-aws-theme .arasistem-checkout-submit .btn {
  min-width: 9.5rem;
}

/* Theme cyan prices → dark readable ink */
body.emyui-aws-theme .ordersummary-coodiv-box .clearfix .pull-right,
body.emyui-aws-theme .ordersummary-coodiv-box .clearfix .float-right,
body.emyui-aws-theme .ordersummary-coodiv-box .total-due-today .amt,
body.emyui-aws-theme .ordersummary-coodiv-box #totalDueToday,
body.emyui-aws-theme .ordersummary-coodiv-box #subtotal,
body.emyui-aws-theme .ordersummary-coodiv-box #recurring,
body.emyui-aws-theme .ordersummary-coodiv-box .cost,
body.emyui-aws-theme .ordersummary-coodiv-box .recurring-charges,
#order-standard_cart .order-summary .total-due-today .amt,
#order-standard_cart .ordersummary-coodiv-box .pull-right {
  color: #1a1a1a !important;
  font-weight: 650 !important;
}

body.emyui-aws-theme .ordersummary-coodiv-box .total-due-today .amt,
body.emyui-aws-theme .ordersummary-coodiv-box #totalDueToday {
  font-size: 1.35rem !important;
}

.arasistem-dash-actions .btn {
  min-height: 0 !important;
  padding: 0.5rem 0.9rem !important;
}

.arasistem-hero-panel .hero-btns .btn,
.arasistem-cta-band .btn,
.footer .btn,
.footer-block .btn {
  padding: 0.5rem 0.9rem !important;
  font-size: 0.8125rem !important;
}

.arasistem-account-cta,
.arasistem-account-page .btn-primary,
.arasistem-account .btn-primary {
  min-height: 0 !important;
  padding: 0.5rem 0.9rem !important;
}

.arasistem-cart-plans .btn,
.arasistem-cart-plans a.btn {
  min-height: 0 !important;
  padding: 0.5rem 0.9rem !important;
}

/* Login / register oversized primary */
.this-is-login-page .btn,
.logincontainer .btn,
#main-body .btn.btn-primary.btn-lg {
  width: auto !important;
  max-width: 100%;
  padding: 0.5rem 0.9rem !important;
}

/* —— Auth (login / register) —— */
body.this-is-login-page {
  background: #fff !important;
  min-height: 100vh;
}

body.this-is-login-page #main-body,
body.this-is-login-page .main-content,
body.this-is-login-page .primary-bg-color {
  background: transparent !important;
}

body.this-is-login-page #main-body,
body.this-is-login-page .container,
body.this-is-login-page .main-content > .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

.arasistem-auth-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 100vh;
  width: 100%;
  background: #fff;
}

.arasistem-auth-promo {
  position: sticky;
  top: 0;
  align-self: start;
  min-height: 100vh;
  display: flex;
  align-items: stretch;
  padding: 2.25rem 2rem;
  color: #fff;
  background:
    radial-gradient(900px 520px at 10% -10%, rgba(154, 187, 58, 0.28), transparent 55%),
    radial-gradient(700px 480px at 90% 110%, rgba(255, 255, 255, 0.08), transparent 50%),
    linear-gradient(155deg, #0f3d2e 0%, #1b5e3b 48%, #245c3f 100%);
  overflow: hidden;
}

.arasistem-auth-promo::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(rgba(255, 255, 255, 0.09) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: 0.35;
  pointer-events: none;
}

.arasistem-auth-promo-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}

.arasistem-auth-promo-kicker {
  margin: 0 0 0.55rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(154, 187, 58, 0.95);
}

.arasistem-auth-promo-title {
  margin: 0 0 0.65rem;
  font-family: var(--as-font-display);
  font-size: clamp(1.55rem, 2.4vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: #fff;
}

.arasistem-auth-promo-text {
  margin: 0 0 1.5rem;
  font-size: 0.95rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.78);
  max-width: 36rem;
}

.arasistem-auth-promo-live-label {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.75rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.88);
}

.arasistem-auth-promo-dot {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: #9abb3a;
  box-shadow: 0 0 0 4px rgba(154, 187, 58, 0.22);
}

.arasistem-auth-promo-feed {
  display: grid;
  gap: 0.55rem;
  margin-bottom: 1.5rem;
}

.arasistem-auth-promo-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.7rem;
  align-items: center;
  padding: 0.75rem 0.85rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
}

.arasistem-auth-promo-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 10px;
  background: rgba(154, 187, 58, 0.18);
  color: #d7e89a;
  font-size: 0.95rem;
}

.arasistem-auth-promo-card-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.arasistem-auth-promo-card-body strong {
  font-size: 0.86rem;
  font-weight: 700;
  color: #fff;
}

.arasistem-auth-promo-card-body span {
  font-size: 0.78rem;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.7);
}

.arasistem-auth-promo-card em {
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
  white-space: nowrap;
}

.arasistem-auth-promo-steps {
  display: grid;
  gap: 0.65rem;
  margin-bottom: 1.5rem;
}

.arasistem-auth-promo-step {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.7rem 0.8rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.arasistem-auth-promo-step-num {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 999px;
  background: #9abb3a;
  color: #0f3d2e;
  font-size: 0.78rem;
  font-weight: 800;
}

.arasistem-auth-promo-step strong {
  display: block;
  font-size: 0.88rem;
  color: #fff;
  margin-bottom: 0.1rem;
}

.arasistem-auth-promo-step span {
  font-size: 0.78rem;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.7);
}

.arasistem-auth-promo-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}

.arasistem-auth-promo-feature {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.75rem 0.8rem;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.arasistem-auth-promo-feature i {
  color: #9abb3a;
  margin-bottom: 0.2rem;
  font-size: 0.95rem;
}

.arasistem-auth-promo-feature strong {
  font-size: 0.8rem;
  color: #fff;
}

.arasistem-auth-promo-feature span {
  font-size: 0.72rem;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.65);
}

.arasistem-auth-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.5rem;
  background: #fff;
  overflow: auto;
}

.arasistem-auth-panel-inner {
  width: 100%;
  max-width: 420px;
}

.arasistem-auth-panel-inner--wide {
  max-width: 560px;
}

/* Register split — fuller promo + readable form */
.arasistem-auth-split--register {
  min-height: 100vh;
  align-items: stretch;
}

.arasistem-auth-split--register .arasistem-auth-promo {
  position: sticky;
  top: 0;
  align-self: start;
  min-height: 100vh;
  height: 100%;
  padding: 2rem 1.75rem;
  overflow: hidden;
}

.arasistem-auth-split--register .arasistem-auth-promo-title {
  font-size: clamp(1.4rem, 2.2vw, 1.85rem);
  margin-bottom: 0.55rem;
}

.arasistem-auth-split--register .arasistem-auth-promo-text {
  margin-bottom: 1.15rem;
  font-size: 0.92rem;
  line-height: 1.5;
}

.arasistem-auth-split--register .arasistem-auth-promo-steps {
  margin-bottom: 1.15rem;
}

.arasistem-auth-split--register .arasistem-auth-panel {
  min-height: 100vh;
  align-items: flex-start;
  justify-content: center;
  padding: 1.5rem 1.35rem 1.75rem;
  overflow-y: auto;
}

.arasistem-auth-panel-inner--register {
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.arasistem-auth-brand--compact {
  margin-bottom: 0.65rem;
}

.arasistem-auth-brand--compact img {
  height: 64px !important;
  max-width: 320px !important;
}

.arasistem-auth-head--compact {
  margin-bottom: 0.9rem;
}

.arasistem-auth-head--compact .arasistem-auth-title {
  font-size: 1.35rem;
  margin-bottom: 0.25rem;
}

.arasistem-auth-head--compact .arasistem-auth-lead {
  font-size: 0.88rem;
  line-height: 1.45;
}

.arasistem-auth-form--register .arasistem-auth-grid {
  margin-left: -8px;
  margin-right: -8px;
}

.arasistem-auth-form--register .arasistem-auth-grid > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.arasistem-auth-form--register .form-group {
  margin-bottom: 0.75rem !important;
}

.arasistem-auth-form--register .arasistem-account-label {
  margin-bottom: 0.25rem !important;
  font-size: 0.75rem !important;
  line-height: 1.25;
}

.arasistem-auth-form--register .form-control,
.arasistem-auth-form--register select.form-control,
.arasistem-auth-form--register .custom-select {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0.45rem 0.8rem !important;
  font-size: 0.875rem !important;
  border-radius: 10px !important;
  border: 1px solid var(--as-border, #e4e9e6) !important;
  background: #fff !important;
  box-shadow: none !important;
}

.arasistem-auth-form--register .control .form-control,
.arasistem-auth-form--register .control input[type="text"],
.arasistem-auth-form--register .control input[type="tel"],
.arasistem-auth-form--register .control input[type="number"],
.arasistem-auth-form--register .control select {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0.45rem 0.8rem !important;
  font-size: 0.875rem !important;
  border-radius: 10px !important;
  border: 1px solid var(--as-border, #e4e9e6);
}

/* Phone (intl-tel-input) — keep table layout so +90 is fully visible.
   Exclude .iti-container: that is the body-portaled country dropdown. */
body.this-is-login-page .intl-tel-input:not(.iti-container),
.arasistem-auth-form--register .intl-tel-input:not(.iti-container),
.arasistem-auth-form--register .iti:not(.iti-container) {
  width: 100% !important;
  display: block !important;
}

/* Portaled dial-code country list — under +90 control, not sideways */
body > .intl-tel-input.iti-container,
body > .intl-tel-input.iti-container.arasistem-iti-portal {
  width: 300px !important;
  max-width: min(300px, calc(100vw - 16px)) !important;
  display: block !important;
  z-index: 10050 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

body > .intl-tel-input.iti-container .country-list {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: 240px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 32px rgba(21, 36, 28, 0.18) !important;
  border: 1px solid var(--as-border, #e4e9e6) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* In-widget fallback (if list is not portaled to body) */
body.this-is-login-page .intl-tel-input:not(.iti-container),
.arasistem-auth-form--register .intl-tel-input:not(.iti-container) {
  overflow: visible !important;
}

body.this-is-login-page .intl-tel-input:not(.iti-container) .country-list,
.arasistem-auth-form--register .intl-tel-input:not(.iti-container) .country-list {
  left: 0 !important;
  right: auto !important;
  top: calc(100% + 4px) !important;
  bottom: auto !important;
  width: 300px !important;
  max-width: min(300px, calc(100vw - 16px)) !important;
  z-index: 50 !important;
  margin: 0 !important;
}

body.this-is-login-page .intl-tel-input .flag-container,
.arasistem-auth-form--register .intl-tel-input .flag-container {
  height: 44px !important;
  overflow: visible !important;
}

body.this-is-login-page .intl-tel-input.separate-dial-code .selected-flag,
.arasistem-auth-form--register .intl-tel-input.separate-dial-code .selected-flag,
body.this-is-login-page .intl-tel-input.separate-dial-code.allow-dropdown .selected-flag,
.arasistem-auth-form--register .intl-tel-input.separate-dial-code.allow-dropdown .selected-flag,
body.this-is-login-page .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag,
body.this-is-login-page .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag,
body.this-is-login-page .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag,
body.this-is-login-page .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag,
.arasistem-auth-form--register .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag,
.arasistem-auth-form--register .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag,
.arasistem-auth-form--register .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag,
.arasistem-auth-form--register .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  display: table !important;
  height: 44px !important;
  line-height: normal !important;
  overflow: visible !important;
  background: #f7f9f8 !important;
  border-radius: 10px 0 0 10px !important;
  border-right: 1px solid var(--as-border, #e4e9e6);
  padding: 0 0 0 8px !important;
}

body.this-is-login-page .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag,
.arasistem-auth-form--register .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 78px !important;
}

body.this-is-login-page .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag,
.arasistem-auth-form--register .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 90px !important;
}

body.this-is-login-page .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag,
.arasistem-auth-form--register .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 100px !important;
}

body.this-is-login-page .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag,
.arasistem-auth-form--register .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 110px !important;
}

body.this-is-login-page .intl-tel-input.separate-dial-code .selected-dial-code,
.arasistem-auth-form--register .intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell !important;
  vertical-align: middle !important;
  padding-left: 28px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: var(--as-ink, #15241c) !important;
  white-space: nowrap !important;
  overflow: visible !important;
  max-width: none !important;
}

body.this-is-login-page .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type="tel"],
.arasistem-auth-form--register .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type="tel"] {
  padding-left: 86px !important;
}

body.this-is-login-page .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type="tel"],
.arasistem-auth-form--register .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type="tel"] {
  padding-left: 98px !important;
}

body.this-is-login-page .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type="tel"],
.arasistem-auth-form--register .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type="tel"] {
  padding-left: 108px !important;
}

body.this-is-login-page .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type="tel"],
.arasistem-auth-form--register .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type="tel"] {
  padding-left: 118px !important;
}

body.this-is-login-page .intl-tel-input input[type="tel"],
.arasistem-auth-form--register .intl-tel-input input[type="tel"],
.arasistem-auth-form--register .intl-tel-input .form-control,
.arasistem-auth-form--register #inputPhone {
  width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
}

.arasistem-auth-form--register .arasistem-auth-pw {
  margin: 0.2rem 0 0.55rem;
}

.arasistem-auth-form--register .arasistem-auth-pw .progress {
  height: 5px;
  margin-bottom: 0.25rem;
}

.arasistem-auth-form--register .arasistem-auth-pw .small {
  font-size: 0.75rem !important;
}

.arasistem-auth-form--register .arasistem-auth-captcha {
  margin: 0.35rem 0 0.55rem;
}

.arasistem-auth-form--register .arasistem-auth-remember {
  margin: 0.25rem 0 0.65rem;
}

.arasistem-auth-form--register .arasistem-auth-check {
  font-size: 0.84rem;
}

.arasistem-auth-tos .arasistem-auth-check span {
  line-height: 1.45;
}

.arasistem-auth-form--register .arasistem-auth-submit {
  min-height: 46px !important;
  padding: 0.55rem 1rem !important;
  font-size: 0.9rem !important;
}

.arasistem-auth-form--register + .arasistem-auth-foot,
.arasistem-auth-panel-inner--register .arasistem-auth-foot {
  margin-top: 0.85rem;
  font-size: 0.86rem;
}

.arasistem-auth-panel-inner--register .arasistem-auth-foot--top {
  margin: 0.35rem 0 0 !important;
  font-size: 0.88rem;
  line-height: 1.4;
}

.arasistem-auth-panel-inner--register .arasistem-auth-foot--top a {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.arasistem-auth-form--register .arasistem-auth-sep {
  margin: 0.35rem 0 0.65rem;
}

@media (max-width: 991px) {
  .arasistem-auth-split--register .arasistem-auth-promo {
    display: none !important;
  }

  .arasistem-auth-split--register .arasistem-auth-panel,
  .arasistem-auth-panel-inner--register {
    position: relative;
    min-height: 0;
    height: auto;
  }
}

.arasistem-auth-page {
  min-height: calc(100vh - 2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem 2.5rem;
}

.arasistem-auth-shell {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
}

.arasistem-auth-page--wide .arasistem-auth-shell {
  max-width: 720px;
}

.arasistem-auth-card {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 18px;
  padding: 1.5rem 1.4rem 1.35rem;
  box-shadow: var(--as-shadow-soft);
}

.arasistem-auth-card--wide {
  padding: 1.6rem 1.5rem 1.45rem;
}

.arasistem-auth-brand {
  text-align: center;
  margin-bottom: 1.1rem;
}

.arasistem-auth-brand a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.arasistem-auth-brand img {
  height: 68px;
  width: auto;
  max-width: 360px;
  background: transparent !important;
}

.arasistem-auth-head {
  text-align: center;
  margin-bottom: 1.15rem;
}

.arasistem-auth-eyebrow {
  margin: 0 0 0.25rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--as-green);
}

.arasistem-auth-title {
  margin: 0 0 0.35rem;
  font-family: var(--as-font-display);
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.2;
  color: var(--as-ink);
}

.arasistem-auth-lead {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.45;
  color: var(--as-muted);
}

.arasistem-auth-form .form-group {
  margin-bottom: 0.75rem;
}

.arasistem-auth-form .arasistem-account-label {
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  color: var(--as-muted);
}

.arasistem-auth-form .form-control,
.arasistem-auth-form select.form-control,
.arasistem-auth-form .custom-select {
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 10px !important;
  border: 1px solid var(--as-border) !important;
  background: #fff !important;
  font-size: 0.875rem !important;
  padding: 0.45rem 0.8rem !important;
  box-shadow: none !important;
}

.arasistem-auth-form .form-control:focus,
.arasistem-auth-form select.form-control:focus,
.arasistem-auth-form .custom-select:focus {
  border-color: rgba(27, 94, 59, 0.4) !important;
  box-shadow: var(--as-ring) !important;
  outline: none !important;
}

/* Desktop register only — compact fields; mobile keeps stacked 44px / 16px */
@media (min-width: 901px) {
  .arasistem-auth-form--register .form-control,
  .arasistem-auth-form--register select.form-control,
  .arasistem-auth-form--register .custom-select,
  .arasistem-auth-form--register .control .form-control,
  .arasistem-auth-form--register .control input[type="text"],
  .arasistem-auth-form--register .control input[type="tel"],
  .arasistem-auth-form--register .control input[type="number"],
  .arasistem-auth-form--register .control select,
  .arasistem-auth-form--register .intl-tel-input input[type="tel"],
  .arasistem-auth-form--register .intl-tel-input .form-control,
  .arasistem-auth-form--register #inputPhone {
    min-height: 38px !important;
    height: 38px !important;
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
    font-size: 0.875rem !important;
  }
}

.arasistem-auth-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}

.arasistem-auth-link {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--as-green) !important;
  text-decoration: none !important;
}

.arasistem-auth-link:hover {
  color: var(--as-green-deep) !important;
}

.arasistem-auth-remember {
  margin: 0.35rem 0 0.85rem;
}

.arasistem-auth-check {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
  font-size: 0.84rem;
  color: var(--as-ink);
  cursor: pointer;
}

.arasistem-auth-check input {
  margin-top: 0.2rem;
  accent-color: var(--as-green);
}

.arasistem-auth-check a {
  color: var(--as-green);
  font-weight: 600;
}

.arasistem-auth-sep {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0.35rem 0 0.95rem;
  color: var(--as-muted);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.arasistem-auth-sep::before,
.arasistem-auth-sep::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--as-border);
}

.arasistem-auth-section {
  margin-bottom: 0.95rem;
  padding: 0.9rem 0.95rem;
  background: #f7f9f8;
  border-radius: 12px;
}

.arasistem-auth-section-label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.7rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--as-green);
}

.arasistem-auth-section .form-group:last-child {
  margin-bottom: 0;
}

.arasistem-auth-pw {
  margin-top: 0.35rem;
}

.arasistem-auth-pw .progress {
  height: 6px;
  border-radius: 999px;
  background: #e8ecea;
  margin-bottom: 0.35rem;
}

.arasistem-auth-captcha {
  margin: 0.5rem 0 0.85rem;
}

.arasistem-auth-actions {
  margin-top: 0.35rem;
}

.arasistem-auth-actions--row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.arasistem-auth-actions--row .arasistem-auth-submit {
  flex: 1 1 160px;
}

.arasistem-auth-actions--row .btn-outline-dark {
  flex: 0 0 auto;
}

.arasistem-auth-submit,
body.this-is-login-page .arasistem-auth-submit {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  padding: 0.55rem 1rem !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  background: var(--as-green) !important;
  border-color: var(--as-green) !important;
  color: #fff !important;
}

.arasistem-auth-submit:hover,
body.this-is-login-page .arasistem-auth-submit:hover {
  background: var(--as-green-deep) !important;
  border-color: var(--as-green-deep) !important;
}

.arasistem-auth-foot {
  margin: 1.1rem 0 0;
  text-align: center;
  font-size: 0.86rem;
  color: var(--as-muted);
}

.arasistem-auth-foot a {
  color: var(--as-green);
  font-weight: 700;
  text-decoration: none;
}

.arasistem-auth-foot a:hover {
  color: var(--as-green-deep);
}

/* Password reset: back-to-login as a real button (not a bare text link) */
.arasistem-auth-foot--back {
  margin-top: 0.75rem;
}

.arasistem-auth-foot--back .arasistem-auth-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  min-height: 44px;
  padding: 0.55rem 1rem;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1.5px solid rgba(27, 94, 59, 0.28);
  background: #fff;
  color: var(--as-green) !important;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
}

.arasistem-auth-foot--back .arasistem-auth-back i {
  font-size: 0.95rem;
  line-height: 1;
}

.arasistem-auth-foot--back .arasistem-auth-back:hover,
.arasistem-auth-foot--back .arasistem-auth-back:focus {
  background: rgba(27, 94, 59, 0.06);
  border-color: var(--as-green);
  color: var(--as-green-deep) !important;
}

@media (max-width: 900px) {
  .arasistem-auth-foot--back .arasistem-auth-back {
    min-height: 50px;
    border-radius: 14px;
    font-size: 0.95rem;
  }
}

.arasistem-auth-social {
  margin-bottom: 0.35rem;
}

@media (max-width: 991px) {
  .arasistem-auth-split {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  /* Mobile: hide green promo panel — form only, one screen */
  .arasistem-auth-promo,
  .arasistem-auth-promo--login,
  .arasistem-auth-promo--register,
  .arasistem-auth-split--register .arasistem-auth-promo {
    display: none !important;
  }

  .arasistem-auth-split,
  .arasistem-auth-split--register {
    display: block !important;
    min-height: 100vh;
    background: #fff;
  }

  .arasistem-auth-panel,
  .arasistem-auth-split--register .arasistem-auth-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh;
    padding: 1.25rem 1.1rem 2rem;
    align-items: stretch;
    justify-content: flex-start;
  }

  .arasistem-auth-panel-inner,
  .arasistem-auth-panel-inner--wide,
  .arasistem-auth-panel-inner--register {
    width: 100% !important;
    max-width: 28rem;
    margin: 0 auto;
  }
}

@media (max-width: 420px) {
  /* Phone: use full panel width — avoid floating narrow card */
  .arasistem-auth-panel-inner,
  .arasistem-auth-panel-inner--wide,
  .arasistem-auth-panel-inner--register {
    max-width: 100% !important;
  }

  .arasistem-auth-panel,
  .arasistem-auth-split--register .arasistem-auth-panel {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 575px) {
  .arasistem-auth-page {
    padding: 1.25rem 0.75rem 1.75rem;
  }

  .arasistem-auth-card,
  .arasistem-auth-card--wide {
    padding: 1.2rem 1rem 1.15rem;
    border-radius: 14px;
  }

  .arasistem-auth-title {
    font-size: 1.25rem;
  }

  .arasistem-auth-section {
    padding: 0.75rem 0.7rem;
  }
}

/* —— Locale modal (language + currency) —— */
.arasistem-locale-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 0.2rem;
  padding: 0.2rem 0.15rem !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 1.2;
  text-decoration: none !important;
  opacity: 0.78;
}

.arasistem-locale-btn:hover,
.arasistem-locale-btn:focus {
  background: transparent !important;
  border: 0 !important;
  opacity: 1;
}

.site-header.white-bg .arasistem-locale-btn,
.site-header.light-mode-texts .arasistem-locale-btn,
.top-header-fixed .arasistem-locale-btn {
  background: transparent !important;
  border: 0 !important;
}

.arasistem-locale-modal .modal-dialog {
  max-width: 560px;
  margin: 1.5rem auto;
  width: calc(100% - 2rem);
}

.arasistem-locale-modal .modal-content {
  border: 1px solid var(--as-border, #e4e9e6);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 22px 60px rgba(15, 40, 28, 0.18);
}

.arasistem-locale-modal .modal-header {
  align-items: flex-start;
  border-bottom: 1px solid var(--as-border, #e4e9e6);
  padding: 1.15rem 1.35rem 1rem;
  background: #f7f9f8;
}

.arasistem-locale-eyebrow {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--as-green, #1b5e3b);
}

.arasistem-locale-modal .modal-title {
  margin: 0.15rem 0 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--as-ink, #15241c);
}

.arasistem-locale-modal .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: -0.15rem -0.25rem 0 auto;
  padding: 0;
  border-radius: 999px;
  background: rgba(15, 40, 28, 0.06);
  border: 1px solid rgba(15, 40, 28, 0.1);
  opacity: 1;
  line-height: 1;
}

.arasistem-locale-modal .close:hover {
  background: rgba(15, 40, 28, 0.1);
  opacity: 1;
}

.arasistem-locale-modal .close span {
  font-size: 1.35rem;
  line-height: 1;
  color: var(--as-ink, #15241c);
}

.arasistem-locale-modal .modal-body {
  padding: 1.15rem 1.35rem 0.85rem;
}

.arasistem-locale-search {
  position: relative;
  margin-bottom: 0.85rem;
}

.arasistem-locale-search i {
  position: absolute;
  left: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--as-muted, #6b7c72);
  font-size: 0.85rem;
  pointer-events: none;
}

.arasistem-locale-search .form-control {
  height: 44px !important;
  min-height: 44px !important;
  padding-left: 2.35rem !important;
  border-radius: 10px !important;
  border: 1px solid var(--as-border, #e4e9e6) !important;
  font-size: 0.875rem !important;
  box-shadow: none !important;
}

.arasistem-locale-search .form-control:focus {
  border-color: rgba(27, 94, 59, 0.4) !important;
  box-shadow: 0 0 0 3px rgba(27, 94, 59, 0.12) !important;
}

.arasistem-locale-section-label {
  margin: 0 0 0.55rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--as-muted, #6b7c72);
}

.arasistem-locale-lang-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem;
  max-height: 460px;
  overflow-y: auto;
  padding-right: 0.25rem;
  margin-bottom: 0;
}

.arasistem-locale-lang-item {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.6rem 0.7rem;
  border-radius: 10px;
  border: 1px solid transparent;
  background: #f7f9f8;
  color: var(--as-ink, #15241c) !important;
  text-decoration: none !important;
  transition: background 0.15s ease, border-color 0.15s ease;
  min-width: 0;
}

.arasistem-locale-lang-item:hover {
  background: #eef3f0;
}

.arasistem-locale-lang-item.active {
  background: rgba(27, 94, 59, 0.08);
  border-color: rgba(27, 94, 59, 0.28);
}

.arasistem-locale-lang-item.is-hidden {
  display: none !important;
}

.arasistem-locale-flag {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.arasistem-locale-lang-name {
  flex: 1;
  min-width: 0;
  font-size: 0.84rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.arasistem-locale-lang-item small {
  font-size: 0.68rem;
  color: var(--as-muted, #6b7c72);
  text-transform: capitalize;
  flex-shrink: 0;
}

.arasistem-locale-currency-block {
  margin-top: 1.1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--as-border, #e4e9e6);
}

.arasistem-locale-currency-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 0;
}

.arasistem-locale-currency-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.55rem 0.85rem;
  border-radius: 999px;
  border: 1px solid var(--as-border, #e4e9e6);
  background: #fff;
  color: var(--as-ink, #15241c) !important;
  text-decoration: none !important;
  font-size: 0.86rem;
}

.arasistem-locale-currency-item:hover {
  border-color: rgba(27, 94, 59, 0.35);
}

.arasistem-locale-currency-item.active {
  background: var(--as-green, #1b5e3b);
  border-color: var(--as-green, #1b5e3b);
  color: #fff !important;
}

.arasistem-locale-currency-item strong {
  font-weight: 700;
}

.arasistem-locale-currency-item span {
  opacity: 0.75;
  font-size: 0.8rem;
}

.arasistem-locale-currency-locked {
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  font-size: 0.84rem;
  color: var(--as-muted, #6b7c72);
}

.arasistem-locale-currency-locked strong {
  color: var(--as-ink, #15241c);
  font-weight: 700;
}

.arasistem-locale-modal .modal-footer.arasistem-locale-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  border-top: 1px solid var(--as-border, #e4e9e6);
  padding: 0.95rem 1.35rem;
}

.arasistem-locale-footer-actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-left: auto;
}

.arasistem-locale-modal .modal-footer .btn {
  min-height: 40px;
  padding: 0.45rem 0.95rem !important;
  font-size: 0.84rem !important;
  font-weight: 600;
}

.arasistem-locale-apply,
.arasistem-locale-modal .arasistem-locale-apply {
  background: var(--as-green, #1b5e3b) !important;
  border-color: var(--as-green, #1b5e3b) !important;
  color: #fff !important;
}

.arasistem-locale-apply:hover,
.arasistem-locale-modal .arasistem-locale-apply:hover {
  background: var(--as-green-deep, #134530) !important;
  border-color: var(--as-green-deep, #134530) !important;
}

/* Desktop: keep scrollbar width reserved so modal open/close cannot shift the header */
@media (min-width: 901px) {
  html {
    scrollbar-gutter: stable;
  }

  body.modal-open,
  body.as-ticket-modal-open {
    padding-right: 0 !important;
    margin-right: 0 !important;
  }

  body.modal-open header.site-header,
  body.modal-open header.site-header.fixed-header-layout,
  body.modal-open header.site-header.top-header-fixed,
  body.modal-open header.site-header.reveal-header,
  body.modal-open .whmcs-top-header-area,
  body.modal-open .fixed-top,
  body.modal-open .sticky-top,
  body.modal-open .is-fixed,
  body.as-ticket-modal-open header.site-header {
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 767px) {
  /* Mobile geometry overridden by ≤900px bottom-sheet block */
  .arasistem-locale-lang-list {
    grid-template-columns: 1fr;
  }

  .arasistem-locale-modal .modal-footer.arasistem-locale-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .arasistem-locale-footer-actions {
    margin-left: 0;
    width: 100%;
    justify-content: flex-end;
  }
}

/* ——— Product details + cancel (Ara Sistem) ——— */
.arasistem-product-details .arasistem-product-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
}

.arasistem-product-badge {
  flex: 0 0 auto;
  margin-top: 0.15rem;
}

.arasistem-product-badge--active {
  background: rgba(22, 163, 74, 0.12);
  color: #146c43;
}

.arasistem-product-badge--suspended,
.arasistem-product-badge--terminated,
.arasistem-product-badge--cancelled {
  background: rgba(180, 55, 55, 0.1);
  color: #9b2c2c;
}

.arasistem-product-badge--pending,
.arasistem-product-badge--pending_transfer {
  background: rgba(180, 130, 20, 0.12);
  color: #8a6a10;
}

.arasistem-product-actions {
  margin-top: 0.85rem;
}

.arasistem-product-field {
  margin-bottom: 0.95rem;
}

.arasistem-product-field-value {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--as-ink);
  line-height: 1.4;
  word-break: break-word;
}

.arasistem-product-field-value a {
  color: var(--as-green-deep);
  font-weight: 650;
}

.arasistem-product-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.88rem !important;
  font-weight: 550 !important;
}

.arasistem-product-once {
  margin-bottom: 0.95rem;
  padding: 0.85rem 0.95rem;
  border: 1px dashed rgba(27, 94, 59, 0.28);
  border-radius: 12px;
  background: #f7faf8;
}

.arasistem-product-once-row--pass {
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px dashed rgba(27, 94, 59, 0.18);
}

.arasistem-product-once-hint {
  display: block;
  font-size: 0.78rem;
  font-weight: 650;
  color: #8a6a10;
}

.arasistem-product-once--license {
  border-color: rgba(225, 29, 72, 0.32);
  background: #fff7f8;
}

.arasistem-product-billing {
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}

.arasistem-product-billing-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.arasistem-product-billing-toggle:focus {
  outline: none;
  box-shadow: none;
}

.arasistem-product-billing-toggle .arasistem-account-title {
  pointer-events: none;
}

.arasistem-product-billing-chevron {
  flex: 0 0 auto;
  color: var(--as-muted);
  font-size: 0.9rem;
  transition: transform 0.2s ease, color 0.15s ease;
}

.arasistem-product-billing-toggle:not(.collapsed) .arasistem-product-billing-chevron {
  transform: rotate(180deg);
  color: var(--as-green);
}

.arasistem-product-billing-body {
  margin-top: 0.95rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--as-border-soft);
}

.arasistem-ticket-modal .modal-dialog {
  max-width: 640px;
  margin: 1.25rem auto;
}

.arasistem-ticket-modal .modal-content {
  border: 1px solid var(--as-border);
  border-radius: 14px;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16);
  /* overflow:hidden butonu sağ alt köşeden kesiyordu — scroll body'de */
  overflow: hidden;
  max-height: calc(100vh - 2.5rem);
  display: flex;
  flex-direction: column;
}

.arasistem-ticket-modal .modal-header {
  align-items: center;
  border-bottom: 1px solid var(--as-border-soft);
  padding: 0.75rem 1rem;
  min-height: 0;
  flex: 0 0 auto;
  border-radius: 14px 14px 0 0;
}

.arasistem-ticket-modal-head {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
}

.arasistem-ticket-modal .modal-title {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--as-ink);
  line-height: 1.25;
}

.arasistem-ticket-modal .modal-body {
  padding: 0.85rem 1rem 1rem;
  overflow-y: auto;
  flex: 1 1 auto;
}

.arasistem-ticket-modal-footer.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  flex: 0 0 auto;
  margin: 0;
  padding: 0.75rem 1rem 0.9rem;
  border-top: 1px solid var(--as-border-soft);
  background: #fff;
  border-radius: 0 0 14px 14px;
}

.arasistem-ticket-modal-footer.d-none {
  display: none !important;
}

.arasistem-ticket-modal-footer .arasistem-ticket-actions--modal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

.arasistem-ticket-modal-footer .arasistem-ticket-btn-cancel,
.arasistem-ticket-modal-footer .arasistem-ticket-btn-send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  min-width: 7.5rem;
  padding: 0.45rem 1.15rem;
  font-size: 0.86rem;
  font-weight: 650;
  line-height: 1.2;
  /* dört köşe eşit — overflow clip yok */
  border-radius: 8px !important;
  overflow: visible !important;
  -webkit-appearance: none;
  appearance: none;
}

.arasistem-ticket-modal-footer .arasistem-ticket-btn-send {
  order: 2;
  background: var(--as-green) !important;
  border: 1px solid var(--as-green) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.arasistem-ticket-modal-footer .arasistem-ticket-btn-send:hover,
.arasistem-ticket-modal-footer .arasistem-ticket-btn-send:focus {
  background: var(--as-green-deep, #164a30) !important;
  border-color: var(--as-green-deep, #164a30) !important;
  color: #fff !important;
}

.arasistem-ticket-modal-footer .arasistem-ticket-btn-cancel {
  order: 1;
  background: #fff !important;
  border: 1px solid var(--as-border) !important;
  color: var(--as-ink) !important;
}

.arasistem-ticket-modal-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  height: 1.85rem;
  padding: 0;
  border: 1px solid var(--as-border);
  border-radius: 8px;
  background: #fff;
  color: var(--as-ink);
  cursor: pointer;
}

.arasistem-ticket-modal-back:hover {
  color: var(--as-green);
  border-color: rgba(27, 94, 59, 0.35);
}

.arasistem-ticket-modal-lead {
  margin: 0 0 0.75rem;
  color: var(--as-muted);
  font-size: 0.82rem;
  line-height: 1.4;
}

.arasistem-ticket-modal-loading {
  color: var(--as-muted);
  padding: 1.5rem 0 !important;
}

.arasistem-ticket-modal .arasistem-kb-grid {
  margin: 0;
  gap: 0.65rem;
}

.arasistem-ticket-modal .arasistem-kb-cat {
  padding: 0.75rem 0.85rem;
}

.arasistem-ticket-modal-form .arasistem-ticket-panel,
.arasistem-ticket-modal-form .arasistem-dash-panel {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.arasistem-ticket-modal-form .arasistem-dash-panel-head,
.arasistem-ticket-modal-form .arasistem-dash-panel-body {
  padding: 0 !important;
}

.arasistem-ticket-modal-form .arasistem-dash-panel-head {
  display: none !important;
}

.arasistem-ticket-modal-form .arasistem-ticket-form-body {
  padding: 0 !important;
}

.arasistem-ticket-modal-form .arasistem-ticket-section {
  margin-bottom: 0.65rem;
  padding: 0.65rem 0.75rem;
  background: #f6f8f7;
  border: 1px solid var(--as-border-soft);
  border-radius: 10px;
}

.arasistem-ticket-modal-form .arasistem-ticket-section:last-of-type {
  margin-bottom: 0.55rem;
}

.arasistem-ticket-modal-form .arasistem-ticket-section-label {
  margin-bottom: 0.45rem;
  font-size: 0.68rem;
  gap: 0.35rem;
}

.arasistem-ticket-modal-form .arasistem-ticket-section-label i {
  font-size: 0.78rem;
}

.arasistem-ticket-modal-form .form-group {
  margin-bottom: 0.5rem !important;
}

.arasistem-ticket-modal-form .form-group:last-child {
  margin-bottom: 0 !important;
}

.arasistem-ticket-modal-form .row > [class*="col-"] {
  margin-bottom: 0;
}

.arasistem-ticket-modal-form .arasistem-account-label {
  margin-bottom: 0.2rem !important;
  font-size: 0.72rem !important;
  line-height: 1.2;
}

.arasistem-ticket-modal-form .form-control,
.arasistem-ticket-modal-form select.form-control,
.arasistem-ticket-modal-form .custom-select,
.arasistem-ticket-modal-form .arasistem-ticket-panel .form-control,
.arasistem-ticket-modal-form .arasistem-contact-panel .form-control {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0.28rem 0.65rem !important;
  border-radius: 8px !important;
  font-size: 0.82rem !important;
  line-height: 1.25 !important;
}

.arasistem-ticket-modal-form textarea.form-control,
.arasistem-ticket-modal-form .markdown-editor,
.arasistem-ticket-modal-form .md-editor > textarea.markdown-editor,
.arasistem-ticket-modal-form .arasistem-ticket-message textarea,
.arasistem-ticket-modal-form #inputMessage {
  min-height: 160px !important;
  height: 160px !important;
  padding: 0.55rem 0.75rem !important;
  resize: vertical;
  line-height: 1.45 !important;
}

.arasistem-ticket-modal-form .md-editor {
  border-radius: 8px !important;
}

.arasistem-ticket-modal-form .md-editor > .md-header,
.arasistem-ticket-modal-form .md-editor > .btn-toolbar {
  padding: 0.25rem 0.35rem !important;
}

.arasistem-ticket-modal-form .md-editor .btn-group .btn {
  padding: 0.15rem 0.4rem !important;
  font-size: 0.75rem !important;
  min-height: 0 !important;
  height: auto !important;
}

.arasistem-ticket-modal-form .nice-select {
  height: 34px !important;
  line-height: 32px !important;
  min-height: 34px !important;
  padding-left: 0.65rem !important;
  padding-right: 1.75rem !important;
  font-size: 0.82rem !important;
  border-radius: 8px !important;
}

.arasistem-ticket-modal-form .nice-select:after {
  top: 16px !important;
}

/* Ekler: dosya satırı + “daha fazla” altta ayrı */
.arasistem-ticket-modal-form .arasistem-ticket-section--attach .arasistem-ticket-attach.input-group {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 0.5rem;
}

.arasistem-ticket-modal-form .arasistem-ticket-attach .custom-file {
  flex: 1 1 auto;
  height: 36px;
  border-radius: 8px;
}

.arasistem-ticket-modal-form .arasistem-ticket-attach .custom-file-input {
  height: 36px;
}

.arasistem-ticket-modal-form .arasistem-ticket-attach .custom-file-label {
  height: 36px !important;
  padding: 0.4rem 5rem 0.4rem 0.7rem !important;
  border-radius: 8px !important;
  border-right: 1px solid var(--as-border) !important;
  font-size: 0.8rem !important;
}

.arasistem-ticket-modal-form .arasistem-ticket-attach .input-group-append {
  display: none !important; /* + Daha fazla aşağı taşınır */
}

.arasistem-ticket-modal-form .arasistem-ticket-addmore {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0 0 0.45rem;
  min-height: 34px;
  padding: 0.35rem 0.75rem;
  border: 1px dashed rgba(27, 94, 59, 0.35);
  border-radius: 8px;
  background: #fff;
  color: var(--as-green-deep);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
}

.arasistem-ticket-modal-form .arasistem-ticket-addmore:hover {
  background: rgba(27, 94, 59, 0.06);
  border-color: rgba(27, 94, 59, 0.5);
  color: var(--as-green);
}

.arasistem-ticket-modal-form .arasistem-ticket-attach-hint {
  margin: 0;
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--as-muted);
}

.arasistem-ticket-modal-form .arasistem-ticket-captcha {
  margin: 0.55rem 0;
}

.arasistem-ticket-modal-form .arasistem-ticket-actions,
.arasistem-ticket-modal-form .arasistem-account-actions {
  display: none !important;
}

/* ≤767 inset rules removed — mobile full-bleed lives in max-width:900px block */

.arasistem-ticket-confirm .arasistem-dash-panel-body {
  padding: 1.25rem 1.15rem;
}

.arasistem-ticket-confirm-ok {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(27, 94, 59, 0.22);
  border-radius: 12px;
  background: #f3faf5;
}

.arasistem-ticket-confirm-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  background: rgba(27, 94, 59, 0.12);
  color: var(--as-green);
  font-size: 1.15rem;
}

.arasistem-ticket-confirm-title {
  margin: 0 0 0.35rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--as-ink);
  line-height: 1.35;
}

.arasistem-ticket-confirm-title a {
  color: var(--as-green-deep);
  font-weight: 700;
}

.arasistem-ticket-confirm-desc {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.45;
  color: var(--as-muted);
}

.arasistem-ticket-confirm-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1rem;
}

.arasistem-ticket-confirm-actions .btn {
  min-height: 38px;
  padding: 0.45rem 1.05rem;
  font-size: 0.86rem;
  font-weight: 650;
}

.arasistem-viewticket-head {
  margin-bottom: 1rem;
  padding: 0.85rem 1rem 0.95rem;
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 12px;
}

.arasistem-viewticket-head-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem 1.1rem;
}

.arasistem-viewticket-head-main {
  min-width: 0;
  flex: 1 1 auto;
}

.arasistem-viewticket-head .arasistem-dash-eyebrow {
  margin: 0 0 0.1rem;
  font-size: 0.62rem;
  letter-spacing: 0.06em;
  line-height: 1.2;
}

.arasistem-viewticket-head .arasistem-dash-title {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.25;
  letter-spacing: -0.015em;
}

.arasistem-viewticket-head .arasistem-dash-lead {
  margin: 0.25rem 0 0;
  font-size: 0.86rem;
  line-height: 1.4;
  color: var(--as-ink);
  max-width: 36rem;
}

.arasistem-viewticket-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
  flex: 0 1 auto;
  max-width: 100%;
}

.arasistem-viewticket-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 36px;
  padding: 0.4rem 0.85rem;
  font-size: 0.82rem;
  font-weight: 650;
  border-radius: 8px !important;
  white-space: nowrap;
}

.arasistem-viewticket-actions .btn i {
  font-size: 0.85em;
}

.arasistem-viewticket-actions .arasistem-account-cta {
  background: var(--as-green) !important;
  border-color: var(--as-green) !important;
  color: #fff !important;
}

.arasistem-viewticket-actions .btn-outline-danger {
  color: #c0392b !important;
  border-color: #e0a8a2 !important;
  background: #fff !important;
}

.arasistem-viewticket-actions .btn-outline-danger:hover {
  color: #fff !important;
  background: #c0392b !important;
  border-color: #c0392b !important;
}

.arasistem-viewticket-closed-pill {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: #f3f4f3;
  color: var(--as-muted);
  font-size: 0.78rem;
  font-weight: 650;
}

.arasistem-viewticket-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--as-border-soft);
}

.arasistem-viewticket-meta-item {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
  padding: 0.55rem 0.7rem;
  background: #f7f9f8;
  border: 1px solid var(--as-border-soft);
  border-radius: 10px;
}

.arasistem-viewticket-meta-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--as-muted);
  line-height: 1.2;
}

.arasistem-viewticket-meta-value {
  font-size: 0.88rem;
  font-weight: 650;
  color: var(--as-ink);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arasistem-viewticket-meta-status {
  color: var(--as-green) !important;
}

.arasistem-viewticket-meta-status.is-closed {
  color: var(--as-muted) !important;
}

@media (max-width: 767.98px) {
  .arasistem-viewticket-head-top {
    flex-direction: column;
    align-items: stretch;
  }

  .arasistem-viewticket-actions {
    justify-content: flex-start;
  }

  .arasistem-viewticket-actions .btn {
    flex: 1 1 auto;
  }

  .arasistem-viewticket-meta {
    grid-template-columns: 1fr;
  }
}

.arasistem-viewticket-thread .arasistem-dash-panel-body {
  padding: 0 !important;
}

.arasistem-ticket-reply {
  padding: 0.95rem 1.15rem;
  border-bottom: 1px solid var(--as-border-soft);
}

.arasistem-ticket-reply:last-child {
  border-bottom: 0;
}

.arasistem-ticket-reply.is-staff {
  background: #f5f9f6;
}

.arasistem-ticket-reply-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.65rem;
  margin-bottom: 0.55rem;
}

.arasistem-ticket-reply-name {
  font-weight: 700;
  color: var(--as-ink);
  font-size: 0.9rem;
}

.arasistem-ticket-reply-date {
  margin-left: auto;
  font-size: 0.78rem;
  color: var(--as-muted);
}

.arasistem-ticket-reply-body {
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--as-ink);
}

.arasistem-ticket-reply-ip {
  margin: 0.65rem 0 0;
  font-size: 0.75rem;
  color: var(--as-muted);
}

.arasistem-ticket-reply-attach {
  margin-top: 0.75rem;
  padding-top: 0.65rem;
  border-top: 1px dashed var(--as-border-soft);
  font-size: 0.82rem;
}

.arasistem-ticket-reply-attach ul {
  margin: 0.35rem 0 0;
  padding-left: 1.1rem;
}

.arasistem-viewticket-reply .arasistem-ticket-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--as-border-soft);
}

.arasistem-viewticket-reply .form-control {
  min-height: 36px;
  height: 36px;
  padding: 0.35rem 0.7rem;
  border-radius: 8px !important;
  font-size: 0.85rem;
}

.arasistem-viewticket-reply textarea.form-control {
  min-height: 140px;
  height: 140px;
  resize: vertical;
}

.as-product-download + .as-product-download,
.as-product-addon + .as-product-addon {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--as-border-soft);
}

.as-product-addon__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.35rem;
}

.arasistem-product-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.35rem;
  margin: 0 0 1rem;
  padding: 0.25rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  background: #f4f7f5;
  border: 1px solid var(--as-border, #e4e9e6);
  border-radius: 12px;
}

.arasistem-product-tabs::-webkit-scrollbar {
  display: none;
}

.arasistem-product-tab {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0.45rem 0.9rem;
  border-radius: 9px;
  font-size: 0.82rem;
  font-weight: 650;
  color: var(--as-muted, #6b7c72);
  text-decoration: none !important;
  white-space: nowrap;
}

.arasistem-product-tab:hover {
  color: var(--as-ink, #15241c);
  background: rgba(255, 255, 255, 0.7);
}

.arasistem-product-tab.active {
  color: #fff !important;
  background: var(--as-green, #1b5e3b) !important;
}

.as-cancel-product {
  margin: 0 0 1rem;
  font-size: 0.95rem;
}

.as-cancel-domain {
  display: inline-block;
  margin-left: 0.35rem;
  color: var(--as-muted);
  font-weight: 500;
}

.as-cancel-domain-box {
  margin: 0 0 1rem;
  padding: 0.9rem 1rem;
  border-radius: 12px;
  border: 1px solid #f0d9a0;
  background: #fff8e8;
  font-size: 0.9rem;
}

.as-cancel-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.35rem;
}

.arasistem-cancel-page .arasistem-dash-panel-body {
  padding: 1rem 1.15rem 1.2rem;
}

/* ==========================================================================
   Arasistem client MOBILE layer (sistem-inspired)
   Breakpoint: max-width 900px — desktop rules above are untouched.
   ========================================================================== */

@media (max-width: 900px) {
  /* —— Page chrome —— */
  body.as-client-nav-open {
    overflow: hidden;
  }

  /* Global logged-in bottom nav on marketing/home (account pages pad their own shell) */
  body.as-has-mobile-client-nav:not(:has(.arasistem-account-page)),
  body:has(#arasistemMobileBottomNav):not(:has(.arasistem-account-page)) {
    padding-bottom: calc(5.6rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  .arasistem-account-page.main-page-contents:has(#arasistemMobileBottomNav) {
    padding-bottom: calc(6.75rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  .arasistem-account-page.main-page-contents {
    padding-left: var(--as-mobile-gutter) !important;
    padding-right: var(--as-mobile-gutter) !important;
    padding-top: 0.85rem !important;
  }

  .arasistem-account-page .arasistem-client-page {
    max-width: none;
  }

  .arasistem-account-page .arasistem-dash-layout > .col-lg-3 {
    position: static;
    width: 0 !important;
    max-width: 0 !important;
    flex: 0 0 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible;
    min-height: 0;
  }

  .arasistem-account-page .arasistem-dash-layout > .col-lg-9 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Desktop layout side stays in column; hide on mobile (drawer is global) */
  .arasistem-dash-side--layout {
    display: none !important;
  }

  /* —— Global mobile chrome (footer) —— */
  #arasistemMobileChrome {
    display: block !important;
  }

  /* —— Off-canvas side (drawer) —— */
  #arasistemMobileChrome .arasistem-dash-side--drawer {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2400;
    width: min(86vw, 310px);
    height: 100dvh;
    max-height: 100dvh;
    margin: 0;
    border-radius: 0;
    border: 0;
    border-right: 1px solid var(--as-border);
    box-shadow: 18px 0 40px rgba(15, 23, 42, 0.18);
    transform: translateX(-105%);
    transition: transform 0.22s ease;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
    background: #fff;
  }

  body.as-client-nav-open #arasistemMobileChrome .arasistem-dash-side--drawer {
    transform: translateX(0);
  }

  .arasistem-dash-side-head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.85rem 0.85rem 0.65rem;
    border-bottom: 1px solid var(--as-border-soft);
  }

  .arasistem-dash-side-head h3 {
    padding: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    font-size: 0.98rem;
  }

  .arasistem-mobile-side-close {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--as-border);
    border-radius: 10px;
    background: #fff;
    color: var(--as-ink);
    cursor: pointer;
  }

  #arasistemMobileChrome .arasistem-dash-links a {
    min-height: 44px;
    padding: 0.7rem 1rem;
    font-size: 0.9rem;
  }

  /* —— Backdrop —— */
  #arasistemMobileChrome .arasistem-mobile-backdrop {
    display: block !important;
    position: fixed;
    inset: 0;
    z-index: 2350;
    background: rgba(15, 23, 42, 0.45);
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }

  #arasistemMobileChrome .arasistem-mobile-backdrop[hidden] {
    display: none !important;
  }

  /* —— Bottom nav (sistem-style, fixed always) —— */
  #arasistemMobileChrome .arasistem-mobile-bottom-nav,
  .arasistem-mobile-bottom-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2300;
    min-height: calc(58px + env(safe-area-inset-bottom, 0px));
    padding: 0.28rem 0.2rem calc(0.28rem + env(safe-area-inset-bottom, 0px));
    margin: 0;
    background: #fff;
    border-top: 1px solid var(--as-border);
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.06);
  }

  .arasistem-mobile-bottom-nav-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    min-height: 48px;
    padding: 0.2rem 0.15rem;
    border: 0;
    background: transparent;
    color: var(--as-muted);
    text-decoration: none;
    font-size: 0.62rem;
    font-weight: 650;
    line-height: 1.15;
    letter-spacing: 0.01em;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .arasistem-mobile-bottom-nav-item i {
    font-size: 1.05rem;
    line-height: 1;
  }

  .arasistem-mobile-bottom-nav-item.is-active,
  .arasistem-mobile-bottom-nav-item[aria-expanded="true"] {
    color: var(--as-green);
  }

  .arasistem-mobile-bottom-badge {
    position: absolute;
    top: 0.15rem;
    right: calc(50% - 1.35rem);
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: #c0392b;
    color: #fff;
    font-size: 0.62rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1rem;
    text-align: center;
  }

  body.as-ticket-modal-open .arasistem-mobile-bottom-nav,
  body.modal-open:has(#arasistemNewTicketModal.show) .arasistem-mobile-bottom-nav,
  body.modal-open:has(.arasistem-ticket-modal.show) .arasistem-mobile-bottom-nav,
  body.modal-open:has(#modalChooseLanguage.show) .arasistem-mobile-bottom-nav,
  body.modal-open:has(.arasistem-locale-modal.show) .arasistem-mobile-bottom-nav,
  body.modal-open:has(#arasistemTosModal.show) .arasistem-mobile-bottom-nav {
    display: none !important;
  }

  /* Bootstrap scrollbar compensation squeezes fixed header icons — kill it on mobile.
     Keep book-rail gutter on .container-fluid; never use 100vw (scrollbar-inclusive). */
  html {
    scrollbar-gutter: stable;
  }

  body.modal-open,
  body.as-ticket-modal-open {
    padding-right: 0 !important;
    margin-right: 0 !important;
  }

  body.modal-open .modal,
  body.modal-open .arasistem-ticket-modal,
  body.modal-open .arasistem-locale-modal,
  body.modal-open .arasistem-cart-modal,
  body.modal-open .arasistem-pw-modal,
  body.modal-open .arasistem-tos-modal {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.modal-open header.site-header,
  body.modal-open header.site-header.fixed-header-layout,
  body.modal-open header.site-header.top-header-fixed,
  body.modal-open header.site-header.reveal-header,
  body.as-ticket-modal-open header.site-header,
  body.modal-open .fixed-top,
  body.modal-open .sticky-top,
  body.modal-open .is-fixed,
  body.modal-open .arasistem-mobile-bottom-nav {
    padding-right: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    left: 0 !important;
    right: 0 !important;
  }

  /* Preserve intentional mobile gutter — Bootstrap must not inflate it */
  body.modal-open header.site-header > .container,
  body.modal-open header.site-header > .container-fluid,
  body.as-ticket-modal-open header.site-header > .container,
  body.as-ticket-modal-open header.site-header > .container-fluid {
    padding-right: var(--as-mobile-gutter, 16px) !important;
    padding-left: var(--as-mobile-gutter, 16px) !important;
    margin-right: 0 !important;
  }

  body.modal-open header.site-header .site-navbar,
  body.modal-open header.site-header .header-btn-whmcs,
  body.modal-open header.site-header .arasistem-locale-trigger {
    margin-right: 0 !important;
  }

  /* —— Pagehead —— */
  .arasistem-client-pagehead {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
    padding: 0.7rem 0.9rem;
    margin-bottom: 0.75rem;
  }

  .arasistem-client-pagehead .arasistem-dash-title {
    font-size: 1.12rem;
  }

  .arasistem-client-pagehead .arasistem-dash-lead {
    font-size: 0.82rem;
    max-width: none;
  }

  .arasistem-client-pagehead-cta {
    width: 100%;
  }

  .arasistem-client-pagehead-cta .btn {
    width: 100%;
    min-height: 44px;
  }

  /* —— Panels / forms —— */
  .arasistem-dash-panel,
  .arasistem-account-panel,
  .arasistem-viewticket-head {
    border-radius: 12px;
  }

  .arasistem-dash-panel-head {
    padding: 0.8rem 0.9rem;
  }

  .arasistem-dash-panel-body,
  .arasistem-dash-panel-foot {
    padding: 0.85rem 0.9rem;
  }

  .arasistem-account-page .form-control,
  .arasistem-account-page select.form-control,
  .arasistem-account-page .custom-select,
  .arasistem-ticket-panel .form-control,
  .arasistem-viewticket-reply .form-control {
    min-height: 44px !important;
    height: 44px !important;
    font-size: 16px !important; /* iOS zoom prevent */
  }

  .arasistem-account-page textarea.form-control,
  .arasistem-viewticket-reply textarea.form-control,
  .arasistem-ticket-panel textarea.form-control {
    height: auto !important;
    min-height: 120px !important;
  }

  .arasistem-account-actions:not(.arasistem-account-actions--split),
  .arasistem-ticket-actions {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 0.45rem;
  }

  .arasistem-account-actions.arasistem-account-actions--split {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 0.45rem;
  }

  .arasistem-account-actions .btn,
  .arasistem-ticket-actions .btn,
  .arasistem-account-actions input.btn {
    flex: 1 1 calc(50% - 0.25rem);
    width: auto !important;
    min-width: 0;
    min-height: 44px;
  }

  .arasistem-account-actions--split .arasistem-account-actions-primary {
    flex: 1 1 calc(50% - 0.25rem);
    width: auto !important;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    min-width: 0;
  }

  .arasistem-account-actions--split .arasistem-account-actions-primary .btn {
    flex: 1 1 auto;
  }

  /* —— Tables → cards —— */
  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_length,
  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_filter {
    float: none !important;
    text-align: left !important;
    width: 100%;
    margin: 0 0 0.55rem;
  }

  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_filter input,
  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_length select {
    width: 100% !important;
    min-height: 42px;
    margin-left: 0 !important;
  }

  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_info,
  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_paginate {
    float: none !important;
    text-align: center !important;
    padding-top: 0.55rem;
  }

  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_length {
    margin-bottom: 0.85rem !important;
  }

  .arasistem-client-table-wrap table.table-list thead {
    display: none;
  }

  .arasistem-client-table-wrap table.table-list,
  .arasistem-client-table-wrap table.table-list tbody {
    display: block;
    width: 100%;
  }

  .arasistem-client-table-wrap table.table-list tbody tr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.35rem;
    margin: 0 0 0.65rem;
    padding: 0.75rem 0.8rem;
    background: #fff;
    border: 1px solid var(--as-border);
    border-radius: 12px;
    box-shadow: none;
  }

  .arasistem-client-table-wrap table.table-list tbody tr:hover {
    background: #fff;
  }

  .arasistem-client-table-wrap table.table-list tbody td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem;
    border: 0 !important;
    padding: 0.15rem 0 !important;
    text-align: right !important;
    font-size: 0.86rem;
    white-space: normal;
  }

  .arasistem-client-table-wrap table.table-list tbody td[data-label]::before {
    content: attr(data-label);
    flex: 0 1 auto;
    max-width: none;
    text-align: left;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--as-muted);
    line-height: 1.35;
    white-space: nowrap;
  }

  .arasistem-client-table-wrap table.table-list tbody td .border-left {
    border: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.1rem;
  }

  /* —— View ticket —— */
  .arasistem-viewticket-head {
    padding: 0.75rem 0.8rem 0.85rem;
  }

  .arasistem-viewticket-head-top {
    flex-direction: column;
    align-items: stretch;
  }

  .arasistem-viewticket-actions {
    justify-content: stretch;
  }

  .arasistem-viewticket-actions .btn {
    flex: 1 1 calc(50% - 0.3rem);
    min-height: 42px;
  }

  .arasistem-viewticket-meta {
    grid-template-columns: 1fr;
  }

  .arasistem-ticket-reply-meta {
    gap: 0.35rem;
  }

  .arasistem-ticket-reply-date {
    margin-left: 0;
    width: 100%;
  }

  /* Ticket modal → full-viewport sheet (covers header; no side gaps) */
  .arasistem-ticket-modal.modal,
  #arasistemNewTicketModal.modal {
    padding: 0 !important;
    padding-right: 0 !important;
  }

  .arasistem-ticket-modal .modal-dialog,
  .arasistem-ticket-modal .modal-dialog.modal-dialog-centered,
  .arasistem-ticket-modal .modal-dialog.modal-dialog-scrollable,
  .arasistem-ticket-modal .modal-dialog.modal-dialog-centered.modal-dialog-scrollable,
  #arasistemNewTicketModal .modal-dialog {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    height: 100dvh !important;
    max-height: 100% !important;
    max-height: 100dvh !important;
    transform: none !important;
    display: flex !important;
    align-items: stretch !important;
  }

  .arasistem-ticket-modal.show .modal-dialog,
  .arasistem-ticket-modal.showing .modal-dialog,
  .arasistem-ticket-modal.show .modal-dialog.modal-dialog-centered,
  .arasistem-ticket-modal.showing .modal-dialog.modal-dialog-centered {
    transform: none !important;
  }

  .arasistem-ticket-modal .modal-content,
  #arasistemNewTicketModal .modal-content {
    width: 100% !important;
    max-height: 100dvh !important;
    height: 100% !important;
    height: 100dvh !important;
    border-radius: 0 !important;
    border: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .arasistem-ticket-modal .modal-header {
    border-radius: 0 !important;
    padding-top: calc(0.65rem + env(safe-area-inset-top, 0px));
  }

  .arasistem-ticket-modal-footer.modal-footer {
    border-radius: 0 !important;
    padding: 0.7rem 0.85rem calc(0.7rem + env(safe-area-inset-bottom, 0px));
    position: sticky;
    bottom: 0;
    z-index: 5;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -8px 20px rgba(15, 40, 28, 0.06);
  }

  .arasistem-ticket-modal-footer .arasistem-ticket-actions--modal {
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.45rem;
  }

  .arasistem-ticket-modal-footer .arasistem-ticket-btn-cancel,
  .arasistem-ticket-modal-footer .arasistem-ticket-btn-send {
    flex: 1 1 calc(50% - 0.25rem);
    width: auto !important;
    min-width: 0;
    min-height: 46px;
    border-radius: 10px !important;
    margin: 0 !important;
  }

  /* Empty DataTables: hide duplicate filter chrome noise */
  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_filter label {
    width: 100%;
    margin: 0;
  }

  .arasistem-client-table-wrap .dataTables_empty {
    display: block !important;
    padding: 1.25rem 0.5rem !important;
    text-align: center;
    color: var(--as-muted, #6b7c72);
    border: 0 !important;
  }

  .arasistem-client-table-wrap table.table-list tbody tr:has(.dataTables_empty) {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0.5rem 0;
  }

  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-height: 40px;
    min-width: 40px;
  }

  /* Hide redundant panel H2 when pagehead already titles the page */
  .arasistem-client-page:has(.arasistem-client-pagehead) .arasistem-dash-panel-head:first-child h2 {
    font-size: 0.95rem;
  }

  .arasistem-ticket-modal-form .arasistem-ticket-section {
    padding: 0.75rem 0.8rem;
  }

  .arasistem-ticket-modal-form .row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* —— Product / account bits —— */
  .arasistem-product-head {
    flex-direction: column;
    align-items: stretch;
  }

  .arasistem-product-actions,
  .arasistem-account-actions.arasistem-product-actions {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 0.45rem;
  }

  .arasistem-product-actions .btn {
    flex: 1 1 calc(50% - 0.25rem);
    width: auto !important;
    min-width: 0;
    min-height: 44px;
  }

  .arasistem-account-page .arasistem-dash-layout.row,
  .arasistem-account-page .arasistem-dash-layout {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .arasistem-dash-tiles.row,
  .arasistem-dash-tiles {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
  }

  .arasistem-dash-tiles > [class*="col-"],
  .arasistem-dash-tiles .col-6 {
    padding-left: 0.35rem;
    padding-right: 0.35rem;
  }

  /* Outer tile edges align with hero / note above */
  .arasistem-dash-tiles > [class*="col-"]:nth-child(odd),
  .arasistem-dash-tiles .col-6:nth-child(odd) {
    padding-left: 0;
  }

  .arasistem-dash-tiles > [class*="col-"]:nth-child(even),
  .arasistem-dash-tiles .col-6:nth-child(even) {
    padding-right: 0;
  }

  .arasistem-dash-tile {
    min-height: 0;
    padding: 0.75rem;
  }

  /* —— Dash hero —— */
  /* No extra L/R pad: page gutter alone matches tiles/panels below */
  .arasistem-dash-hero {
    padding: 0 !important;
    gap: 0.75rem;
  }

  .arasistem-dash-hero .arasistem-dash-title {
    font-size: 1.2rem;
  }

  .arasistem-dash-hero .arasistem-dash-lead {
    font-size: 0.84rem;
  }

  .arasistem-dash-hero-text {
    padding: 1rem 0.95rem 0.95rem !important;
  }

  /* Same rail for every block under the hero */
  .arasistem-dashboard .arasistem-dash-panel,
  .arasistem-dashboard .arasistem-dash-empty,
  .arasistem-dashboard .html-addons-clientareahome,
  .arasistem-dashboard .client-home-panels {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .arasistem-dashboard .row:not(.arasistem-dash-tiles) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .arasistem-dashboard .row:not(.arasistem-dash-tiles) > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .arasistem-dash-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.45rem;
  }

  .arasistem-dash-actions .btn {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    min-height: 44px;
    margin: 0 !important;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
    text-align: center;
    white-space: nowrap;
  }

  .arasistem-dash-action-tertiary {
    display: none !important;
  }

  .arasistem-dash-tile p {
    display: none !important;
  }

  .arasistem-dash-tile h3 {
    margin-bottom: 0 !important;
    font-size: 0.88rem;
  }

  .arasistem-dash-note {
    padding: 0.75rem 0.85rem;
  }

  .arasistem-dash-note--collapsible > summary {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
  }

  .arasistem-dash-note--collapsible > summary::after {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-right: 2px solid rgba(255, 255, 255, 0.75);
    border-bottom: 2px solid rgba(255, 255, 255, 0.75);
    transform: rotate(45deg);
    flex: 0 0 auto;
    transition: transform 0.15s ease;
  }

  .arasistem-dash-note--collapsible[open] > summary {
    margin-bottom: 0.55rem;
  }

  .arasistem-dash-note--collapsible[open] > summary::after {
    transform: rotate(-135deg);
  }

  .arasistem-dash-note--collapsible:not([open]) > summary strong {
    margin-bottom: 0;
  }

  .arasistem-dash-empty-actions {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-top: 0.85rem;
  }

  .arasistem-dash-empty-actions .btn {
    width: 100%;
    min-height: 44px;
    margin: 0 !important;
  }

  .arasistem-dash-panel-head {
    flex-wrap: wrap;
  }

  .arasistem-dash-panel-head .btn {
    width: 100%;
    min-height: 40px;
  }

  /* —— DataTables: hide responsive child chrome (card layout instead) —— */
  .arasistem-client-table-wrap table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
  .arasistem-client-table-wrap table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control,
  .arasistem-client-table-wrap table.dataTable > tbody > tr.child,
  .arasistem-client-table-wrap table.dataTable > tbody > tr.parent td.dtr-control:before {
    display: none !important;
  }

  .arasistem-client-table-wrap table.table-list tbody td.dtr-control {
    display: none !important;
  }

  .arasistem-client-table-wrap table.table-list tbody td:empty {
    display: none !important;
  }

  .arasistem-client-table-wrap .view-filter-btns {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 0.4rem;
    padding-bottom: 0.35rem;
    margin-bottom: 0.55rem;
  }

  .arasistem-client-table-wrap .view-filter-btns .list-group-item {
    flex: 0 0 auto;
    white-space: nowrap;
    min-height: 40px;
    border-radius: 999px !important;
  }

  /* —— nice-select touch size —— */
  .arasistem-account-page .nice-select,
  .arasistem-ticket-panel .nice-select,
  .arasistem-client-page .nice-select {
    height: 44px !important;
    line-height: 42px !important;
    min-height: 44px !important;
    padding-left: 0.7rem !important;
    font-size: 0.9rem !important;
    border-radius: 8px !important;
  }

  .arasistem-account-page .nice-select:after,
  .arasistem-ticket-panel .nice-select:after,
  .arasistem-client-page .nice-select:after {
    top: 50% !important;
    margin-top: -3px;
  }

  .arasistem-account-page .nice-select .list,
  .arasistem-ticket-panel .nice-select .list,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart .nice-select .list {
    max-height: min(50vh, 280px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 50;
  }

  body.emyui-aws-theme #order-standard_cart.arasistem-cart .nice-select.open {
    z-index: 60;
  }

  /* —— Product billing / unpaid / access —— */
  .arasistem-product-billing-toggle {
    min-height: 48px;
    padding: 0.65rem 0.15rem;
    width: 100%;
  }

  .arasistem-product-unpaid-alert {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.65rem;
    text-align: left;
    margin-bottom: 0.85rem;
  }

  .arasistem-product-unpaid-alert .btn {
    width: 100%;
    min-height: 44px;
  }

  .arasistem-product-access-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0.88rem;
  }

  .arasistem-product-access-body table {
    min-width: 0;
    width: 100%;
  }

  .arasistem-product-access-body .btn,
  .arasistem-product-access-body input[type="submit"],
  .arasistem-product-access-body button {
    min-height: 42px;
    max-width: 100%;
  }

  .arasistem-product-once-row--pass,
  .arasistem-product-once {
    flex-direction: column;
    align-items: stretch;
  }

  .arasistem-product-field-value {
    word-break: break-word;
  }

  /* —— Full-page ticket form —— */
  .arasistem-ticket-panel .arasistem-ticket-attach.input-group {
    flex-direction: column;
    align-items: stretch;
  }

  .arasistem-ticket-panel .arasistem-ticket-attach .custom-file,
  .arasistem-ticket-panel .arasistem-ticket-attach .input-group-append {
    width: 100%;
  }

  .arasistem-ticket-panel .arasistem-ticket-attach .input-group-append .btn {
    width: 100%;
    border-radius: 8px !important;
    min-height: 42px;
  }

  .arasistem-ticket-panel .md-editor > .md-header,
  .arasistem-ticket-panel .md-editor > .btn-toolbar {
    flex-wrap: wrap;
    overflow-x: auto;
  }

  .arasistem-ticket-panel .row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* —— Account picker / password —— */
  .arasistem-account-picker {
    padding: 0.85rem 0.9rem !important;
  }

  .arasistem-account-picker-row {
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
  }

  .arasistem-account-picker-row .btn,
  .arasistem-account-picker-row .form-control,
  .arasistem-account-picker-row select,
  .arasistem-account-picker-row .custom-select,
  .arasistem-account-picker #inputContactId {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
    padding-left: 0.75rem !important;
    padding-right: 2.25rem !important;
    line-height: 1.25 !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
  }

  .arasistem-account-picker-row .btn {
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
  }

  /* Lock password fields to single-line height (avoid tall “textarea” look) */
  .arasistem-password-form input[type="password"].form-control,
  .arasistem-user-password input[type="password"].form-control,
  .using-password-strength input[type="password"].form-control,
  #inputExistingPassword,
  #inputNewPassword1,
  #inputNewPassword2 {
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding-top: 0.55rem !important;
    padding-bottom: 0.55rem !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
    background-size: 1rem 1rem !important;
  }

  .arasistem-password-generate,
  .arasistem-password-new .generate-password,
  .arasistem-password-tools .generate-password {
    width: 100%;
    min-height: 44px;
    margin-top: 0.55rem;
  }

  .arasistem-password-tools {
    margin-bottom: 0.85rem;
  }

  .arasistem-pw-strength {
    margin-top: 0.45rem;
  }

  .arasistem-pw-strength #passwordStrengthBar,
  #passwordStrengthBar {
    height: 6px !important;
    margin: 0.35rem 0 0.45rem !important;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(16, 24, 40, 0.06);
  }

  .arasistem-pw-strength #passwordStrengthBar .progress-bar,
  #passwordStrengthBar .progress-bar {
    border-radius: 999px;
  }

  .arasistem-pw-strength .alert {
    margin-bottom: 0.15rem !important;
    padding: 0.55rem 0.7rem !important;
    font-size: 0.78rem !important;
    line-height: 1.4;
  }


  /* —— KB / articles —— */
  .arasistem-kb-search {
    flex-direction: column;
    align-items: stretch;
  }

  .arasistem-kb-search .btn {
    width: 100%;
    min-height: 44px;
  }

  .arasistem-article-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
  }

  /* Beat global btn min-height:0 !important — print is a real tap target */
  body.emyui-aws-theme .arasistem-article-toolbar .btn,
  body.emyui-aws-theme .arasistem-article-toolbar a.btn {
    width: 100%;
    min-height: 48px !important;
    height: auto !important;
    padding: 0.7rem 1rem !important;
    font-size: 0.875rem !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
  }

  .arasistem-kb-grid {
    grid-template-columns: 1fr !important;
  }

  /* —— List-group home panels —— */
  .arasistem-dash-panel .list-group-item {
    min-height: 48px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.9rem !important;
    padding-right: 0.9rem !important;
  }

  .arasistem-dash-panel .arasistem-dash-panel-foot {
    padding-left: 0.9rem !important;
    padding-right: 0.9rem !important;
  }

  .arasistem-dash-panel .arasistem-dash-list-row {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
  }

  .arasistem-dash-panel .arasistem-dash-list-row > i {
    flex: 0 0 auto;
    margin-top: 0.2rem;
    opacity: 0.75;
  }

  .arasistem-dash-panel .arasistem-dash-list-label {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.35;
    word-break: break-word;
  }

  .arasistem-dash-panel .arasistem-dash-list-row .badge {
    flex: 0 0 auto;
    margin-left: 0.15rem;
    align-self: center;
  }
}

@media (max-width: 640px) {
  .arasistem-account-page.main-page-contents {
    padding-left: var(--as-mobile-gutter) !important;
    padding-right: var(--as-mobile-gutter) !important;
  }

  .arasistem-mobile-bottom-nav-item span {
    font-size: 0.58rem;
  }

  .arasistem-viewticket-actions .btn {
    flex: 1 1 calc(50% - 0.25rem);
  }
}

/* ==========================================================================
   Cart / checkout / masspay MOBILE (desktop untouched)
   ========================================================================== */

@media (max-width: 900px) {
  /* iOS zoom prevention */
  body.emyui-aws-theme #order-standard_cart.arasistem-cart .form-control,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart select.form-control,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart textarea.form-control,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart .nice-select {
    font-size: 16px !important;
  }

  body.emyui-aws-theme #order-standard_cart.arasistem-cart .form-control,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart select.form-control,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart .nice-select {
    min-height: 44px !important;
    height: 44px !important;
  }

  body.emyui-aws-theme #order-standard_cart.arasistem-cart textarea.form-control {
    height: auto !important;
    min-height: 96px !important;
  }

  body.emyui-aws-theme #order-standard_cart.arasistem-cart .nice-select {
    line-height: 42px !important;
  }

  /* Steps + promo */
  .arasistem-cart-steps {
    margin-top: 0.75rem;
    padding: 0 0.25rem;
  }

  .arasistem-cart-steps ol {
    padding: 0.55rem 0.65rem;
    border-radius: 14px;
  }

  .arasistem-cart-step-label {
    display: none !important;
  }

  .arasistem-cart-steps li.is-active .arasistem-cart-step-label {
    display: inline !important;
    font-size: 0.72rem;
    max-width: 5.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .arasistem-cart-promo-form {
    flex-direction: column;
    align-items: stretch;
  }

  .arasistem-cart-promo-form .btn {
    width: 100%;
    min-height: 44px;
  }

  .arasistem-cart-wrap {
    padding-left: var(--as-mobile-gutter) !important;
    padding-right: var(--as-mobile-gutter) !important;
  }

  .arasistem-cart-pagehead {
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }

  .arasistem-cart .item-in-cart {
    padding: 0.85rem 0.9rem;
  }

  .arasistem-cart-line-top {
    flex-wrap: wrap;
    gap: 0.45rem;
  }

  /* Checkout summary stack */
  .arasistem-checkout-summary-item {
    flex-wrap: wrap;
  }

  .arasistem-checkout-summary-item-price {
    width: 100%;
    text-align: left;
    margin-top: 0.25rem;
    white-space: normal;
  }

  .arasistem-checkout-summary-total {
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
  }

  .arasistem-checkout-summary-edit {
    align-self: flex-start;
  }

  /* Hide duplicate aside CTA on phone — mobile bar is primary */
  .arasistem-checkout-aside .arasistem-checkout-submit--aside {
    display: none !important;
  }

  .arasistem-checkout-mobile-bar .btn {
    min-height: 44px !important;
    font-weight: 700;
  }

  /* Configure product continue */
  .arasistem-cart-summary-actions .btn-checkout,
  .arasistem-cart-summary-actions .arasistem-cart-continue-btn {
    width: 100%;
    min-height: 46px;
  }

  /* Masspay inside account shell */
  .arasistem-account-page form[action*="masspay"] .card {
    border-radius: 12px;
    border: 1px solid var(--as-border);
    box-shadow: none;
  }

  .arasistem-account-page form[action*="masspay"] .table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0.86rem;
  }

  .arasistem-account-page form[action*="masspay"] .row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .arasistem-account-page form[action*="masspay"] #btnMassPayMakePayment,
  .arasistem-account-page form[action*="masspay"] button[type="submit"],
  .arasistem-account-page form[action*="masspay"] input[type="submit"] {
    width: 100%;
    min-height: 46px;
  }

  .arasistem-account-page form[action*="masspay"] .form-control,
  .arasistem-account-page form[action*="masspay"] select.form-control {
    min-height: 44px;
    font-size: 16px !important;
  }
}

@media (max-width: 575px) {
  .arasistem-cart-mobile-bar {
    flex-wrap: wrap;
  }

  .arasistem-cart-mobile-bar .btn {
    width: 100%;
  }

  .arasistem-cart-mobile-bar-total {
    width: 100%;
  }
}

/* ==========================================================================
   Auth / config / browse / articles MOBILE (desktop untouched)
   ========================================================================== */

@media (max-width: 900px) {
  /* Auth: full-width fields + iOS 16px — keep register .col-6 pairs at 50% */
  .arasistem-auth-form:not(.arasistem-auth-form--register) .row > [class*="col-"],
  .arasistem-auth-form--register .row > [class*="col-"]:not(.col-6),
  body.this-is-login-page .arasistem-auth-form .row > [class*="col-"],
  .arasistem-auth-panel .row > [class*="col-md-"],
  .arasistem-auth-panel .row > .col-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  body.this-is-login-page .arasistem-auth-form--register .arasistem-auth-grid > .form-group.col-6,
  .arasistem-auth-panel .arasistem-auth-form--register .arasistem-auth-grid > .form-group.col-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* iOS zoom + custom fields / captcha — beat register desktop 0.875rem !important */
  .arasistem-auth-form .form-control,
  .arasistem-auth-form select.form-control,
  .arasistem-auth-form .nice-select,
  body.this-is-login-page .form-control,
  body.this-is-login-page .nice-select,
  body.this-is-login-page .arasistem-auth-form--register .form-control,
  body.this-is-login-page .arasistem-auth-form--register select.form-control,
  body.this-is-login-page .arasistem-auth-form--register .control .form-control,
  body.this-is-login-page .arasistem-auth-form--register .control input[type="text"],
  body.this-is-login-page .arasistem-auth-form--register .control input[type="number"],
  body.this-is-login-page .arasistem-auth-form--register input[name^="customfield"],
  body.this-is-login-page .arasistem-auth-form--register #inputCaptcha,
  .arasistem-auth-form--register .form-control,
  .arasistem-auth-form--register select.form-control,
  .arasistem-auth-form--register .control .form-control,
  .arasistem-auth-form--register .control input[type="text"],
  .arasistem-auth-form--register input[name^="customfield"],
  .arasistem-auth-form--register #inputCaptcha {
    min-height: 44px !important;
    height: 44px !important;
    font-size: 16px !important;
  }

  .arasistem-auth-form textarea.form-control,
  body.this-is-login-page textarea.form-control {
    height: auto !important;
    min-height: 96px !important;
  }

  .arasistem-auth-submit,
  body.this-is-login-page .arasistem-auth-submit {
    width: 100%;
    min-height: 50px !important;
    height: auto !important;
  }

  /* Register: sticky submit clearance — TOS is last; keep just above the bar */
  .arasistem-auth-form--register {
    padding-bottom: calc(5.1rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  html:has(.arasistem-auth-form--register),
  body.this-is-login-page:has(.arasistem-auth-form--register),
  body:has(.arasistem-auth-form--register) {
    scroll-padding-bottom: calc(5.1rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  .arasistem-auth-form--register #inputCaptcha,
  .arasistem-auth-form--register .default-captcha,
  .arasistem-auth-form--register .captchaimage,
  .arasistem-auth-form--register #containerNewUserSecurity,
  .arasistem-auth-form--register input[name^="customfield"] {
    scroll-margin-bottom: calc(8.5rem + env(safe-area-inset-bottom, 0px));
  }

  .arasistem-auth-form--register .arasistem-auth-actions {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    margin: 0;
    padding: 0.7rem 0.85rem calc(0.7rem + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, 0.97);
    border-top: 1px solid var(--as-border, #e4e9e6);
    box-shadow: 0 -8px 24px rgba(15, 40, 28, 0.08);
  }

  .arasistem-auth-form--register .arasistem-auth-actions .arasistem-auth-submit {
    margin: 0;
  }

  .arasistem-auth-form--register .arasistem-auth-captcha {
    margin-bottom: 0.3rem;
  }

  .arasistem-auth-form--register .arasistem-auth-tos {
    margin: 0.1rem 0 0 !important;
  }

  .arasistem-auth-form--register .arasistem-auth-tos .arasistem-auth-check {
    min-height: 0;
    padding: 0.1rem 0;
    gap: 0.35rem;
    align-items: center;
    font-size: 0.88rem;
    letter-spacing: -0.01em;
    white-space: nowrap;
  }

  .arasistem-auth-form--register .arasistem-auth-tos .arasistem-auth-check span {
    line-height: 1.25;
    white-space: nowrap;
  }

  /* Remember me — 13px checkbox was untappable */
  body.this-is-login-page .arasistem-auth-check,
  .arasistem-auth-check {
    min-height: 44px;
    align-items: center;
    padding: 0.35rem 0;
    font-size: 0.92rem;
    gap: 0.65rem;
  }

  body.this-is-login-page .arasistem-auth-check input,
  .arasistem-auth-check input {
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: 1.25rem;
    min-height: 1.25rem;
    margin: 0 !important;
    flex: 0 0 auto;
  }

  .arasistem-auth-form--register .arasistem-auth-tos .arasistem-auth-check input {
    width: 0.95rem !important;
    height: 0.95rem !important;
    min-width: 0.95rem;
    min-height: 0.95rem;
  }

  .arasistem-auth-promo-features {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 420px) {
  /* Name pair: full-width stack — 157px columns crush Turkish names */
  body.this-is-login-page .arasistem-auth-form--register .arasistem-auth-grid > .form-group.col-6,
  .arasistem-auth-panel .arasistem-auth-form--register .arasistem-auth-grid > .form-group.col-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 900px) {
  /* Configure product mobile bar — continue prior block split */
  .arasistem-cart-aside .arasistem-checkout-submit--aside {
    display: none !important;
  }

  .arasistem-config-mobile-bar .btn {
    min-height: 44px !important;
    font-weight: 700;
  }

  /* Billing cycle cards */
  .arasistem-cycle-grid {
    grid-template-columns: 1fr !important;
    gap: 0.55rem;
  }

  .arasistem-cycle-card,
  .arasistem-cycle-card:has(.arasistem-cycle-discount) {
    padding-right: 0.9rem !important;
    min-height: 52px;
    flex-wrap: wrap;
  }

  .arasistem-cycle-discount {
    position: static !important;
    display: inline-flex;
    margin-top: 0.15rem;
    transform: none !important;
  }

  /* Product browse Order Now */
  .arasistem-cart-plans .emyui-ews-plans-add-cart,
  .arasistem-cart-plans .arasistem-plan-cta,
  .arasistem-cart-plans a.btn-order-now {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    margin-top: 0.65rem;
    padding: 0.55rem 1rem !important;
    border-radius: 10px !important;
    background: var(--as-green) !important;
    border-color: var(--as-green) !important;
    color: #fff !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  /* Articles / announcements */
  .arasistem-article-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .arasistem-article-body table,
  .arasistem-article-body iframe,
  .arasistem-article-body pre,
  .arasistem-article-body .fb-like,
  .arasistem-article-body .fb_iframe_widget {
    max-width: 100% !important;
    width: 100% !important;
  }

  .arasistem-announce-item {
    padding: 0.85rem 0.9rem;
  }

  /* Guest contact */
  .arasistem-contact-card {
    padding: 1rem 0.9rem !important;
  }

  .arasistem-contact-card .btn,
  .arasistem-contact-form .btn[type="submit"] {
    width: 100%;
    min-height: 46px;
  }

  .arasistem-contact-form .row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* ==========================================================================
   Upgrade / password modal / 2FA / DT / header MOBILE
   ========================================================================== */

/* Desktop-safe shared (upgrade cards look fine on desktop too) */
.arasistem-upgrade-packages {
  display: grid;
  gap: 0.75rem;
}

.arasistem-upgrade-package-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(200px, 240px);
  gap: 0.85rem 1rem;
  align-items: start;
  padding: 0.95rem 1rem;
  border: 1px solid var(--as-border);
  border-radius: 12px;
  background: #f7f9f8;
}

.arasistem-upgrade-package-desc {
  margin-top: 0.35rem;
  font-size: 0.84rem;
  color: var(--as-muted);
  line-height: 1.4;
}

.arasistem-upgrade-config-list {
  display: grid;
  gap: 0.75rem;
}

.arasistem-upgrade-config-item {
  padding: 0.85rem 0.95rem;
  border: 1px solid var(--as-border-soft);
  border-radius: 12px;
  background: #fff;
}

.arasistem-upgrade-config-name {
  display: block;
  margin-bottom: 0.55rem;
  font-size: 0.92rem;
}

.arasistem-upgrade-config-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

.arasistem-upgrade-qty {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.arasistem-upgrade-qty .form-control {
  max-width: 5.5rem;
}

.arasistem-pw-modal {
  z-index: 1085;
}

.arasistem-pw-modal .modal-dialog {
  max-width: 420px;
}

.arasistem-pw-modal .modal-content {
  border: 1px solid var(--as-border, #e4e9e6);
  border-radius: 16px;
  box-shadow: 0 18px 48px rgba(15, 40, 28, 0.16);
  overflow: hidden;
}

.arasistem-pw-modal .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 1.1rem 0.85rem;
  background: #fff;
  color: var(--as-ink, #15241c);
  border-bottom: 1px solid var(--as-border-soft, rgba(16, 24, 40, 0.055));
}

.arasistem-pw-eyebrow {
  margin: 0 0 0.15rem;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--as-green, #1b5e3b);
}

.arasistem-pw-modal .modal-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 750;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: var(--as-ink, #15241c);
}

.arasistem-pw-close {
  margin: -0.15rem -0.2rem 0 0;
  padding: 0.35rem 0.55rem;
  opacity: 1;
  color: var(--as-muted, #6b7c72);
  text-shadow: none;
}

.arasistem-pw-close:hover {
  color: var(--as-ink, #15241c);
  opacity: 1;
}

.arasistem-pw-modal .modal-body {
  padding: 1rem 1.1rem 0.85rem;
  background: #fafbfa;
}

.arasistem-pw-field {
  margin-bottom: 0.9rem;
}

.arasistem-pw-length-row {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.arasistem-pw-length-row .form-control {
  max-width: 5.5rem;
  text-align: center;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.arasistem-pw-length-hint {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--as-muted, #6b7c72);
}

.arasistem-pw-output-wrap {
  position: relative;
}

.arasistem-pw-output-input,
.arasistem-pw-modal #inputGeneratePasswordOutput {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  background: #fff !important;
  border: 1px solid var(--as-border, #e4e9e6) !important;
  border-radius: 12px !important;
  min-height: 48px;
  color: var(--as-ink, #15241c);
}

.arasistem-pw-modal .form-control:focus {
  border-color: rgba(27, 94, 59, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(27, 94, 59, 0.12) !important;
}

.arasistem-pw-modal-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.95rem;
}

.arasistem-pw-modal-tools .btn,
.arasistem-pw-modal-tools .btn-outline-dark,
.arasistem-pw-modal-tools .copy-to-clipboard {
  flex: 1 1 calc(50% - 0.25rem);
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  font-weight: 650;
  background: #fff !important;
  color: var(--as-ink, #15241c) !important;
  border-color: var(--as-border, #e4e9e6) !important;
}

.arasistem-pw-modal-tools .btn i,
.arasistem-pw-modal-tools .btn span {
  color: inherit !important;
}

.arasistem-pw-modal-tools .btn:hover,
.arasistem-pw-modal-tools .btn:focus,
.arasistem-pw-modal-tools .btn:active,
.arasistem-pw-modal-tools .btn-outline-dark:hover,
.arasistem-pw-modal-tools .btn-outline-dark:focus,
.arasistem-pw-modal-tools .btn-outline-dark:active,
.arasistem-pw-modal-tools .copy-to-clipboard:hover,
.arasistem-pw-modal-tools .copy-to-clipboard:focus {
  background: #eef4ef !important;
  color: var(--as-green, #1b5e3b) !important;
  border-color: rgba(27, 94, 59, 0.32) !important;
  box-shadow: none !important;
}

.arasistem-pw-modal .modal-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  padding: 0.85rem 1.1rem 1rem;
  background: #fff;
  border-top: 1px solid var(--as-border-soft, rgba(16, 24, 40, 0.055));
}

.arasistem-pw-modal .modal-footer .btn {
  flex: 1 1 calc(50% - 0.25rem);
  min-height: 46px;
  margin: 0;
  font-weight: 650;
}

.arasistem-pw-modal .modal-footer .btn[data-dismiss="modal"],
.arasistem-pw-modal .modal-footer .btn-outline-dark {
  order: 1;
}

.arasistem-pw-modal .modal-footer .arasistem-account-cta,
.arasistem-pw-modal .modal-footer #btnGeneratePasswordInsert {
  order: 2;
  background: var(--as-green, #1b5e3b) !important;
  border-color: var(--as-green, #1b5e3b) !important;
  color: #fff !important;
}

.arasistem-pw-modal .modal-footer .arasistem-account-cta:hover,
.arasistem-pw-modal .modal-footer #btnGeneratePasswordInsert:hover {
  background: var(--as-green-deep, #14492e) !important;
  border-color: var(--as-green-deep, #14492e) !important;
}

@media (max-width: 900px) {
  .arasistem-upgrade-package-card {
    grid-template-columns: 1fr;
  }

  .arasistem-upgrade-config-row {
    grid-template-columns: 1fr;
  }

  .arasistem-upgrade-package-form .btn,
  .arasistem-upgrade-config-form .arasistem-account-actions .btn {
    flex: 1 1 calc(50% - 0.25rem);
    width: auto !important;
    min-width: 0;
    min-height: 44px;
  }

  .arasistem-upgrade-qty {
    flex-wrap: wrap;
  }

  .arasistem-upgrade-qty .form-control {
    max-width: none;
    flex: 1 1 100%;
  }

  /* Password modal → compact bottom sheet */
  .arasistem-pw-modal .modal-dialog {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }

  body:has(#arasistemMobileBottomNav) .arasistem-pw-modal .modal-dialog {
    bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .arasistem-pw-modal .modal-content {
    height: auto !important;
    max-height: min(88dvh, 560px) !important;
    border-radius: 18px 18px 0 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    display: flex;
    flex-direction: column;
  }

  .arasistem-pw-modal .modal-header {
    padding: 1rem 1rem 0.75rem;
  }

  .arasistem-pw-modal .modal-body {
    flex: 0 1 auto;
    overflow-y: auto;
    padding: 0.95rem 1rem;
  }

  .arasistem-pw-modal .modal-footer {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.75rem 1rem calc(0.85rem + env(safe-area-inset-bottom, 0px));
  }

  .arasistem-pw-modal .modal-footer .btn,
  .arasistem-pw-modal-tools .btn {
    flex: 1 1 calc(50% - 0.25rem);
    width: auto !important;
    min-width: 0;
    min-height: 46px;
  }

  .arasistem-pw-modal .form-control,
  .arasistem-pw-modal #inputGeneratePasswordLength,
  .arasistem-pw-modal #inputGeneratePasswordOutput {
    min-height: 46px;
    font-size: 16px !important;
  }

  .arasistem-pw-length-row .form-control {
    max-width: 6rem;
  }

  /* 2FA setup modal */
  .modal.twofa-setup .modal-dialog {
    max-width: 100%;
    margin: 0.5rem;
  }

  .modal.twofa-setup .twofa-module,
  .twofa-setup .twofa-module {
    display: flex !important;
    flex-direction: column;
    float: none !important;
    width: 100% !important;
    margin: 0 0 0.75rem !important;
    padding: 0.85rem;
    border: 1px solid var(--as-border);
    border-radius: 12px;
  }

  .twofa-setup .col-radio,
  .twofa-setup .col-logo,
  .twofa-setup .col-description {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .twofa-setup img {
    max-width: 100%;
    height: auto;
  }

  .twofa-setup .modal-footer .btn,
  #modalAjax.twofa-setup .modal-footer .btn {
    min-height: 44px;
    width: 100%;
    margin: 0.25rem 0;
  }

  .twofa-setup pre,
  .twofa-setup .backup-codes,
  .twofa-setup code {
    max-width: 100%;
    overflow-x: auto;
    word-break: break-all;
    white-space: pre-wrap;
  }

  /* DataTables chrome */
  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_length label,
  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_filter label {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.35rem;
    width: 100%;
    font-size: 0.8rem;
  }

  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_length select,
  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_filter input {
    width: 100% !important;
    margin: 0 !important;
    min-height: 42px;
    font-size: 16px !important;
  }

  .arasistem-client-table-wrap table.table-list tbody td:first-child:empty,
  .arasistem-client-table-wrap table.table-list tbody td:first-child:not([data-label]),
  .arasistem-client-table-wrap table.table-list tbody td[data-label=""] {
    display: none !important;
  }

  /* Header mobile menu */
  #mobile-menu .navbar-nav .nav-link {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }

  .arasistem-mobile-menu-divider {
    height: 1px;
    margin: 0.35rem 1rem;
    background: var(--as-border-soft);
    list-style: none;
    pointer-events: none;
  }

  .header-btn-whmcs .notifications-btn-header,
  .header-btn-whmcs .shoping-cart-btn-header,
  .navbar-toggler.hamburger-icon {
    min-width: 42px;
    min-height: 42px;
  }

  /* Header icon crowding — reclaim horizontal space */
  .site-header .container-fluid {
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
  }

  .site-header .brand-logo {
    margin-right: 0.35rem !important;
  }

  .header-btn-whmcs {
    gap: 0.1rem;
    margin-right: 0.15rem !important;
  }

  .header-btn-whmcs .shoping-cart-btn-header,
  .header-btn-whmcs .search-btn-header,
  .header-btn-whmcs .notifications-btn-header,
  .header-btn-whmcs .signup-btn-header-mobile {
    margin-right: 0.15rem !important;
    margin-left: 0 !important;
    padding: 0.35rem !important;
  }

  .header-btn-whmcs .search-btn-header {
    display: none !important;
  }

  .arasistem-locale-trigger {
    margin-right: 0.15rem !important;
  }

  .arasistem-locale-btn {
    min-width: 40px;
    min-height: 40px;
    justify-content: center;
    padding: 0.35rem !important;
  }

  .arasistem-locale-btn .header-lang-currency,
  .arasistem-locale-btn .arasistem-locale-btn-label {
    font-size: 0;
  }

  .arasistem-locale-btn i {
    margin: 0 !important;
    font-size: 1.15rem;
  }

  .header-btn-whmcs .user-dropdown-header .nav-link,
  .header-btn-whmcs .user-dropdown-header > a,
  .header-btn-whmcs .arasistem-user-menu .nav-link {
    min-width: 40px;
    min-height: 40px;
    padding: 0.35rem !important;
  }

  .navbar-toggler.hamburger-icon {
    padding: 0.25rem !important;
    margin-left: 0.1rem;
  }

  /* KB / article code */
  .arasistem-article-body pre,
  .arasistem-kb-article pre,
  .markdown-content pre {
    max-width: 100% !important;
    width: auto !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: pre;
    font-size: 0.8rem;
  }

  .arasistem-article-body img,
  .arasistem-kb-article img {
    max-width: 100%;
    height: auto;
  }

  /* Cancel actions */
  .as-cancel-actions {
    flex-direction: column;
  }

  .as-cancel-actions .btn {
    width: 100%;
    min-height: 44px;
  }

  /* Cart addons */
  #order-standard_cart .col-10 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  #order-standard_cart .form-inline {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
  }

  #order-standard_cart .form-inline .form-control,
  #order-standard_cart .form-inline .btn {
    width: 100%;
    min-height: 44px;
  }
}

@media (min-width: 901px) {
  .arasistem-upgrade-package-card {
    background: #fff;
  }
}

/* ==========================================================================
   Marketing sticky CTA / top bar / auth social MOBILE
   ========================================================================== */

.arasistem-marketing-sticky-cta {
  display: none;
}

@media (max-width: 900px) {
  /* Top strip: reclaim vertical space */
  .whmcs-top-header-area {
    display: none !important;
  }

  /* Marketing sticky buy bar */
  .arasistem-marketing-sticky-cta {
    display: flex !important;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2310;
    gap: 0.45rem;
    align-items: center;
    padding: 0.65rem 0.75rem calc(0.65rem + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, 0.97);
    border-top: 1px solid var(--as-border);
    box-shadow: 0 -8px 24px rgba(15, 40, 28, 0.08);
  }

  /* Form pages: sticky buy CTA covers inputs — hide */
  body:has(.arasistem-contact-page) .arasistem-marketing-sticky-cta,
  body:has(.arasistem-auth-split) .arasistem-marketing-sticky-cta,
  body.this-is-login-page .arasistem-marketing-sticky-cta {
    display: none !important;
  }

  body:has(.arasistem-contact-page).as-marketing-sticky-cta,
  body:has(.arasistem-auth-split).as-marketing-sticky-cta {
    padding-bottom: 0 !important;
  }

  .arasistem-marketing-sticky-cta[hidden] {
    display: none !important;
  }

  .arasistem-marketing-sticky-cta .btn {
    flex: 1 1 0;
    min-height: 44px;
    margin: 0;
    font-weight: 700;
  }

  .arasistem-marketing-sticky-cta .arasistem-account-cta {
    flex: 1.35 1 0;
  }

  body.as-marketing-sticky-cta {
    padding-bottom: calc(4.75rem + env(safe-area-inset-bottom, 0px));
  }

  body.as-marketing-sticky-cta:has(#arasistemMobileBottomNav) {
    padding-bottom: calc(10rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.as-marketing-sticky-cta:has(#arasistemMobileBottomNav) .arasistem-marketing-sticky-cta {
    bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Hide sticky pricing link on pricing page already handled in tpl;
     ensure single CTA stretches */
  .arasistem-marketing-sticky-cta:not(:has(.arasistem-marketing-sticky-secondary)) .btn {
    flex: 1 1 100%;
  }

  /* Auth social + captcha */
  .arasistem-auth-social,
  .arasistem-auth-social .providerPreLinking,
  .arasistem-auth-social .social-login-btns,
  .arasistem-auth-social .btn-social,
  body.this-is-login-page .btn.btn-social {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.this-is-login-page .btn.btn-social {
    min-height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 1rem !important;
    text-align: center;
  }

  .arasistem-auth-form .captcha-container,
  .arasistem-auth-form .recaptcha-container,
  body.this-is-login-page #google-recaptcha-domainchecker,
  body.this-is-login-page .default-captcha-domainchecker {
    max-width: 100%;
    overflow-x: auto;
    transform-origin: center top;
  }

  body.this-is-login-page #default-captcha-domainchecker,
  .arasistem-auth-form #default-captcha-domainchecker {
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
  }

  body.this-is-login-page #default-captcha-domainchecker .col-6,
  .arasistem-auth-form #default-captcha-domainchecker .col-6,
  body.this-is-login-page #default-captcha-domainchecker .captchaimage,
  .arasistem-auth-form #default-captcha-domainchecker .captchaimage {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.this-is-login-page .captchaimage img,
  body.this-is-login-page img[src*="captcha"],
  .arasistem-auth-form .captchaimage img,
  .arasistem-auth-form img[src*="captcha"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 56px !important;
    object-fit: contain;
    border-radius: 10px;
    background: #f4f7f5;
  }

  /* Emails list tap rows */
  .arasistem-email-row {
    cursor: pointer;
  }

  .arasistem-client-table-wrap .arasistem-email-open {
    width: 100%;
    min-height: 40px;
  }

  /* Domain register / pricing light polish */
  #order-standard_cart .domain-lookup-loader,
  #order-standard_cart .domain-lookup-result,
  .domain-pricing {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Card layout wins on mobile — do not force wide table scroll */
  .domain-pricing table {
    min-width: 0;
  }

  .domain-pricing:not(.arasistem-domain-pricing):not(.arasistem-domain-pricing-block) table {
    min-width: 0;
  }

  #order-standard_cart .domain-checker-container .input-group,
  .domain-checker-container .input-group {
    flex-wrap: wrap;
  }

  #order-standard_cart .domain-checker-container .form-control,
  #order-standard_cart .domain-checker-container .btn {
    min-height: 44px;
  }
}

/* ==========================================================================
   Footer / users / contacts / locale MOBILE polish
   ========================================================================== */

@media (max-width: 900px) {
  /* Side-by-side action buttons (do not stack) */
  .arasistem-account-actions:not(.arasistem-account-actions--split) {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
  }

  .arasistem-account-actions.arasistem-account-actions--split {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 0.45rem;
  }

  .arasistem-account-actions--split .arasistem-account-actions-primary,
  .arasistem-account-actions--split .btn {
    flex: 1 1 calc(50% - 0.25rem);
    width: auto !important;
    min-width: 0;
  }

  /* User management rows */
  .arasistem-account-row {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
  }

  .arasistem-account-row-actions {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 0.4rem;
    width: 100%;
  }

  .arasistem-account-row-actions .btn {
    flex: 1 1 calc(50% - 0.25rem);
    width: auto !important;
    min-width: 0;
    min-height: 42px;
  }

  .arasistem-account .arasistem-account-invite .form-inline,
  .arasistem-account form .form-inline {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
  }

  .arasistem-account form .form-inline .form-control,
  .arasistem-account form .form-inline .btn {
    width: 100%;
    min-height: 44px;
  }

  /* Footer compact */
  .arasistem-footer .arasistem-footer-help {
    padding-top: 1.75rem !important;
    padding-bottom: 1.5rem !important;
  }

  .arasistem-footer .arasistem-footer-help .coodiv-text-5 {
    font-size: 1.5rem !important;
    margin-bottom: 0.65rem !important;
  }

  .arasistem-footer .arasistem-footer-help .coodiv-text-6 {
    font-size: 1.15rem !important;
  }

  .arasistem-footer .arasistem-footer-help .btn {
    display: block;
    width: 100%;
    max-width: 22rem;
    margin: 0.35rem auto !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 0.7rem 1rem !important;
  }

  .arasistem-footer .footer-top {
    padding-top: 1.5rem !important;
    padding-bottom: 1rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .arasistem-footer .footer-block {
    margin-bottom: 1.25rem !important;
  }

  .arasistem-footer .block-title {
    margin-bottom: 0.55rem !important;
  }

  /* Footer nav: full-width dropdown accordions */
  .arasistem-footer .arasistem-footer-nav > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .arasistem-footer-acc.footer-block {
    margin-bottom: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }

  .arasistem-footer-acc > summary.block-title {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    min-height: 48px;
    margin: 0 !important;
    padding: 0.85rem 0.15rem !important;
    border-bottom: none !important;
    cursor: pointer;
    color: #fff;
    opacity: 1;
    font-size: 0.88rem !important;
    letter-spacing: 0.03em;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
  }

  .arasistem-footer-acc > summary.block-title::after {
    display: none !important;
    content: none !important;
  }

  .arasistem-footer-acc-icon {
    flex: 0 0 auto;
    width: 0.55rem;
    height: 0.55rem;
    border-right: 2px solid rgba(255, 255, 255, 0.8);
    border-bottom: 2px solid rgba(255, 255, 255, 0.8);
    transform: rotate(45deg);
    transition: transform 0.18s ease;
    margin-top: -0.2rem;
  }

  .arasistem-footer-acc[open] > summary .arasistem-footer-acc-icon {
    transform: rotate(-135deg);
    margin-top: 0.15rem;
  }

  .arasistem-footer-acc > .footer-list {
    margin: 0;
    padding: 0 0.15rem 0.85rem;
  }

  .arasistem-footer-acc:not([open]) > .footer-list {
    display: none !important;
  }

  .arasistem-footer-acc[open] > .footer-list {
    display: block !important;
  }

  .arasistem-footer-acc > .footer-list > li {
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
  }

  .arasistem-footer-acc .footer-list-link {
    display: block;
    min-height: 40px;
    line-height: 40px;
    padding-left: 0 !important;
  }

  .arasistem-footer .arasistem-footer-brand {
    margin-top: 0.75rem !important;
    padding-top: 1rem !important;
    text-align: center;
    border-top: none !important;
  }

  .arasistem-footer .arasistem-footer-brand .brand-logo {
    justify-content: center !important;
  }

  .arasistem-footer .arasistem-footer-brand .text-lg-right {
    text-align: center !important;
  }

  .arasistem-footer .arasistem-footer-brand .btn {
    width: 100%;
    max-width: 22rem;
    min-height: 44px;
  }

  .arasistem-footer .bottom-footer-area {
    padding-top: 0.85rem !important;
    padding-bottom: 0.7rem !important;
  }

  .arasistem-footer .arasistem-footer-copy {
    margin-top: 1rem !important;
    padding-top: 0.85rem !important;
    padding-bottom: 0 !important;
  }

  /* Keep accordion dividers between Ürün/Hesap/Destek/Yasal */
  .arasistem-footer-acc.footer-block {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  }

  /* Locale modal — dialog geometry lives in bottom-sheet block below */
  .arasistem-locale-modal .modal-footer .btn {
    width: 100%;
    min-height: 44px;
  }

  /* Domain config cart page */
  .arasistem-cart .domain-selection-options,
  .arasistem-cart .domain-input,
  #order-standard_cart.arasistem-cart .row.justify-content-center > [class*="col-"] {
    max-width: 100%;
  }

  #order-standard_cart.arasistem-cart .input-group-box,
  #order-standard_cart.arasistem-cart .domains-row {
    flex-wrap: wrap;
  }
}

/* ==========================================================================
   Mobile polish pass — legal / complete / locale sheet / affiliates
   ========================================================================== */

@media (max-width: 900px) {
  /* Legal reading layout */
  .arasistem-legal-page.arasistem-page-body {
    padding: 1.15rem 0 3.25rem;
  }

  .arasistem-legal-page .arasistem-narrow {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .arasistem-legal-head {
    margin: 0 0 1rem;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .arasistem-legal-eyebrow {
    margin: 0 0 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--as-green, #1b5e3b);
  }

  .arasistem-legal-title {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: #122018;
  }

  .arasistem-legal-body {
    font-size: 0.9rem !important;
    line-height: 1.65 !important;
    letter-spacing: 0.01em;
    color: #1a2420 !important;
    max-width: none;
    margin: 0;
    padding-top: 0.35rem !important;
  }

  /* Footer help CTAs — beat global btn min-height:0 !important */
  body.emyui-aws-theme .arasistem-footer .arasistem-footer-help .btn {
    display: block;
    width: 100%;
    max-width: 22rem;
    margin: 0.4rem auto !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 0.7rem 1rem !important;
    font-size: 0.9rem !important;
  }

  .arasistem-footer .arasistem-footer-help {
    padding-top: 2rem !important;
    padding-bottom: 1.75rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .arasistem-footer .arasistem-footer-help .coodiv-text-5 {
    font-size: 1.5rem !important;
    margin-bottom: 0.65rem !important;
  }

  .arasistem-footer .arasistem-footer-help .coodiv-text-6 {
    font-size: 1.15rem !important;
  }

  .arasistem-footer .arasistem-footer-help .coodiv-text-9 {
    font-size: 0.9rem !important;
    line-height: 1.45 !important;
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
  }

  /* Order confirmation */
  .arasistem-cart-complete {
    padding: 1.35rem 1rem 1.5rem !important;
    border-radius: 14px !important;
    margin-top: 0.5rem !important;
  }

  .arasistem-cart-complete-icon {
    width: 52px;
    height: 52px;
    font-size: 1.45rem;
  }

  .arasistem-cart-complete .arasistem-cart-title {
    font-size: 1.35rem !important;
  }

  .arasistem-cart-complete .arasistem-cart-sub {
    font-size: 0.9rem;
  }

  .arasistem-cart-complete-order {
    display: block !important;
    width: 100%;
    margin: 0.85rem 0 !important;
    padding: 0.7rem 0.85rem;
    font-size: 0.9rem;
    word-break: break-word;
    background: #f6f8f7;
    border: 1px solid var(--as-border, #e4e9e6);
  }

  .arasistem-cart-complete .arasistem-cart-trust--center {
    max-width: none;
    margin: 0.85rem 0 0;
  }

  .arasistem-cart-complete .arasistem-dash-actions {
    margin-top: 1.15rem !important;
    flex-direction: column;
    align-items: stretch;
  }

  .arasistem-cart-complete .arasistem-dash-actions .btn {
    width: 100%;
    min-height: 48px;
  }

  body:has(#arasistemMobileBottomNav) .arasistem-cart-complete,
  body:has(#arasistemMobileBottomNav) .arasistem-cart-error,
  body:has(#arasistemMobileBottomNav) .arasistem-fraudcheck {
    padding-bottom: calc(5.6rem + env(safe-area-inset-bottom, 0px));
  }

  /* Locale → mobile full-page sheet (covers header; no top gap) */
  .arasistem-locale-modal.modal {
    padding: 0 !important;
    z-index: 2400 !important;
  }

  .arasistem-locale-modal .modal-dialog,
  .arasistem-locale-modal .modal-dialog.modal-dialog-centered {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    height: 100dvh !important;
    max-height: 100% !important;
    max-height: 100dvh !important;
    transform: none !important;
    display: flex !important;
    align-items: stretch !important;
  }

  .arasistem-locale-modal.show .modal-dialog,
  .arasistem-locale-modal.showing .modal-dialog,
  .arasistem-locale-modal.show .modal-dialog.modal-dialog-centered,
  .arasistem-locale-modal.showing .modal-dialog.modal-dialog-centered {
    transform: none !important;
  }

  .arasistem-locale-modal .modal-content {
    border-radius: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    max-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .arasistem-locale-modal .modal-header {
    padding: 5px 5px 8px !important;
    flex: 0 0 auto !important;
    position: relative;
    align-items: center !important;
  }

  /* Old bottom-sheet drag handle — not currency; hide on full-page sheet */
  .arasistem-locale-modal .modal-header::before {
    content: none !important;
    display: none !important;
  }

  .arasistem-locale-modal .modal-title {
    font-size: 1.05rem !important;
  }

  .arasistem-locale-modal .close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: rgba(15, 40, 28, 0.06) !important;
    border: 1px solid rgba(15, 40, 28, 0.1) !important;
    opacity: 1 !important;
    line-height: 1 !important;
  }

  .arasistem-locale-modal .close span {
    font-size: 1.35rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: var(--as-ink, #15241c) !important;
  }

  .arasistem-locale-modal .modal-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 5px !important;
  }

  .arasistem-locale-search {
    flex: 0 0 auto;
    margin-bottom: 0.5rem !important;
  }

  .arasistem-locale-search .form-control {
    font-size: 16px !important;
    min-height: 44px !important;
    height: 44px !important;
  }

  .arasistem-locale-modal .modal-body > .arasistem-locale-section-label {
    flex: 0 0 auto;
    margin-bottom: 0.4rem !important;
  }

  /* Explicit height so list scrolls even if flex chain fails */
  .arasistem-locale-modal .arasistem-locale-lang-list,
  .arasistem-locale-modal #lang-box-ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    flex: 1 1 auto !important;
    min-height: 8rem !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    gap: 0.3rem !important;
    padding-right: 0.15rem !important;
    margin-bottom: 0.45rem !important;
  }

  .arasistem-locale-modal .arasistem-locale-lang-item {
    min-height: 46px !important;
    padding: 0.5rem 0.7rem !important;
    border-radius: 12px !important;
  }

  .arasistem-locale-modal .arasistem-locale-currency-block {
    flex: 0 0 auto;
    margin-top: 0.1rem;
  }

  .arasistem-locale-modal .arasistem-locale-currency-item {
    min-height: 44px;
  }

  .arasistem-locale-modal .modal-footer.arasistem-locale-footer {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.4rem !important;
    margin: 0 !important;
    padding: 10px 12px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid var(--as-border, #e4e9e6) !important;
    background: #fff !important;
    visibility: visible !important;
  }

  /* Mobile: hide locked currency line — only language pick matters here */
  .arasistem-locale-modal .arasistem-locale-currency-locked {
    display: none !important;
  }

  .arasistem-locale-footer-actions {
    margin-left: 0 !important;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.55rem;
  }

  body.emyui-aws-theme .arasistem-locale-modal .modal-footer .btn,
  body.emyui-aws-theme .arasistem-locale-modal .arasistem-locale-apply {
    flex: 1 1 0 !important;
    width: auto !important;
    min-height: 48px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0.7rem 1rem !important;
    font-size: 0.9rem !important;
  }

  /* Affiliates stock layout */
  .arasistem-account-page .affiliate-stat {
    margin-bottom: 0.65rem !important;
  }

  .arasistem-account-page .affiliate-stat span {
    font-size: 1.35rem;
  }

  .arasistem-account-page .table-responsive {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
  }
}

/* ==========================================================================
   Domain / products / downloads / status MOBILE
   ========================================================================== */

@media (max-width: 900px) {
  /* Domain register hero + search */
  .arasistem-domain-hero.domain-registiration-hero,
  .domain-registiration-hero.arasistem-domain-hero {
    padding: 1.35rem 0.85rem 1.75rem !important;
  }

  .arasistem-domain-hero .min-header-links-container {
    position: static !important;
    margin-bottom: 0.85rem;
  }

  .arasistem-domain-hero .min-header-links {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.35rem;
  }

  .arasistem-domain-hero .min-header-links a {
    min-height: 36px;
    padding: 0.35rem 0.7rem;
    font-size: 0.78rem;
  }

  .arasistem-domain-hero .hero-content h1 {
    font-size: 1.45rem !important;
    margin-bottom: 0.55rem !important;
  }

  .arasistem-domain-hero .domain-search {
    display: flex;
    flex-direction: column;
    position: static !important;
    overflow: hidden;
  }

  .arasistem-domain-hero .domain-search-input-header {
    width: 100% !important;
    padding: 0.85rem 1rem !important;
    font-size: 16px !important;
    min-height: 48px;
    border: 0 !important;
  }

  .arasistem-domain-hero .domain-search-button-header {
    position: static !important;
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 0 !important;
  }

  body:has(#arasistemMobileBottomNav) .arasistem-domain-hero .min-header-links-container {
    display: none !important;
  }

  #spotlightTlds,
  .spotlight-tlds,
  .domain-spotlight-tlds {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    padding: 0.65rem 0 !important;
  }

  #spotlightTlds .spotlight-tld-container,
  .spotlight-tlds .spotlight-tld-container,
  #spotlightTlds > div,
  .domain-pricing .tld-sale-group {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  #spotlightTlds .btn,
  .spotlight-tlds .btn {
    width: 100%;
    min-height: 42px;
  }

  .suggested-domains,
  .domain-lookup-result,
  .domain-suggestions {
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
  }

  .suggested-domains .btn,
  .domain-lookup-result .btn {
    min-height: 44px;
  }

  .arasistem-domain-pricing-block.domain-pricing,
  .domain-pricing.arasistem-domain-pricing-block {
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
  }

  .aws-domains-ltds-prices-item {
    margin-bottom: 0.85rem;
  }

  .aws-domains-ltds-prices-item .btn {
    min-height: 44px;
  }

  .tld-filters {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.35rem;
  }

  .tld-filters a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    border: 1px solid var(--as-border, #e4e9e6);
  }

  .tld-box-ews {
    flex-direction: column !important;
    align-items: stretch !important;
    text-align: left !important;
    gap: 0.4rem;
    padding: 0.9rem 0.15rem !important;
  }

  .tld-box-ews > .col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.75rem;
    text-align: left !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .tld-box-ews > .col > span:first-child {
    color: var(--as-muted, #6b7c72);
  }

  .domain-suggestion.list-group-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
    padding: 0.85rem !important;
  }

  .domain-suggestion .actions {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    width: 100%;
  }

  .domain-suggestion .actions .btn,
  .domain-suggestion .actions .btn-add-to-cart {
    width: 100%;
    min-height: 44px;
  }

  /* Domain pricing table → cards */
  .arasistem-domain-pricing #tableDomainPricing thead {
    display: none;
  }

  .arasistem-domain-pricing #tableDomainPricing,
  .arasistem-domain-pricing #tableDomainPricing tbody {
    display: block;
    width: 100%;
  }

  .arasistem-domain-pricing #tableDomainPricing tbody tr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.35rem;
    margin: 0 0 0.65rem;
    padding: 0.8rem 0.85rem;
    background: #fff;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
  }

  .arasistem-domain-pricing #tableDomainPricing tbody td {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    border: 0 !important;
    padding: 0.15rem 0 !important;
    text-align: right !important;
  }

  .arasistem-domain-pricing #tableDomainPricing tbody td::before {
    content: attr(data-label);
    flex: 0 0 42%;
    text-align: left;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--as-muted, #6b7c72);
  }

  .arasistem-domain-pricing .tld-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.85rem;
  }

  .arasistem-domain-pricing .tld-filters .badge {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    font-size: 0.78rem;
  }

  .arasistem-domain-pricing .featured-tlds-container .col-6 {
    margin-bottom: 0.65rem;
  }

  .domain-pricing table {
    min-width: 0 !important;
  }

  /* Cart plan cards denser */
  .arasistem-cart-plans .emyui-ews-plans-group {
    padding: 1.1rem 1rem !important;
    margin-bottom: 0.85rem !important;
    max-width: none;
  }

  .arasistem-cart-plans .emyui-ews-plans-group h5.mb-8,
  .arasistem-cart-plans .emyui-ews-plans-discription.mb-8,
  .arasistem-cart-plans .aws-domains-ltds-price-item.mb-8 {
    margin-bottom: 0.55rem !important;
  }

  .arasistem-cart .arasistem-cart-wrap > .row.mb-8 {
    margin-top: 0.65rem !important;
    margin-bottom: 0.65rem !important;
  }

  .arasistem-product-tabs {
    margin-bottom: 0.85rem;
  }

  .arasistem-product-tab {
    min-height: 42px;
    font-size: 0.8rem;
  }

  /* Downloads */
  .arasistem-downloads-search .input-group {
    flex-wrap: wrap;
  }

  .arasistem-downloads-search .form-control {
    width: 100% !important;
    min-height: 46px !important;
    font-size: 16px !important;
    border-radius: 10px !important;
  }

  .arasistem-downloads-search .input-group-append {
    width: 100%;
    margin-top: 0.45rem;
  }

  .arasistem-downloads-search .btn {
    width: 100%;
    min-height: 46px;
    border-radius: 10px !important;
  }

  .arasistem-downloads-card {
    padding: 1rem 0.95rem !important;
  }

  .arasistem-downloads-card .kb-box-header {
    margin-bottom: 0.65rem !important;
  }

  /* Server status → cards */
  .arasistem-serverstatus table thead {
    display: none;
  }

  .arasistem-serverstatus table,
  .arasistem-serverstatus table tbody {
    display: block;
    width: 100%;
  }

  .arasistem-serverstatus table tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem 0.65rem;
    margin: 0 0 0.65rem;
    padding: 0.8rem 0.85rem;
    background: #fff;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
  }

  .arasistem-serverstatus table tbody td {
    border: 0 !important;
    padding: 0.15rem 0 !important;
    text-align: left !important;
  }

  .arasistem-serverstatus table tbody td:first-child {
    grid-column: 1 / -1;
    font-weight: 700;
    font-size: 0.95rem;
    padding-bottom: 0.35rem !important;
    border-bottom: 1px solid #eef2ef !important;
    margin-bottom: 0.15rem;
  }

  .arasistem-serverstatus table tbody td:not(:first-child)::before {
    content: attr(data-label);
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--as-muted, #6b7c72);
    margin-bottom: 0.15rem;
  }

  .arasistem-serverstatus .server-status-title {
    flex-direction: column;
    align-items: flex-start !important;
    padding: 1rem !important;
    gap: 0.45rem;
  }

  .arasistem-serverstatus .pagination .page-link {
    min-height: 42px;
    min-width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* ==========================================================================
   Header clearance / services cards / addons / transfer MOBILE
   ========================================================================== */

@media (max-width: 900px) {
  /* Footer clear of fixed bottom nav — tight, no empty black band */
  body:has(#arasistemMobileBottomNav) .arasistem-footer,
  body:has(#arasistemMobileBottomNav) .footer-emyui-aws {
    padding-bottom: calc(4.35rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  body:has(#arasistemMobileBottomNav) .arasistem-footer .bottom-footer-area,
  body:has(#arasistemMobileBottomNav) .arasistem-footer .arasistem-footer-copy,
  body:has(#arasistemMobileBottomNav) .arasistem-footer .arasistem-footer-brand {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  body:has(#arasistemMobileBottomNav) .arasistem-footer .footer-top {
    padding-bottom: 0.35rem !important;
  }

  /* Also pad main content when bottom nav present but not account-page class */
  body:has(#arasistemMobileBottomNav) #main-body {
    padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
  }

  /* Services list cards */
  .arasistem-services-table-wrap #tableServicesList tbody td:first-child,
  .arasistem-services-table-wrap #tableServicesList tbody td.ssl-info {
    display: none !important;
  }

  .arasistem-services-table-wrap #tableServicesList tbody td:nth-child(2) {
    display: block !important;
    text-align: left !important;
    font-size: 0.95rem;
    font-weight: 650;
    line-height: 1.35;
    padding-bottom: 0.45rem !important;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid #eef2ef !important;
  }

  .arasistem-services-table-wrap #tableServicesList tbody td:nth-child(2)::before {
    display: none !important;
    content: none !important;
  }

  .arasistem-services-table-wrap #tableServicesList tbody td:nth-child(2) a {
    display: inline-block;
    margin-top: 0.2rem;
    font-size: 0.8rem;
    font-weight: 500;
    word-break: break-all;
  }

  .arasistem-services-table-wrap #tableServicesList tbody td .label.status,
  .arasistem-services-table-wrap #tableServicesList tbody td .status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
  }

  .arasistem-services-table-wrap #tableServicesList tbody tr {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(27, 94, 59, 0.08);
  }

  /* Cart addons */
  .arasistem-cart-addons .arasistem-cart-addons-panel {
    border-radius: 14px !important;
    margin: 0 0.25rem;
  }

  .arasistem-cart-addons .hero-content {
    margin-bottom: 0.75rem !important;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .arasistem-cart-addons .hero-content h1 {
    font-size: 1.35rem !important;
  }

  .arasistem-cart-addons .row.mt-15 {
    margin-top: 0.85rem !important;
    margin-bottom: 0.5rem !important;
  }

  .arasistem-addon-card {
    padding: 1.1rem 1rem !important;
    border-radius: 14px !important;
    text-align: left !important;
  }

  .arasistem-addon-card h5 {
    font-size: 1.05rem !important;
    text-align: left !important;
  }

  .arasistem-addon-card .badge {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .arasistem-addon-card p {
    text-align: left !important;
  }

  .arasistem-addon-form {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100%;
  }

  .arasistem-addon-form .form-control,
  .arasistem-addon-form select.form-control {
    width: 100% !important;
    min-height: 46px !important;
    font-size: 16px !important;
  }

  .arasistem-addon-form .btn {
    width: 100%;
    min-height: 46px;
    margin-top: 0.5rem !important;
    border-radius: 10px !important;
  }

  .arasistem-cart-addons .col-md-6.mb-10 {
    margin-bottom: 0.85rem !important;
  }

  .order-form-menu-scroller {
    margin-left: 0.35rem;
    margin-right: 0.35rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .order-form-menu-scroller .nav {
    flex-wrap: nowrap;
    justify-content: flex-start !important;
    gap: 0.35rem;
    padding: 0.35rem;
  }

  .order-form-menu-scroller .nav a {
    white-space: nowrap;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
  }

  /* Domain transfer */
  .arasistem-domain-transfer .aws-svg-domain-transfer {
    display: none !important;
  }

  .arasistem-domain-transfer-hero {
    margin-top: 0.85rem !important;
    margin-bottom: 0.5rem !important;
  }

  .arasistem-domain-transfer-hero h1 {
    font-size: 1.4rem !important;
    margin-bottom: 0.55rem !important;
  }

  .arasistem-domain-transfer-card {
    padding: 1rem 0.85rem 1.25rem !important;
    background: #fff;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 14px;
    margin: 0 0.35rem 1rem;
  }

  .arasistem-domain-transfer-form .col-sm-8 {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 !important;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
  }

  .arasistem-domain-transfer-form .form-control {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  .arasistem-domain-transfer-form #btnTransferDomain,
  .arasistem-domain-transfer-form .btn-transfer {
    width: 100%;
    min-height: 48px;
    border-radius: 10px !important;
  }

  .arasistem-domain-transfer-form label .float-right,
  .arasistem-domain-transfer-form label .pull-right {
    float: none !important;
    display: inline-block;
    margin-left: 0.35rem;
  }

  /* Announcements / article */
  .arasistem-announce-excerpt {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .arasistem-announce-excerpt img,
  .arasistem-article-body img {
    max-width: 100%;
    height: auto;
  }

  .arasistem-announce-more {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
  }

  .arasistem-client-pagination .pagination {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.25rem;
  }

  .arasistem-client-pagination .page-link {
    min-height: 40px;
    min-width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* Password reset shell */
  .this-is-login-page .form-control {
    font-size: 16px !important;
    min-height: 46px;
  }

  .password-reset-container .btn,
  .this-is-login-page .btn-primary {
    min-height: 46px;
  }
}

.arasistem-fraudcheck-card {
  background: #fff;
  border: 1px solid var(--as-border, #e4e9e6);
  border-radius: 16px;
  padding: 2rem 1.75rem;
  box-shadow: var(--as-shadow-soft, 0 8px 24px rgba(15, 40, 28, 0.06));
  margin: 1rem auto 2rem;
  max-width: 36rem;
}

.arasistem-fraudcheck-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(180, 55, 55, 0.1);
  color: #9b2c2c;
  font-size: 1.45rem;
}

.arasistem-fraudcheck-alert {
  text-align: left;
}

.arasistem-fraudcheck-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
}

/* —— Notifications dropdown: wider panel + clamped copy —— */
@media (min-width: 992px) {
  .notifications-dropdown .coodiv-menu-dropdown.dropdown-menu {
    min-width: 400px !important;
    max-width: 420px !important;
    width: 420px !important;
    padding: 0.35rem 0 0.55rem !important;
    right: 0;
    left: auto;
  }

  .notifications-dropdown .dropdown-header {
    padding: 0.85rem 1.1rem 0.75rem !important;
    margin-bottom: 0.25rem !important;
    font-weight: 650;
  }

  .notifications-dropdown .client-alerts {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    margin: 0;
    max-height: min(60vh, 420px);
    overflow-y: auto;
  }

  .notifications-dropdown .client-alerts .drop-menu-item {
    padding: 0 !important;
  }

  .notifications-dropdown .client-alerts .drop-menu-item a {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.7rem 1rem !important;
    border-radius: 10px;
    text-decoration: none !important;
  }

  .notifications-dropdown .client-alerts .drop-menu-item a:hover {
    background: rgba(27, 94, 59, 0.06);
  }

  .notifications-dropdown .client-alerts .drop-menu-item a > i {
    flex: 0 0 auto;
    margin-top: 0.15rem;
    color: var(--as-green, #1b5e3b);
  }

  .notifications-dropdown .client-alerts .message {
    flex: 1 1 auto;
    min-width: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.45 !important;
    font-size: 0.875rem !important;
    font-weight: 500;
    color: #1c2b24 !important;
  }
}

/* ==========================================================================
   Notifications sheet / invoices / domain config / fraud / SSL / search
   ========================================================================== */

@media (max-width: 900px) {
  /* Notifications → bottom sheet */
  .notifications-dropdown.show > .dropdown-menu,
  .notifications-dropdown .dropdown-menu.show,
  .notifications-dropdown .coodiv-menu-dropdown.dropdown-menu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-radius: 16px 16px 0 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    max-height: min(72dvh, 560px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 -16px 40px rgba(15, 40, 28, 0.18) !important;
    padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
    z-index: 2400 !important;
  }

  .notifications-dropdown.show ~ .arasistem-mobile-bottom-nav,
  body:has(.notifications-dropdown.show) .arasistem-mobile-bottom-nav {
    z-index: 2200;
  }

  .notifications-dropdown .dropdown-header {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    padding: 0.85rem 1rem !important;
    margin-bottom: 0.35rem !important;
  }

  .notifications-dropdown .client-alerts {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .notifications-dropdown .drop-menu-item a {
    min-height: 48px;
    align-items: flex-start;
    padding: 0.55rem 0;
    gap: 0.65rem;
  }

  .notifications-dropdown .client-alerts .message {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.45 !important;
    font-size: 0.9rem !important;
  }

  /* Header search overlay */
  .emyui-searchbar-header {
    height: auto !important;
    min-height: 72px;
  }

  .emyui-searchbar-header .searching-input {
    height: 72px !important;
    line-height: 1.3 !important;
    font-size: 16px !important;
    padding: 0 3.75rem 0 1rem !important;
  }

  .emyui-searchbar-header .searching-btn,
  .emyui-searchbar-header .searching-close {
    min-width: 44px;
    min-height: 44px;
  }

  /* Invoices list cards */
  .arasistem-invoices-table-wrap #tableInvoicesList tbody td:first-child {
    display: block !important;
    text-align: left !important;
    font-size: 0.95rem;
    font-weight: 700;
    padding-bottom: 0.4rem !important;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid #eef2ef !important;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody td:first-child::before {
    display: none !important;
    content: none !important;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody td .label.status,
  .arasistem-invoices-table-wrap #tableInvoicesList tbody td .status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(27, 94, 59, 0.08);
  }

  /* Domain product-config sticky + denser options */
  body.as-domain-config-bar .arasistem-cart,
  body.emyui-aws-theme:has(#arasistemDomainConfigMobileBar:not([hidden])) .arasistem-cart {
    padding-bottom: calc(5.75rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  .arasistem-cart .domain-productconfigiration-options-item {
    margin-bottom: 0.55rem;
  }

  .arasistem-cart .domain-productconfigiration-options-item label {
    min-height: 56px;
    padding: 0.75rem 0.85rem !important;
  }

  .arasistem-configure-domains-desktop-cta {
    display: none !important;
  }

  .arasistem-configure-domains-panel {
    border-radius: 14px !important;
    margin: 0 0.35rem 1rem;
  }

  .arasistem-configure-domains .hero-content {
    margin-bottom: 0.65rem !important;
  }

  .arasistem-configure-domains .hero-content h1 {
    font-size: 1.35rem !important;
  }

  .arasistem-configure-domains .col-10 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
  }

  .arasistem-configure-domains .form-control {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  .arasistem-configure-domains .domains-addons-products-group-box {
    padding: 0.85rem 0.75rem;
    margin-bottom: 0.75rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
  }

  /* Fraud check */
  .arasistem-fraudcheck-card {
    padding: 1.35rem 1.1rem 1.5rem;
    margin: 0.75rem 0 1.5rem;
    max-width: none;
  }

  .arasistem-fraudcheck-icon {
    width: 52px;
    height: 52px;
    font-size: 1.35rem;
  }

  .arasistem-fraudcheck-cta {
    width: 100%;
    min-height: 48px;
    margin-top: 0.35rem;
  }

  .arasistem-fraud-modal .modal-dialog {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .arasistem-fraud-modal .modal-content {
    border-radius: 16px 16px 0 0 !important;
    max-height: 94dvh;
    display: flex;
    flex-direction: column;
  }

  .arasistem-fraud-modal .modal-body {
    flex: 1 1 auto;
    overflow: hidden;
    padding: 0 !important;
  }

  .arasistem-fraud-modal iframe {
    height: min(70dvh, 560px) !important;
  }

  .arasistem-fraud-modal .modal-footer {
    padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
  }

  .arasistem-fraud-modal .modal-footer .btn {
    width: 100%;
    min-height: 46px;
  }

  /* SSL / MarketConnect landings */
  .landing-page.ssl .competitive-upgrade-banner {
    padding: 0.75rem 0.85rem calc(0.75rem + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 1050 !important;
  }

  .landing-page.ssl .competitive-upgrade-banner .container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
    text-align: left;
  }

  .landing-page.ssl .competitive-upgrade-banner h4 {
    font-size: 0.95rem !important;
  }

  .landing-page.ssl .competitive-upgrade-banner p {
    font-size: 0.8rem !important;
  }

  .landing-page.ssl {
    padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px));
  }

  .landing-page.ssl .hero {
    padding: 1.75rem 0.75rem !important;
  }

  .landing-page.ssl .hero h2 {
    font-size: 1.55rem !important;
  }

  .landing-page .navbar-toggler {
    min-width: 44px;
    min-height: 44px;
  }

  .landing-page .table-responsive,
  .landing-page table {
    max-width: 100%;
  }

  .landing-page .certificate-options,
  .landing-page .ssl-certs,
  .landing-page .row.ssl-certs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* KB search iOS */
  .arasistem-kb-search .form-control {
    font-size: 16px !important;
    min-height: 46px;
  }

  .arasistem-kb-search {
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
  }

  .arasistem-kb-search .btn {
    width: 100%;
    min-height: 46px;
  }
}

/* ==========================================================================
   Tickets / profile / contacts / recommendations / store / invite MOBILE
   ========================================================================== */

@media (max-width: 900px) {
  /* Ticket list cards */
  .arasistem-tickets-table-wrap #tableTicketsList tbody td:nth-child(2) {
    display: block !important;
    text-align: left !important;
    order: -1;
    padding-bottom: 0.45rem !important;
    margin-bottom: 0.25rem;
    border-bottom: 1px solid #eef2ef !important;
  }

  .arasistem-tickets-table-wrap #tableTicketsList tbody td:nth-child(2)::before {
    display: none !important;
    content: none !important;
  }

  .arasistem-tickets-table-wrap #tableTicketsList tbody td:nth-child(2) .border-left {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 0.2rem;
    text-align: left !important;
    width: 100%;
  }

  .arasistem-tickets-table-wrap #tableTicketsList .ticket-number {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--as-muted, #6b7c72);
  }

  .arasistem-tickets-table-wrap #tableTicketsList .ticket-subject {
    font-size: 0.95rem;
    font-weight: 650;
    line-height: 1.35;
    word-break: break-word;
    color: var(--as-ink, #15241c);
  }

  .arasistem-tickets-table-wrap #tableTicketsList .ticket-subject.unread {
    font-weight: 750;
  }

  .arasistem-tickets-table-wrap #tableTicketsList tbody td .label.status,
  .arasistem-tickets-table-wrap #tableTicketsList tbody td .status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
  }

  .arasistem-tickets-table-wrap #tableTicketsList tbody tr {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(27, 94, 59, 0.08);
  }

  /* Profile / details form density */
  .arasistem-account .arasistem-account-panel,
  .arasistem-account-page .arasistem-account-panel {
    padding: 0.95rem 0.9rem !important;
    margin-bottom: 0.75rem;
  }

  .arasistem-account .form-group,
  .arasistem-account-page .arasistem-account .form-group {
    margin-bottom: 0.75rem;
  }

  .arasistem-account .row > [class*="col-md-"],
  .arasistem-account-page .arasistem-account .row > [class*="col-md-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .arasistem-account .arasistem-account-title.is-sm {
    font-size: 1.05rem;
    margin-bottom: 0.65rem;
  }

  /* Contact delete modal sheet */
  .arasistem-contact-delete-modal .modal-dialog {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .arasistem-contact-delete-modal .modal-content {
    border-radius: 16px 16px 0 0 !important;
  }

  .arasistem-contact-delete-modal .modal-footer {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
  }

  .arasistem-contact-delete-modal .modal-footer .btn {
    flex: 1 1 calc(50% - 0.25rem);
    width: auto !important;
    min-width: 0;
    min-height: 46px;
    margin: 0 !important;
  }

  /* Recommendations modal sheet */
  .arasistem-recommendations-modal .modal-dialog {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .arasistem-recommendations-modal .modal-content {
    border-radius: 16px 16px 0 0 !important;
    max-height: 92dvh;
    display: flex;
    flex-direction: column;
  }

  .arasistem-recommendations-modal .modal-body {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0.85rem 1rem;
  }

  .arasistem-recommendations-modal .modal-footer {
    padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
  }

  .arasistem-recommendations-modal .modal-footer .btn,
  #btnContinueRecommendationsModal {
    width: 100%;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .arasistem-recommendations-modal .product-recommendation .header {
    flex-wrap: wrap;
    gap: 0.55rem;
  }

  .arasistem-recommendations-modal .product-recommendation .cta,
  .arasistem-recommendations-modal .product-recommendation .btn-add {
    width: 100%;
  }

  .arasistem-recommendations-modal .product-recommendation .btn-add {
    min-height: 44px;
  }

  /* Store order */
  .arasistem-store-order {
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
  }

  .arasistem-store-order-card {
    padding: 1rem 0.9rem 1.25rem;
    background: #fff;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 14px;
  }

  .arasistem-store-order .col-sm-7,
  .arasistem-store-order .col-sm-5,
  .arasistem-store-order .col-sm-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .arasistem-store-order h2 {
    font-size: 1.35rem !important;
  }

  .arasistem-store-order .form-control,
  .arasistem-store-order select.form-control,
  .arasistem-store-order .custom-select {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  .arasistem-store-order .store-domain-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 0.25rem;
    margin-bottom: 0.65rem;
  }

  .arasistem-store-order .store-domain-tabs .nav-item {
    flex: 0 0 auto;
  }

  .arasistem-store-order .store-domain-tabs .nav-link {
    min-height: 42px;
    white-space: nowrap;
    padding: 0.55rem 0.85rem !important;
  }

  .arasistem-store-order button[type="submit"],
  .arasistem-store-order .btn-primary,
  .arasistem-store-order .btn-success {
    width: 100%;
    min-height: 48px;
    margin-bottom: 0.45rem;
  }

  /* MarketConnect landings (generic) */
  .landing-page .hero {
    padding: 1.75rem 0.85rem !important;
  }

  .landing-page .hero h2,
  .landing-page .hero h1 {
    font-size: 1.55rem !important;
  }

  .landing-page .plans .plan,
  .landing-page .plan-comparison > [class*="col-"] {
    margin-bottom: 0.85rem;
  }

  .landing-page .btn,
  .landing-page a.btn {
    min-height: 44px;
  }

  .landing-page .table-responsive {
    margin: 0 -0.25rem;
  }

  /* User invite accept */
  .arasistem-invite-card {
    margin: 0.75rem 0.65rem 1.5rem !important;
    border-radius: 14px !important;
    max-width: none !important;
  }

  .arasistem-invite-body {
    padding: 1.25rem 1rem !important;
  }

  .arasistem-invite-card .invite-box {
    text-align: left;
    margin-bottom: 1rem;
    padding: 1rem 0.9rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
  }

  .arasistem-invite-card .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .arasistem-invite-card .form-control {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  .arasistem-invite-card .btn {
    width: 100%;
    min-height: 46px;
  }

  /* Banned + network alert */
  .arasistem-banned {
    margin: 0.75rem 0.65rem;
    border-radius: 12px;
    text-align: left;
  }

  .arasistem-banned ul {
    margin: 0.55rem 0 0;
    padding-left: 1.1rem;
  }

  .network-issue-alert {
    border-radius: 0 !important;
    padding: 0.7rem 0.85rem !important;
    font-size: 0.84rem;
    line-height: 1.4;
  }

  .network-issue-alert .alert-link {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    margin-left: 0.25rem;
  }

  /* KB article rows */
  .arasistem-kb-article {
    min-height: 56px;
    padding: 0.85rem 0.9rem !important;
    align-items: flex-start;
  }

  .arasistem-kb-article strong {
    font-size: 0.92rem;
    line-height: 1.35;
  }

  .arasistem-kb-article small {
    display: block;
    margin-top: 0.2rem;
    line-height: 1.4;
  }
}

/* ==========================================================================
   Payment methods / domain details / domainoptions / captcha MOBILE
   ========================================================================== */

@media (max-width: 900px) {
  /* Payment methods list → cards */
  .arasistem-payment-methods-actions {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-bottom: 0.85rem;
  }

  .arasistem-payment-methods-actions .btn {
    width: 100%;
    min-height: 44px;
    margin: 0 !important;
  }

  .arasistem-payment-methods-table #payMethodList thead {
    display: none;
  }

  .arasistem-payment-methods-table #payMethodList,
  .arasistem-payment-methods-table #payMethodList tbody {
    display: block;
    width: 100%;
  }

  .arasistem-payment-methods-table #payMethodList tbody tr {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.35rem 0.65rem;
    margin: 0 0 0.65rem;
    padding: 0.85rem 0.9rem;
    background: #fff;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
  }

  .arasistem-payment-methods-table #payMethodList tbody td {
    border: 0 !important;
    padding: 0.15rem 0 !important;
    background: transparent !important;
  }

  .arasistem-payment-methods-table #payMethodList tbody td:first-child {
    grid-row: 1;
    grid-column: 1;
    font-size: 1.15rem;
    padding-top: 0.2rem !important;
  }

  .arasistem-payment-methods-table #payMethodList tbody td:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
    font-weight: 700;
    font-size: 0.95rem;
  }

  .arasistem-payment-methods-table #payMethodList tbody td:nth-child(3),
  .arasistem-payment-methods-table #payMethodList tbody td:nth-child(4) {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.86rem;
  }

  .arasistem-payment-methods-table #payMethodList tbody td:nth-child(3)::before,
  .arasistem-payment-methods-table #payMethodList tbody td:nth-child(4)::before {
    content: attr(data-label);
    flex: 0 0 38%;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--as-muted, #6b7c72);
  }

  .arasistem-payment-methods-table #payMethodList tbody td.arasistem-payment-methods-row-actions {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-top: 0.35rem;
    padding-top: 0.55rem !important;
    border-top: 1px solid #eef2ef !important;
  }

  .arasistem-payment-methods-row-actions .btn {
    width: 100%;
    min-height: 42px;
    margin: 0 !important;
  }

  .arasistem-payment-delete-modal .modal-dialog {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .arasistem-payment-delete-modal .modal-content {
    border-radius: 16px 16px 0 0 !important;
  }

  .arasistem-payment-delete-modal .modal-footer {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
  }

  .arasistem-payment-delete-modal .modal-footer .btn {
    flex: 1 1 calc(50% - 0.25rem);
    width: auto !important;
    min-width: 0;
    min-height: 46px;
    margin: 0 !important;
  }

  .arasistem-payment-methods-manage .form-group.row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .arasistem-payment-methods-manage .form-control {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  .arasistem-payment-methods-manage .form-check-inline {
    display: flex;
    width: 100%;
    margin: 0 0 0.45rem;
    min-height: 44px;
    align-items: center;
  }

  .arasistem-payment-methods-manage button[type="submit"],
  .arasistem-payment-methods-manage .btn-primary {
    width: 100%;
    min-height: 48px;
  }

  /* Domain details */
  .arasistem-domain-details .card,
  .arasistem-domain-details .arasistem-account-panel {
    margin-bottom: 0.75rem;
  }

  .arasistem-domain-details .card-body,
  .arasistem-domain-details .arasistem-account-panel-body {
    padding: 0.95rem 0.9rem !important;
  }

  .arasistem-domain-details .row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .arasistem-domain-details .btn {
    min-height: 42px;
  }

  .arasistem-domain-details h5 {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--as-muted, #6b7c72);
    margin-bottom: 0.2rem;
  }

  /* Domain options / suggestions in cart */
  .arasistem-cart .domain-checker-result-headline {
    font-size: 1rem !important;
    line-height: 1.4;
    padding: 0.85rem 0.75rem;
    border-radius: 12px;
    word-break: break-word;
  }

  .arasistem-cart .domain-suggestions .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .arasistem-cart .domain-suggestions label {
    display: block;
    margin-bottom: 0.45rem;
    word-break: break-all;
  }

  .arasistem-cart .domain-suggestions .float-right,
  .arasistem-cart .domain-suggestions .pull-right {
    float: none !important;
    width: 100%;
    margin-top: 0.35rem;
  }

  .arasistem-cart .domain-suggestions .btn,
  .arasistem-cart .domain-suggestion-pricing .btn,
  .arasistem-cart .btn-group-lg > .btn {
    width: 100%;
    min-height: 44px;
  }

  .arasistem-cart .btn-group.domain-suggestion-pricing,
  .arasistem-cart .btn-group-lg {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .arasistem-cart .btn-group .dropdown-menu {
    width: 100%;
  }

  /* Captcha (tickets / contact / cart) */
  .arasistem-ticket-captcha,
  .arasistem-account-page #default-captcha-domainchecker,
  .arasistem-cart #default-captcha-domainchecker,
  .arasistem-contact-page #default-captcha-domainchecker,
  #default-captcha-domainchecker {
    width: 100%;
  }

  #default-captcha-domainchecker .col-6,
  .captchaimage {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.45rem;
  }

  #inputCaptcha,
  .arasistem-ticket-captcha #inputCaptcha,
  .arasistem-account-page #inputCaptcha {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  .recaptcha-container,
  .g-recaptcha {
    max-width: 100%;
    overflow-x: auto;
  }
}

/* ==========================================================================
   Domains list / renewals / feedback / 2FA MOBILE
   ========================================================================== */

@media (max-width: 900px) {
  /* Domains list */
  .arasistem-domains-bulk {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.4rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 0 0.85rem;
    padding-bottom: 0.25rem;
  }

  .arasistem-domains-bulk-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0.4rem 0.75rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 999px;
    background: #fff;
    color: var(--as-ink, #15241c);
    font-size: 0.78rem;
    font-weight: 650;
    white-space: nowrap;
    text-decoration: none !important;
  }

  .arasistem-domains-table-wrap #tableDomainsList tbody td:nth-child(2),
  .arasistem-domains-table-wrap #tableDomainsList tbody td.ssl-info {
    display: none !important;
  }

  .arasistem-domains-table-wrap #tableDomainsList tbody td:nth-child(3) {
    display: block !important;
    text-align: left !important;
    font-weight: 650;
    word-break: break-all;
    padding-bottom: 0.4rem !important;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid #eef2ef !important;
  }

  .arasistem-domains-table-wrap #tableDomainsList tbody td:nth-child(3)::before {
    display: none !important;
    content: none !important;
  }

  .arasistem-domains-table-wrap #tableDomainsList tbody td:first-child {
    order: -1;
  }

  .arasistem-domains-table-wrap #tableDomainsList tbody td .label.status {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
  }

  /* Hide stock WHMCS primary sidebar strip if it still appears */
  body .nav-scroller-subpages,
  body #main-body > .container > .sidebar,
  body .primary-content + .sidebar {
    max-width: 100%;
  }

  /* Renewals */
  .arasistem-domain-renewals-panel {
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
    padding-bottom: 1.25rem !important;
  }

  .arasistem-domain-renewals .hero-content h1,
  .arasistem-service-renewals-head .arasistem-cart-title {
    font-size: 1.4rem !important;
  }

  .arasistem-domain-renewals .domain-renewal,
  .arasistem-service-renewals .service-renewal,
  .arasistem-renewal-card {
    padding: 1rem 0.9rem !important;
    margin-bottom: 0.75rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
    background: #fff;
  }

  .arasistem-domain-renewals .domain-renewal .float-right,
  .arasistem-domain-renewals .domain-renewal .pull-right,
  .arasistem-service-renewals .service-renewal .float-right,
  .arasistem-service-renewals .service-renewal .pull-right {
    float: none !important;
    display: block;
    margin-bottom: 0.45rem;
  }

  .arasistem-domain-renewals .btn-add-renewal-to-cart,
  .arasistem-service-renewals .btn-add-renewal-to-cart,
  .arasistem-service-renewals #btnGoToCart {
    width: 100%;
    min-height: 46px;
    float: none !important;
    margin-top: 0.65rem;
  }

  .arasistem-domain-renewals .domain-renewals-filter,
  .arasistem-service-renewals .service-renewals-filter {
    width: 100% !important;
    min-height: 46px;
    font-size: 16px !important;
    margin: 0.65rem 0 0;
  }

  .arasistem-service-renewals .secondary-cart-body,
  .arasistem-service-renewals .secondary-cart-sidebar {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .arasistem-renewals-summary {
    margin-top: 0.85rem;
    padding: 1rem 0.9rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
    background: #fff;
  }

  .arasistem-renewals-desktop-cta {
    display: none !important;
  }

  .arasistem-renewals-mobile-bar {
    display: flex !important;
  }

  body:has(.arasistem-renewals-mobile-bar) .arasistem-cart {
    padding-bottom: calc(5.75rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  .arasistem-domain-renewals .secondary-cart-body,
  .arasistem-domain-renewals .secondary-cart-sidebar {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  .arasistem-domain-renewals .form-group.row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .arasistem-domain-renewals .select-renewal-pricing,
  .arasistem-domain-renewals .form-control {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  /* Addons */
  .arasistem-cart-addons-panel {
    padding: 0.85rem !important;
    margin: 0 0.35rem 1rem;
  }

  .arasistem-cart-addons .hero-content {
    margin-bottom: 0.75rem !important;
    padding-top: 0.35rem !important;
  }

  .arasistem-cart-addons .hero-content h1 {
    font-size: 1.35rem !important;
  }

  .arasistem-cart-addons .products .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.75rem !important;
  }

  .arasistem-cart-addons .arasistem-addon-card {
    padding: 1rem 0.85rem !important;
  }

  .arasistem-cart-addons .form-control,
  .arasistem-cart-addons select.form-control {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  .arasistem-cart-addons .btn {
    min-height: 48px !important;
  }

  /* Header density when logged-in chrome is present */
  body:has(#arasistemMobileBottomNav) .arasistem-locale-btn .header-lang-currency {
    display: none;
  }

  body:has(#arasistemMobileBottomNav) .shoping-cart-btn-header,
  body:has(#arasistemMobileBottomNav) .notifications-btn-header {
    margin-right: 0.15rem !important;
  }

  body:has(#arasistemMobileBottomNav) .notifications-dropdown {
    display: none !important;
  }

  .arasistem-cart-plans .emyui-ews-plans-features {
    max-height: 7.5rem;
    overflow: hidden;
    position: relative;
  }

  .arasistem-cart-plans .emyui-ews-plans-features::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.2rem;
    background: linear-gradient(transparent, #fff);
    pointer-events: none;
  }

  .arasistem-cart-plans .emyui-ews-plans-features.is-expanded {
    max-height: none;
    overflow: visible;
  }

  .arasistem-cart-plans .emyui-ews-plans-features.is-expanded::after {
    display: none;
  }

  .arasistem-plan-features-toggle {
    display: inline-flex !important;
    align-items: center;
    margin: 0.15rem 0 0;
    padding: 0.35rem 0 !important;
    min-height: 40px;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    color: var(--as-green, #1b5e3b) !important;
    text-decoration: none !important;
  }

  .arasistem-plan-features-toggle[hidden] {
    display: none !important;
  }

  .arasistem-plan-features-html.as-features-clamp:not(.is-expanded) {
    max-height: 4.8rem;
    overflow: hidden;
    position: relative;
  }

  .arasistem-plan-features-html.as-features-clamp:not(.is-expanded)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.8rem;
    background: linear-gradient(transparent, #fff);
    pointer-events: none;
  }

  .arasistem-plan-features-html.as-features-clamp.is-expanded {
    max-height: none;
    overflow: visible;
  }

  .arasistem-plan-features-html.as-features-clamp.is-expanded::after {
    display: none;
  }

  .arasistem-renewal-title {
    font-size: 1.05rem;
    margin: 0.35rem 0 0.15rem;
  }

  .arasistem-renewal-domain {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--as-muted, #6b7c72);
    word-break: break-all;
  }

  /* Cart secondary category scroller */
  .order-form-menu-scroller {
    margin: 0 0.5rem 0.75rem !important;
    padding: 0.35rem 0.25rem !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 12px !important;
  }

  .order-form-menu-scroller .nav {
    flex-wrap: nowrap !important;
    gap: 0.25rem;
    justify-content: flex-start !important;
    padding: 0 0.35rem;
  }

  .order-form-menu-scroller .nav a {
    white-space: nowrap;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.75rem !important;
    font-size: 0.78rem !important;
  }

  /* Ticket feedback rating chips */
  .arasistem-feedback-meta {
    display: grid;
    gap: 0.55rem;
    margin: 0 0 1rem;
  }

  .arasistem-feedback-meta > div {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid #eef2ef;
  }

  .arasistem-feedback-meta dt {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--as-muted, #6b7c72);
    margin: 0;
  }

  .arasistem-feedback-meta dd {
    margin: 0;
    font-weight: 650;
    text-align: right;
  }

  .arasistem-feedback-staff {
    margin: 0 0 1.15rem;
    padding: 0.9rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
  }

  .arasistem-feedback-scale {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
  }

  .arasistem-feedback-scale-edge {
    flex: 0 0 100%;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--as-muted, #6b7c72);
  }

  .arasistem-feedback-scale-edge:last-child {
    order: 99;
    margin-top: 0.15rem;
  }

  .arasistem-feedback-rate {
    flex: 1 1 calc(20% - 0.35rem);
    min-width: 2.5rem;
    margin: 0;
  }

  .arasistem-feedback-rate input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  .arasistem-feedback-rate span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 10px;
    font-weight: 700;
    background: #fff;
  }

  .arasistem-feedback-rate input:checked + span {
    background: var(--as-green, #1b5e3b);
    border-color: var(--as-green, #1b5e3b);
    color: #fff;
  }

  .arasistem-ticket-feedback textarea.form-control {
    min-height: 96px;
    font-size: 16px !important;
  }

  /* 2FA challenge */
  .arasistem-auth-2fa .arasistem-2fa-challenge .form-control,
  .arasistem-auth-2fa #frmTwoFactorBackup .form-control {
    min-height: 48px !important;
    font-size: 16px !important;
  }

  .arasistem-auth-2fa .btn-block {
    min-height: 48px;
  }
}

/* Feedback scale edges desktop-friendly */
.arasistem-feedback-scale {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}

.arasistem-feedback-rate {
  margin: 0;
}

.arasistem-feedback-rate input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.arasistem-feedback-rate span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.4rem;
  min-height: 40px;
  padding: 0 0.45rem;
  border: 1px solid var(--as-border, #e4e9e6);
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  background: #fff;
}

.arasistem-feedback-rate input:checked + span {
  background: var(--as-green, #1b5e3b);
  border-color: var(--as-green, #1b5e3b);
  color: #fff;
}

.arasistem-domains-bulk {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 0 1rem;
}

.arasistem-domains-bulk-btn {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0.35rem 0.8rem;
  border: 1px solid var(--as-border, #e4e9e6);
  border-radius: 999px;
  background: #fff;
  color: var(--as-ink, #15241c);
  font-size: 0.8rem;
  font-weight: 650;
  text-decoration: none !important;
  cursor: pointer;
}

.arasistem-domains-bulk-btn:hover {
  border-color: var(--as-green, #1b5e3b);
  color: var(--as-green, #1b5e3b);
}

.arasistem-domain-manage-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 1rem;
}

.arasistem-domain-manage-back {
  margin-top: 0.85rem;
}

.arasistem-domain-epp-value {
  word-break: break-all;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.05em;
}

/* ==========================================================================
   Domain manage sister pages MOBILE (DNS / contacts / bulk / addons / EPP)
   ========================================================================== */

@media (max-width: 900px) {
  .arasistem-domain-manage .arasistem-account-panel,
  .arasistem-domain-manage .arasistem-account-panel-body {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
  }

  .arasistem-domain-manage .form-control,
  .arasistem-domain-manage select.form-control,
  .arasistem-domain-manage .custom-select {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  .arasistem-domain-manage .form-group.row {
    display: block;
    margin-bottom: 0.85rem;
  }

  .arasistem-domain-manage .form-group.row > [class*="col-"] {
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .arasistem-domain-manage .form-group.row .col-form-label {
    display: block;
    margin-bottom: 0.35rem;
    padding-top: 0;
  }

  .arasistem-domain-manage .input-group {
    flex-wrap: wrap;
  }

  .arasistem-domain-manage .input-group .form-control {
    width: 100%;
    border-radius: 10px !important;
  }

  .arasistem-domain-manage .input-group-append {
    width: 100%;
    margin-top: 0.35rem;
  }

  .arasistem-domain-manage .input-group-text {
    width: 100%;
    justify-content: flex-start;
    border-radius: 10px !important;
    word-break: break-all;
    font-size: 0.8rem;
  }

  /* Contact tabs → horizontal chips */
  .arasistem-domain-contact-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.4rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-bottom: 0 !important;
    margin-bottom: 0.5rem;
    padding-bottom: 0.15rem;
  }

  .arasistem-domain-contact-tabs .nav-item {
    flex: 0 0 auto;
    margin: 0;
  }

  .arasistem-domain-contact-tabs .nav-link {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0.4rem 0.85rem;
    border: 1px solid var(--as-border, #e4e9e6) !important;
    border-radius: 999px !important;
    background: #fff;
    color: var(--as-ink, #15241c);
    font-size: 0.8rem;
    font-weight: 650;
    white-space: nowrap;
  }

  .arasistem-domain-contact-tabs .nav-link.active {
    background: var(--as-green, #1b5e3b);
    border-color: var(--as-green, #1b5e3b) !important;
    color: #fff;
  }

  .arasistem-domain-manage .responsive-tabs-sm-connector {
    display: none;
  }

  .arasistem-domain-contact-tabcontent {
    padding: 0.75rem 0 !important;
  }

  .arasistem-domain-contacts .offset-1,
  .arasistem-domain-bulk .offset-1 {
    margin-left: 0 !important;
  }

  .arasistem-domain-contacts .col-10,
  .arasistem-domain-bulk .col-10 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  /* DNS / email forward card rows */
  .arasistem-domain-dns-table-wrap table.table-list tbody td,
  .arasistem-domain-emailfwd-table-wrap table.table-list tbody td {
    flex-direction: column;
    align-items: stretch;
    text-align: left !important;
    gap: 0.3rem;
  }

  .arasistem-domain-dns-table-wrap table.table-list tbody td[data-label]::before,
  .arasistem-domain-emailfwd-table-wrap table.table-list tbody td[data-label]::before {
    max-width: none;
  }

  .arasistem-domain-dns-table-wrap .form-control,
  .arasistem-domain-emailfwd-table-wrap .form-control {
    width: 100%;
  }

  .arasistem-domain-emailfwd-arrow {
    justify-content: center !important;
    font-size: 0.78rem;
    color: var(--as-muted, #6b7c72);
    padding: 0.15rem 0 !important;
  }

  .arasistem-domain-emailfwd-arrow::before {
    display: none !important;
    content: none !important;
  }

  /* Sticky save bar above bottom nav */
  .arasistem-domain-manage-actions {
    position: sticky;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    z-index: 20;
    margin: 1rem -0.35rem 0;
    padding: 0.65rem 0.5rem;
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid var(--as-border, #e4e9e6);
    backdrop-filter: blur(8px);
  }

  .arasistem-domain-manage-actions .btn {
    flex: 1 1 calc(50% - 0.35rem);
    min-height: 48px;
    border-radius: 12px;
  }

  .arasistem-domain-manage-actions--split .btn {
    flex: 1 1 100%;
  }

  .arasistem-domain-manage-back {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
  }

  .arasistem-domain-bulk-list .list-group-item {
    padding: 0.65rem 0.8rem;
    font-size: 0.9rem;
    word-break: break-all;
  }

  .arasistem-domain-bulk-choices {
    display: grid;
    gap: 0.45rem;
    margin-bottom: 0.85rem;
  }

  .arasistem-domain-bulk-choices .form-check {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin: 0;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
    background: #fff;
  }

  .arasistem-domain-bulk-choices .form-check-label {
    margin: 0;
    line-height: 1.35;
  }

  .arasistem-domain-epp-code .alert {
    word-break: break-word;
  }

  .arasistem-domain-epp-value {
    display: inline-block;
    margin-top: 0.35rem;
    padding: 0.45rem 0.65rem;
    border-radius: 10px;
    background: #f4f7f5;
    font-size: 1.05rem;
  }

  .arasistem-domain-addons .arasistem-domain-manage-actions .btn {
    flex: 1 1 100%;
    white-space: normal;
    line-height: 1.3;
  }
}

/* Affiliates / switch account desktop helpers */
.arasistem-affiliate-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.arasistem-affiliate-stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--as-border, #e4e9e6);
  border-radius: 14px;
  background: #fff;
}

.arasistem-affiliate-stat i {
  color: var(--as-green, #1b5e3b);
  margin-bottom: 0.15rem;
}

.arasistem-affiliate-stat span {
  font-size: 1.45rem;
  font-weight: 750;
  line-height: 1.1;
}

.arasistem-affiliate-stat small {
  color: var(--as-muted, #6b7c72);
  font-size: 0.78rem;
}

.arasistem-affiliate-balance {
  display: grid;
  gap: 0.55rem;
  margin: 0 0 1rem;
}

.arasistem-affiliate-balance > div {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 0;
  border-bottom: 1px solid #eef2ef;
}

.arasistem-affiliate-balance dt {
  margin: 0;
  color: var(--as-muted, #6b7c72);
  font-weight: 600;
}

.arasistem-affiliate-balance dd {
  margin: 0;
  font-weight: 750;
}

.arasistem-affiliate-signup-list {
  margin: 0 0 1.25rem;
  padding-left: 1.15rem;
}

.arasistem-affiliate-signup-list li {
  margin-bottom: 0.45rem;
}

.arasistem-switch-account-list {
  display: grid;
  gap: 0.55rem;
}

.arasistem-switch-account-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 52px;
  padding: 0.75rem 0.9rem;
  border: 1px solid var(--as-border, #e4e9e6);
  border-radius: 12px;
  background: #fff;
  color: var(--as-ink, #15241c);
  text-decoration: none !important;
  font-weight: 650;
}

.arasistem-switch-account-list a:hover {
  border-color: var(--as-green, #1b5e3b);
}

.arasistem-switch-account-list a.disabled {
  opacity: 0.55;
  pointer-events: none;
}

/* ==========================================================================
   Affiliates / quotes / masspay / switch / SSL nav MOBILE
   ========================================================================== */

@media (max-width: 900px) {
  .arasistem-affiliate-stats {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }

  .arasistem-affiliate-stat {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.65rem;
  }

  .arasistem-affiliate-stat i {
    margin: 0;
  }

  .arasistem-affiliate-stat span {
    font-size: 1.25rem;
  }

  .arasistem-affiliate-stat small {
    flex: 1 1 100%;
  }

  .arasistem-affiliate-link {
    min-height: 46px !important;
    font-size: 14px !important;
    word-break: break-all;
  }

  .arasistem-affiliate-withdraw .btn,
  .arasistem-affiliates-signup .arasistem-domain-manage-actions .btn {
    width: 100%;
    min-height: 48px;
  }

  .arasistem-affiliate-banners img,
  .arasistem-affiliate-banners a {
    max-width: 100%;
  }

  .arasistem-quotes-table-wrap table.table-list tbody td:last-child {
    justify-content: stretch;
  }

  .arasistem-quotes-table-wrap table.table-list tbody td:last-child .btn {
    width: 100%;
    min-height: 42px;
  }

  .arasistem-masspay-actions,
  .arasistem-upgrade-actions,
  .arasistem-user-perms-actions {
    position: sticky;
    bottom: calc(58px + env(safe-area-inset-bottom, 0px));
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 1rem -0.35rem 0;
    padding: 0.65rem 0.5rem;
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid var(--as-border, #e4e9e6);
    backdrop-filter: blur(8px);
  }

  .arasistem-masspay-mobile-total {
    flex: 1 1 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.15rem;
  }

  .arasistem-masspay-mobile-total span {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--as-muted);
  }

  .arasistem-masspay-mobile-total strong {
    font-size: 1.05rem;
    color: var(--as-ink);
  }

  .arasistem-masspay-actions .btn,
  .arasistem-upgrade-actions .btn,
  .arasistem-user-perms-actions .btn {
    flex: 1 1 calc(50% - 0.35rem);
    min-height: 48px;
  }

  .arasistem-masspay-actions .arasistem-account-cta {
    flex: 1 1 100%;
  }

  .arasistem-masspay-form .form-control,
  .arasistem-masspay-form .custom-select,
  .arasistem-upgrade-page .form-control,
  .arasistem-upgrade-page .custom-select {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  .arasistem-masspay-form .masspay-total td {
    font-weight: 700;
  }

  .arasistem-switch-account-list a {
    min-height: 56px;
    padding: 0.85rem 0.95rem;
  }

  .arasistem-switch-account-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    justify-content: flex-end;
  }

  .arasistem-user-management .arasistem-account-row {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
  }

  .arasistem-user-management .arasistem-account-row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
  }

  .arasistem-user-management .arasistem-account-row-actions .btn {
    flex: 1 1 calc(50% - 0.3rem);
    min-height: 42px;
  }

  .arasistem-user-management .arasistem-account-cta,
  .arasistem-user-permissions .arasistem-account-cta {
    width: 100%;
    min-height: 48px;
  }

  /* SSL landing: chip-style secondary nav */
  .landing-page.ssl .navbar {
    position: sticky;
    top: 0;
    z-index: 30;
    padding: 0.45rem 0 !important;
    border-bottom: 1px solid var(--as-border, #e4e9e6);
  }

  .landing-page.ssl .navbar-collapse {
    display: block !important;
  }

  .landing-page.ssl .navbar-toggler {
    display: none !important;
  }

  .landing-page.ssl .navbar-nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.4rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0.15rem 0.25rem 0.35rem;
  }

  .landing-page.ssl .navbar-nav .nav-item {
    flex: 0 0 auto;
  }

  .landing-page.ssl .navbar-nav .nav-link {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0.4rem 0.85rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 999px;
    background: #fff;
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: 650;
  }

  .landing-page.ssl .navbar-nav .nav-item.active .nav-link,
  .landing-page.ssl .navbar-nav .nav-link.active {
    background: var(--as-green, #1b5e3b);
    border-color: var(--as-green, #1b5e3b);
    color: #fff;
  }

  .landing-page.ssl .validation-levels .item,
  .landing-page.ssl .content-block {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
  }

  .landing-page.ssl .validation-levels .btn,
  .landing-page.ssl .item .btn {
    width: 100%;
    min-height: 46px;
  }

  .landing-page.ssl .hero h3 {
    font-size: 0.95rem !important;
    line-height: 1.45;
  }
}

/* ==========================================================================
   Add funds / upgrade summary / SSL configure / invoice pay / 3DS MOBILE
   ========================================================================== */

@media (max-width: 900px) {
  .arasistem-addfunds-form .form-control,
  .arasistem-addfunds-form .custom-select,
  .arasistem-upgrade-summary .form-control,
  .arasistem-upgrade-summary .custom-select,
  .arasistem-upgrade-configure .form-control,
  .arasistem-upgrade-configure .custom-select,
  .arasistem-configuressl .form-control,
  .arasistem-configuressl .custom-select,
  .arasistem-invoice-pay .form-control,
  .arasistem-invoice-pay .custom-select {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  .arasistem-addfunds .arasistem-domain-manage-actions .btn,
  .arasistem-download-denied .arasistem-domain-manage-actions .btn {
    width: 100%;
    min-height: 48px;
  }

  .arasistem-upgrade-summary-forms > [class*="col-"] {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 1rem;
  }

  .arasistem-upgrade-summary .input-group {
    flex-wrap: wrap;
  }

  .arasistem-upgrade-summary .input-group .form-control {
    width: 100%;
    border-radius: 10px !important;
  }

  .arasistem-upgrade-summary .input-group-append {
    width: 100%;
    margin-top: 0.4rem;
  }

  .arasistem-upgrade-summary .input-group-append .btn {
    width: 100%;
    min-height: 46px;
    border-radius: 10px !important;
  }

  .arasistem-upgrade-summary-actions,
  .arasistem-configuressl-actions,
  .arasistem-invoice-pay-actions {
    position: sticky;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    z-index: 20;
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 1rem -0.35rem 0;
    padding: 0.65rem 0.5rem;
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid var(--as-border, #e4e9e6);
    backdrop-filter: blur(8px);
  }

  .arasistem-upgrade-summary-actions .btn,
  .arasistem-configuressl-actions .btn,
  .arasistem-invoice-pay-actions .btn {
    flex: 1 1 calc(50% - 0.25rem);
    width: auto !important;
    min-width: 0;
    min-height: 48px;
  }

  .arasistem-upgrade-configure .product-to-be-upgraded .col-sm-3,
  .arasistem-upgrade-configure .product-to-be-upgraded .col-sm-9 {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: left !important;
  }

  .arasistem-upgrade-configure .product-to-be-upgraded .btn {
    width: 100%;
    min-height: 44px;
    margin-top: 0.55rem;
  }

  .arasistem-upgrade-configure .products .column {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .arasistem-upgrade-product-card {
    margin-bottom: 0.85rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 14px;
    overflow: hidden;
  }

  .arasistem-upgrade-product-card .footer .btn {
    min-height: 48px;
  }

  .arasistem-configuressl .form-group.row {
    display: block;
    margin-bottom: 0.85rem;
  }

  .arasistem-configuressl .form-group.row > [class*="col-"] {
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .arasistem-configuressl textarea.form-control {
    min-height: 140px;
    font-size: 13px !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }

  .arasistem-ssl-approver-list {
    display: grid;
    gap: 0.45rem;
    margin: 0.85rem 0 1rem;
  }

  .arasistem-ssl-approver-item {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin: 0;
    padding: 0.85rem 0.9rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
    background: #fff;
    word-break: break-all;
  }

  .arasistem-invoice-pay .col-md-7,
  .arasistem-invoice-pay .col-md-5 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .arasistem-invoice-pay .form-group.row {
    display: block;
  }

  .arasistem-invoice-pay .form-group.row > [class*="col-"] {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: left !important;
    padding-left: 0;
    padding-right: 0;
  }

  .arasistem-invoice-pay-remote iframe,
  .arasistem-3dsecure-frame,
  .arasistem-invoice-pay .auth3d-area {
    width: 100% !important;
    max-width: 100%;
    height: 70vh;
    min-height: 420px;
    border: 0;
    border-radius: 12px;
  }

  .arasistem-sso-toggle {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 48px;
    margin: 0.75rem 0;
  }

  .arasistem-2fa-backup-code {
    font-size: 1.25rem !important;
    font-weight: 750;
    letter-spacing: 0.04em;
    word-break: break-all;
  }

  .arasistem-upgrade-summary-table tbody td {
    word-break: break-word;
  }
}

.arasistem-ssl-approver-list {
  display: grid;
  gap: 0.4rem;
  margin: 0.75rem 0 1rem;
}

.arasistem-ssl-approver-item {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0;
  padding: 0.7rem 0.85rem;
  border: 1px solid var(--as-border, #e4e9e6);
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}

.arasistem-ssl-approver-item input {
  margin-top: 0.2rem;
}

.arasistem-auth-actions--split {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.arasistem-auth-actions--split .btn {
  flex: 1 1 calc(50% - 0.35rem);
}

.arasistem-access-denied-perms .list-group-item {
  padding: 0.7rem 0.85rem;
  font-size: 0.88rem;
}

/* ==========================================================================
   Status pages / bank pay / MC promo MOBILE
   ========================================================================== */

@media (max-width: 900px) {
  .arasistem-status-page .arasistem-auth-card {
    margin: 0.75rem 0.65rem 1.5rem;
    border-radius: 14px;
  }

  .arasistem-status-page .arasistem-auth-title {
    font-size: 1.35rem;
  }

  .arasistem-status-page .arasistem-auth-title .fa,
  .arasistem-status-page .arasistem-auth-title .fas,
  .arasistem-status-page .arasistem-auth-title .far {
    display: block;
    margin: 0 auto 0.55rem;
    font-size: 1.75rem;
  }

  .arasistem-status-page .arasistem-auth-actions .btn,
  .arasistem-status-page .btn-resend-verify-email {
    width: 100%;
    min-height: 48px;
  }

  .arasistem-auth-actions--split {
    flex-direction: column;
  }

  .arasistem-auth-actions--split .btn {
    flex: 1 1 100%;
  }

  .arasistem-invoice-pay .bank-details.row,
  .arasistem-invoice-pay #billingAddressChoice.row,
  .arasistem-payment-methods-manage .bank-details.row,
  .arasistem-payment-methods-manage .form-group.row {
    display: block;
  }

  .arasistem-invoice-pay .bank-details.row > [class*="col-"],
  .arasistem-invoice-pay #billingAddressChoice.row > [class*="col-"],
  .arasistem-payment-methods-manage .bank-details.row > [class*="col-"],
  .arasistem-payment-methods-manage .form-group.row > [class*="col-"] {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: left !important;
    padding-left: 0;
    padding-right: 0;
  }

  .arasistem-invoice-pay .billing-contact-0,
  .arasistem-invoice-pay [class*="billing-contact-"],
  .arasistem-payment-methods-manage .billing-contact-0,
  .arasistem-payment-methods-manage [class*="billing-contact-"] {
    display: block;
    margin: 0 0 0.55rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
    word-break: break-word;
  }

  .arasistem-invoice-pay .form-check-inline,
  .arasistem-payment-methods-manage .form-check-inline {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    margin-right: 0.85rem;
  }

  /* Cart MarketConnect upsell */
  .mc-promo,
  .addon-promo-container,
  .marketconnect__promo__banner__header {
    border-radius: 14px;
    overflow: hidden;
  }

  .marketconnect__promo__banner__header {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.65rem;
    padding: 0.9rem !important;
  }

  .marketconnect__promo__banner__add {
    display: flex !important;
    flex-direction: column;
    gap: 0.45rem;
    margin-top: 0.65rem !important;
  }

  .marketconnect__promo__banner__add .btn,
  .mc-promo .btn-add {
    width: 100%;
    min-height: 46px;
  }

  .marketconnect__promo__banner__features {
    padding: 0.75rem 0.9rem !important;
  }

  .marketconnect__promo__banner__features li {
    font-size: 0.82rem;
    margin-bottom: 0.35rem;
  }

  .arasistem-access-denied-perms {
    text-align: left;
  }

  .arasistem-dash-tiles .arasistem-dash-tile {
    min-height: 100%;
  }

  .arasistem-dash-panel-head {
    flex-wrap: wrap;
    gap: 0.45rem;
  }

  .arasistem-dash-panel-head .btn {
    min-height: 40px;
  }
}

/* ==========================================================================
   Downloads / serverstatus / cart error / MC landings / invoice summary MOBILE
   ========================================================================== */

@media (max-width: 900px) {
  .arasistem-downloads-search .form-control {
    font-size: 16px !important;
    min-height: 46px;
  }

  .arasistem-downloads-search .input-group {
    flex-wrap: wrap;
  }

  .arasistem-downloads-search .input-group-append {
    width: 100%;
    margin-top: 0.4rem;
  }

  .arasistem-downloads-search .btn {
    width: 100%;
    min-height: 46px;
    border-radius: 10px !important;
  }

  .arasistem-downloads-card {
    padding: 1rem 0.9rem !important;
  }

  .arasistem-downloads-file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    padding: 0.9rem 1rem !important;
  }

  .arasistem-downloads-file-title {
    font-weight: 700;
    word-break: break-word;
  }

  .arasistem-downloads-file-lock {
    align-self: flex-start;
  }

  .arasistem-downloads-file .float-md-right {
    float: none !important;
  }

  .arasistem-serverstatus-issue .server-status-title {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 0.55rem;
    padding: 0.85rem 0.9rem !important;
  }

  .arasistem-serverstatus-issue .announcement-ifonrmations {
    display: block !important;
    text-align: center;
    font-size: 0.78rem;
    margin-bottom: 0.75rem !important;
  }

  .arasistem-serverstatus .pagination .page-link {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .arasistem-cart-error-icon {
    color: #b45309;
  }

  .arasistem-cart-error .arasistem-domain-manage-actions .btn {
    width: 100%;
    min-height: 48px;
  }

  .arasistem-invoice-summary {
    margin-bottom: 1rem;
  }

  .arasistem-invoice-summary .invoice-summary-table table.table-list tbody td {
    flex-direction: column;
    align-items: stretch;
    text-align: left !important;
  }

  .arasistem-invoice-pay .cc-details.row,
  .arasistem-invoice-pay .form-group.row {
    display: block;
  }

  .arasistem-invoice-pay .cc-details.row > [class*="col-"],
  .arasistem-invoice-pay .form-group.row > [class*="col-"] {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: left !important;
    padding-left: 0;
    padding-right: 0;
  }

  .arasistem-invoice-pay .input-inline-100 {
    width: 100% !important;
    max-width: 100%;
  }

  /* All MarketConnect landings: chip nav like SSL */
  .landing-page .navbar {
    position: sticky;
    top: 0;
    z-index: 30;
    padding: 0.45rem 0 !important;
    border-bottom: 1px solid var(--as-border, #e4e9e6);
    background: rgba(255, 255, 255, 0.96) !important;
  }

  .landing-page .navbar-collapse.show,
  .landing-page .navbar-collapse.collapsing,
  .landing-page .navbar-collapse {
    display: block !important;
    height: auto !important;
  }

  .landing-page .navbar-toggler {
    display: none !important;
  }

  .landing-page .navbar-nav,
  .landing-page .nav.navbar-nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.4rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0.15rem 0.25rem 0.35rem;
  }

  .landing-page .navbar-nav .nav-item,
  .landing-page .nav.navbar-nav .nav-item {
    flex: 0 0 auto;
  }

  .landing-page .navbar-nav .nav-link,
  .landing-page .nav.navbar-nav .nav-link {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0.4rem 0.85rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 999px;
    background: #fff;
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: 650;
  }

  .landing-page .hero img,
  .landing-page .logo-container img {
    max-width: 160px;
    height: auto;
  }

  .landing-page .pricing-item,
  .landing-page .plan,
  .landing-page .feature-wrapper,
  .landing-page .content-block {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
  }

  .landing-page .btn-block,
  .landing-page .order-btn,
  .landing-page form .btn[type="submit"] {
    width: 100%;
    min-height: 48px;
  }
}

/* ==========================================================================
   Residual cart / domain details MOBILE
   ========================================================================== */

@media (max-width: 900px) {
  .arasistem-domain-details .card {
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 14px;
    box-shadow: none;
    overflow: hidden;
  }

  .arasistem-domain-details .card-title,
  .arasistem-domain-details .panel-title {
    font-size: 1rem;
    font-weight: 700;
  }

  .arasistem-domain-details .arasistem-domain-tabs {
    margin-bottom: 0.85rem;
  }

  .arasistem-domain-register .domain-search-form .form-control,
  .arasistem-domain-register .domain-search-input-header {
    min-height: 48px !important;
    font-size: 16px !important;
  }

  .arasistem-domain-register .domain-search-button-header,
  .arasistem-domain-register .btn-search {
    min-height: 48px;
    width: 100%;
  }

  .arasistem-domain-register .min-header-links {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 0.35rem;
    justify-content: flex-start !important;
  }

  .arasistem-domain-register .min-header-links a {
    flex: 0 0 auto;
    white-space: nowrap;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
  }

  .arasistem-cart .social-signin-btns,
  .arasistem-cart .providerPreLinking {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
  }

  .arasistem-cart .social-signin-btns .btn,
  .arasistem-cart .providerPreLinking .btn,
  .arasistem-cart .btn-social {
    width: 100%;
    min-height: 46px;
    justify-content: center;
  }

  .arasistem-cart .already-registered .btn {
    width: 100%;
    min-height: 42px;
    margin: 0.2rem 0 !important;
  }

  .arasistem-checkout-card .form-control,
  .arasistem-checkout-card .custom-select,
  .arasistem-checkout-card select.form-control {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  /* Logged-in bottom nav + cart sticky bar stacking */
  body:has(#arasistemMobileBottomNav) .arasistem-cart-mobile-bar,
  body:has(#arasistemMobileBottomNav) .arasistem-checkout-mobile-bar,
  body:has(#arasistemMobileBottomNav) .arasistem-config-mobile-bar,
  body:has(#arasistemMobileBottomNav) .arasistem-renewals-mobile-bar,
  body:has(#arasistemMobileBottomNav) .arasistem-domain-register-mobile-bar,
  body:has(#arasistemMobileBottomNav) .arasistem-cart-mobile-bar,
  body:has(#arasistemMobileBottomNav) .arasistem-checkout-mobile-bar,
  body:has(#arasistemMobileBottomNav) .arasistem-config-mobile-bar,
  body:has(#arasistemMobileBottomNav) .arasistem-domain-register-mobile-bar {
    bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body:has(#arasistemMobileBottomNav):has(.arasistem-cart-mobile-bar) .arasistem-cart,
  body:has(#arasistemMobileBottomNav):has(.arasistem-checkout-mobile-bar) .arasistem-cart,
  body:has(#arasistemMobileBottomNav):has(.arasistem-config-mobile-bar) .arasistem-cart,
  body:has(#arasistemMobileBottomNav):has(.arasistem-renewals-mobile-bar) .arasistem-cart,
  body:has(#arasistemMobileBottomNav).as-domain-register-sticky .arasistem-domain-register,
  body:has(#arasistemMobileBottomNav):has(.arasistem-cart-mobile-bar) .arasistem-cart,
  body:has(#arasistemMobileBottomNav):has(.arasistem-checkout-mobile-bar) .arasistem-cart,
  body:has(#arasistemMobileBottomNav):has(.arasistem-config-mobile-bar) .arasistem-cart,
  body:has(#arasistemMobileBottomNav).as-domain-register-sticky .arasistem-domain-register {
    padding-bottom: calc(10.5rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.as-domain-register-sticky .arasistem-domain-register {
    padding-bottom: calc(5.75rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  .arasistem-domain-register-mobile-bar[hidden] {
    display: none !important;
  }
}

/* ==========================================================================
   Domain details panels / unpaid alert / product actions MOBILE
   ========================================================================== */

@media (max-width: 900px) {
  .arasistem-product-unpaid-alert {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.55rem;
    text-align: left;
  }

  .arasistem-product-unpaid-alert .btn {
    width: 100%;
    min-height: 44px;
  }

  .arasistem-domain-details .arasistem-account-panel,
  .arasistem-product-details .arasistem-account-panel {
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 14px;
    overflow: hidden;
  }

  .arasistem-domain-details .btn-lg,
  .arasistem-domain-details .btn-block {
    width: 100%;
    min-height: 48px;
  }

  .arasistem-domain-details .form-control,
  .arasistem-domain-details .custom-select {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  .arasistem-domain-details .form-check {
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
    margin-bottom: 0.45rem;
  }

  .arasistem-product-details .module-client-area .btn,
  .arasistem-product-details .product-actions .btn,
  .arasistem-product-details .arasistem-product-actions .btn {
    min-height: 44px;
  }

  .arasistem-product-details .module-client-area,
  .arasistem-product-details .product-actions,
  .arasistem-product-details .arasistem-product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
  }

  .arasistem-product-details .module-client-area .btn,
  .arasistem-product-details .product-actions .btn,
  .arasistem-product-details .arasistem-product-actions .btn {
    flex: 1 1 calc(50% - 0.3rem);
  }

  /* Marketing sticky above client bottom nav when both present (no JS class required) */
  body:has(#arasistemMobileBottomNav) .arasistem-marketing-sticky-cta {
    bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body:has(#arasistemMobileBottomNav).as-marketing-sticky-cta,
  body:has(#arasistemMobileBottomNav).as-marketing-sticky-cta {
    padding-bottom: calc(10rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  body:has(#arasistemMobileBottomNav) .arasistem-marketing-sticky-cta {
    bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_paginate {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.25rem;
  }

  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .arasistem-domain-details ul:has(.tabControlLink) {
    list-style: none;
    padding: 0;
    margin: 0.75rem 0 0;
    display: grid;
    gap: 0.4rem;
  }

  .arasistem-domain-details ul:has(.tabControlLink) a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0.55rem 0.85rem;
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
    background: #fff;
    color: var(--as-ink, #15241c);
    font-weight: 650;
    text-decoration: none !important;
  }

  /* Keep header hamburger on account pages (same as homepage) */

  /* Free header tap space when logged-in chrome is present */
  body:has(#arasistemMobileBottomNav) .search-btn-header {
    display: none !important;
  }

  .arasistem-managessl .arasistem-table-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
  }

  .arasistem-managessl .arasistem-table-actions .btn,
  .arasistem-managessl .arasistem-table-actions form {
    margin: 0;
  }

  .arasistem-managessl .arasistem-table-actions .btn {
    min-height: 42px;
    flex: 1 1 auto;
  }

  .arasistem-configuressl .arasistem-ssl-complete-hint {
    margin: 0 0 0.85rem;
    color: var(--as-muted);
    font-size: 0.9rem;
  }

  .arasistem-configuressl .input-group .btn.copy-to-clipboard {
    min-width: 46px;
    min-height: 46px;
  }

  .arasistem-domain-renewals .domain-renewals-filter,
  .arasistem-domain-renewals input[type="search"] {
    min-height: 46px !important;
    font-size: 16px !important;
  }

  body:has(#arasistemMobileBottomNav) .arasistem-domain-renewals,
  body:has(#arasistemMobileBottomNav) .arasistem-cart.arasistem-domain-renewals {
    padding-bottom: calc(5.6rem + env(safe-area-inset-bottom, 0px));
  }

  /* Account details: sticky save (NOT profile — compact inline actions there)
     Only the form that owns .arasistem-account-actions — never the contact picker form.
     Clear sticky bar height only (not sticky+nav) so footer sits close — no huge white void. */
  .arasistem-account--wide:not(.arasistem-user-profile) form:has(.arasistem-account-actions) {
    padding-bottom: calc(4.25rem + env(safe-area-inset-bottom, 0px));
  }

  body:has(#arasistemMobileBottomNav) .arasistem-account--wide:not(.arasistem-user-profile) form:has(.arasistem-account-actions) {
    padding-bottom: calc(4.25rem + env(safe-area-inset-bottom, 0px));
  }

  .arasistem-account--wide .arasistem-account-picker-form {
    padding-bottom: 0 !important;
  }

  .arasistem-account--wide .arasistem-account-picker {
    margin-bottom: 0.65rem !important;
    padding: 0.75rem 0.85rem !important;
  }

  .arasistem-account--wide .arasistem-account-panel + .arasistem-account-panel,
  .arasistem-account--wide .arasistem-email-prefs {
    margin-bottom: 0.35rem !important;
  }

  .arasistem-account--wide .arasistem-account-panel > .arasistem-account-head {
    margin-bottom: 0.55rem;
  }

  /* Pagehead already titles the screen — hide duplicate H1 in first form panel */
  .arasistem-client-page.arasistem-account--wide:has(.arasistem-client-pagehead)
    .arasistem-account > form > .arasistem-account-panel:first-of-type > .arasistem-account-head:has(.arasistem-account-title:not(.is-sm)) {
    display: none;
  }

  .arasistem-account--wide .arasistem-email-prefs .arasistem-account-head {
    margin-bottom: 0.55rem !important;
  }

  .arasistem-account--wide .arasistem-email-prefs-list {
    gap: 0.4rem !important;
  }

  .arasistem-account--wide .arasistem-email-pref-item {
    padding: 0.55rem 0.7rem !important;
  }

  .arasistem-account--wide:not(.arasistem-user-profile) .arasistem-account-actions {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0;
    padding: 0.65rem 0.85rem calc(0.65rem + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, 0.97);
    border-top: 1px solid var(--as-border, #e4e9e6);
    box-shadow: 0 -8px 20px rgba(15, 40, 28, 0.08);
  }

  body:has(#arasistemMobileBottomNav) .arasistem-account--wide:not(.arasistem-user-profile) .arasistem-account-actions {
    bottom: calc(58px + env(safe-area-inset-bottom, 0px));
    padding-bottom: 0.65rem;
  }

  .arasistem-account--wide:not(.arasistem-user-profile) .arasistem-account-actions .btn,
  .arasistem-account--wide:not(.arasistem-user-profile) .arasistem-account-actions input[type="submit"],
  .arasistem-account--wide:not(.arasistem-user-profile) .arasistem-account-actions input[type="reset"] {
    flex: 1 1 calc(50% - 0.25rem);
    width: auto !important;
    min-width: 0;
    min-height: 46px;
    margin: 0 !important;
  }

  .arasistem-account--wide .form-control,
  .arasistem-account--wide .custom-select {
    min-height: 44px !important;
    font-size: 16px !important;
  }

  .arasistem-account--wide .arasistem-account-picker .custom-select,
  .arasistem-account--wide .arasistem-account-picker select.form-control {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }

  .arasistem-account--wide input[type="password"].form-control,
  .arasistem-account--wide #inputNewPassword1,
  .arasistem-account--wide #inputNewPassword2,
  .arasistem-account--wide #inputExistingPassword {
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    line-height: 1.25 !important;
  }

  /* Emails list cards denser CTA */
  .arasistem-client-table-wrap .arasistem-email-open {
    width: 100%;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* ==========================================================================
   Tickets / emails / password sticky actions MOBILE
   ========================================================================== */

@media (max-width: 900px) {
  /* New ticket + ticket reply: fixed submit above bottom nav */
  .arasistem-ticket-form .arasistem-ticket-actions,
  .arasistem-viewticket-reply .arasistem-ticket-actions {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0;
    padding: 0.65rem 0.85rem calc(0.65rem + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, 0.97);
    border-top: 1px solid var(--as-border, #e4e9e6);
    box-shadow: 0 -8px 20px rgba(15, 40, 28, 0.08);
  }

  body:has(#arasistemMobileBottomNav) .arasistem-ticket-form .arasistem-ticket-actions,
  body:has(#arasistemMobileBottomNav) .arasistem-viewticket-reply .arasistem-ticket-actions {
    bottom: calc(58px + env(safe-area-inset-bottom, 0px));
    padding-bottom: 0.65rem;
  }

  .arasistem-ticket-form,
  .arasistem-viewticket-reply {
    padding-bottom: calc(5.75rem + env(safe-area-inset-bottom, 0px));
  }

  body:has(#arasistemMobileBottomNav) .arasistem-ticket-form,
  body:has(#arasistemMobileBottomNav) .arasistem-viewticket-reply {
    padding-bottom: calc(10.25rem + env(safe-area-inset-bottom, 0px));
  }

  .arasistem-ticket-form .arasistem-ticket-actions .btn,
  .arasistem-viewticket-reply .arasistem-ticket-actions .btn {
    flex: 1 1 calc(50% - 0.25rem);
    width: auto !important;
    min-width: 0;
    min-height: 46px;
    margin: 0 !important;
  }

  /* Emails: subject-first card, date as meta, full-width open */
  .arasistem-client-table-wrap table.table-list tbody tr.arasistem-email-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
    padding: 0.85rem 0.9rem;
  }

  .arasistem-client-table-wrap table.table-list tbody tr.arasistem-email-row td {
    display: block;
    width: 100%;
    text-align: left !important;
    padding: 0 !important;
  }

  .arasistem-client-table-wrap table.table-list tbody tr.arasistem-email-row td[data-label]::before {
    display: none;
  }

  .arasistem-client-table-wrap table.table-list tbody tr.arasistem-email-row td:nth-child(1) {
    order: 1;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--as-muted, #6b7c72);
  }

  .arasistem-client-table-wrap table.table-list tbody tr.arasistem-email-row td:nth-child(2) {
    order: 2;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--as-ink, #15241c);
    line-height: 1.35;
  }

  .arasistem-client-table-wrap table.table-list tbody tr.arasistem-email-row td:nth-child(3) {
    order: 3;
    margin-top: 0.2rem;
  }

  .arasistem-client-table-wrap table.table-list tbody tr.arasistem-email-row:active {
    border-color: var(--as-green, #1b5e3b);
    background: #f7faf8;
  }

  /* KB categories denser tap targets */
  .arasistem-kb-cat {
    min-height: 56px;
    padding: 0.85rem 0.95rem;
  }

  .arasistem-kb-search .form-control {
    min-height: 48px !important;
    font-size: 16px !important;
  }

  .arasistem-kb-search .btn {
    min-height: 48px;
    min-width: 48px;
  }

  /* Ticket markdown editor: avoid horizontal overflow */
  .arasistem-ticket-panel .md-editor .btn-group {
    flex-wrap: wrap;
  }

  .arasistem-ticket-panel .md-editor .btn-group .btn {
    min-height: 40px;
  }
}

/* ==========================================================================
   Services / invoices cards + DT chrome + KB sticky MOBILE
   ========================================================================== */

@media (max-width: 900px) {
  /* Single-page / empty tables: less chrome */
  .arasistem-client-table-wrap .dataTables_wrapper.as-dt-single-page .dataTables_info,
  .arasistem-client-table-wrap .dataTables_wrapper.as-dt-single-page .dataTables_length,
  .arasistem-client-table-wrap .dataTables_wrapper.as-dt-single-page .dataTables_paginate,
  .arasistem-client-table-wrap .dataTables_wrapper.as-dt-empty .dataTables_info,
  .arasistem-client-table-wrap .dataTables_wrapper.as-dt-empty .dataTables_length,
  .arasistem-client-table-wrap .dataTables_wrapper.as-dt-empty .dataTables_paginate,
  .arasistem-client-table-wrap .dataTables_wrapper:has(.paginate_button.previous.disabled):has(.paginate_button.next.disabled) .dataTables_info,
  .arasistem-client-table-wrap .dataTables_wrapper:has(.paginate_button.previous.disabled):has(.paginate_button.next.disabled) .dataTables_length,
  .arasistem-client-table-wrap .dataTables_wrapper:has(.paginate_button.previous.disabled):has(.paginate_button.next.disabled) .dataTables_paginate {
    display: none !important;
  }

  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_filter {
    margin-bottom: 0.65rem !important;
  }

  .arasistem-client-table-wrap .dataTables_wrapper .dataTables_filter input {
    border-radius: 10px !important;
  }

  /* Services: status top-right + collapsible search */
  .arasistem-services-panel .arasistem-services-panel-head {
    padding: 0.7rem 0.9rem 0.45rem !important;
    border-bottom: 0 !important;
  }

  .arasistem-services-panel .arasistem-dash-panel-body.arasistem-services-table-wrap {
    padding-top: 0.25rem !important;
  }

  .arasistem-services-table-wrap .dataTables_wrapper .dataTables_length,
  .arasistem-services-table-wrap .dataTables_wrapper .dataTables_info {
    display: none !important;
  }

  .arasistem-services-panel-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.65rem;
  }

  .arasistem-services-panel-head h2 {
    margin: 0 !important;
    flex: 1 1 auto;
    min-width: 0;
  }

  .arasistem-services-panel-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex: 0 0 auto;
  }

  .arasistem-services-new-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 0.85rem !important;
    font-size: 0.82rem !important;
    font-weight: 650 !important;
    white-space: nowrap;
    margin: 0 !important;
    line-height: 1 !important;
  }

  .arasistem-services-search-toggle {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 40, 28, 0.05);
    color: #163b2a;
    padding: 0;
  }

  .arasistem-services-search-toggle i {
    font-size: 1.1rem;
    line-height: 1;
  }

  .arasistem-services-search-toggle.is-active,
  .arasistem-services-search-toggle[aria-expanded="true"] {
    background: rgba(27, 94, 59, 0.12);
    color: var(--as-green, #1b5e3b);
  }

  .arasistem-services-table-wrap .dataTables_wrapper .dataTables_filter {
    display: none !important;
    margin: 0 0 0.55rem !important;
  }

  .arasistem-services-table-wrap.is-search-open .dataTables_wrapper .dataTables_filter {
    display: block !important;
  }

  .arasistem-services-table-wrap #tableLoading {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  .arasistem-services-table-wrap #tableLoading:not([style*="display: none"]):not(.w-hidden) {
    padding: 0.75rem 0 !important;
  }

  .arasistem-services-table-wrap .table-container {
    margin-top: 0 !important;
  }

  .arasistem-services-table-wrap #tableServicesList tbody tr.arasistem-service-row {
    margin-top: 0 !important;
  }

  .arasistem-services-table-wrap #tableServicesList tbody tr.arasistem-service-row {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "product status"
      "amount due";
    gap: 0.45rem 0.75rem;
    padding: 0.9rem 0.95rem;
  }

  .arasistem-services-table-wrap #tableServicesList tbody tr.arasistem-service-row td:nth-child(2) {
    grid-area: product;
    grid-column: auto;
    margin-bottom: 0;
    padding-bottom: 0.55rem !important;
    border-bottom: 1px solid #eef2ef !important;
    padding-right: 0.35rem !important;
  }

  .arasistem-services-table-wrap #tableServicesList tbody tr.arasistem-service-row td:nth-child(3) {
    grid-area: amount;
  }

  .arasistem-services-table-wrap #tableServicesList tbody tr.arasistem-service-row td:nth-child(4) {
    grid-area: due;
  }

  .arasistem-services-table-wrap #tableServicesList tbody tr.arasistem-service-row td:nth-child(n + 3) {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.15rem;
    text-align: left !important;
  }

  .arasistem-services-table-wrap #tableServicesList tbody tr.arasistem-service-row td:nth-child(n + 3)::before {
    display: block !important;
    content: attr(data-label);
    max-width: none !important;
    width: auto !important;
    white-space: nowrap;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--as-muted, #6b7c72);
  }

  .arasistem-services-table-wrap #tableServicesList tbody tr.arasistem-service-row td.arasistem-service-status,
  .arasistem-services-table-wrap #tableServicesList tbody tr.arasistem-service-row td:nth-child(5) {
    grid-area: status;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    padding-top: 0.1rem !important;
    border-bottom: 1px solid #eef2ef !important;
    padding-bottom: 0.55rem !important;
  }

  .arasistem-services-table-wrap #tableServicesList tbody tr.arasistem-service-row td.arasistem-service-status::before,
  .arasistem-services-table-wrap #tableServicesList tbody tr.arasistem-service-row td:nth-child(5)::before {
    display: none !important;
    content: none !important;
  }

  .arasistem-services-table-wrap #tableServicesList tbody tr.arasistem-service-row:active {
    border-color: var(--as-green, #1b5e3b);
    background: #f7faf8;
  }

  /* Invoices: number + amount hero, labeled dates, status chip */
  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.4rem 0.75rem;
    padding: 0.9rem 0.95rem;
    align-items: start;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:first-child {
    grid-column: 1;
    border-bottom: 0 !important;
    margin: 0;
    padding-bottom: 0 !important;
    font-size: 1rem;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(4) {
    grid-column: 2;
    grid-row: 1;
    display: block !important;
    text-align: right !important;
    font-size: 1.05rem;
    font-weight: 750;
    color: var(--as-ink, #15241c);
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(4)::before {
    display: none !important;
    content: none !important;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(2),
  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(3) {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.12rem;
    text-align: left !important;
    min-width: 0;
    max-width: 100%;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(2)::before,
  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(3)::before {
    display: block !important;
    content: attr(data-label);
    max-width: none !important;
    width: auto !important;
    white-space: nowrap;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--as-muted, #6b7c72);
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(5) {
    grid-column: 1 / -1;
    display: flex !important;
    justify-content: flex-start;
    margin-top: 0.15rem;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(5)::before {
    display: none !important;
    content: none !important;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row:active {
    border-color: var(--as-green, #1b5e3b);
    background: #f7faf8;
  }

  /* KB search sticky under header */
  .arasistem-kb-search-panel {
    position: sticky;
    top: 0;
    z-index: 20;
    margin: 0 0 0.75rem;
    padding: 0.65rem 0.75rem !important;
    background: rgba(247, 249, 248, 0.96);
    backdrop-filter: blur(8px);
    border: 1px solid var(--as-border, #e4e9e6);
    border-radius: 12px;
  }

  body:has(#arasistemMobileBottomNav) .arasistem-kb-search-panel {
    top: 0;
  }

  .arasistem-kb-search {
    flex-direction: row !important;
    align-items: stretch;
    gap: 0.45rem;
  }

  .arasistem-kb-search .form-control {
    flex: 1 1 auto;
    min-width: 0;
  }

  .arasistem-kb-search .btn {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 5.5rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .arasistem-kb-vote {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
  }

  .arasistem-kb-vote span {
    font-size: 0.95rem;
    line-height: 1.4;
  }

  .arasistem-kb-vote form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    width: 100%;
  }

  /* Beat global btn min-height:0 !important */
  body.emyui-aws-theme .arasistem-kb-vote form .btn,
  body.emyui-aws-theme .arasistem-kb-vote form button.btn {
    width: 100%;
    min-height: 48px !important;
    height: auto !important;
    padding: 0.7rem 0.85rem !important;
    font-size: 0.875rem !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
  }

  /* Reading room: roomier article card; print is useless on phone */
  body.emyui-aws-theme .arasistem-account-panel.arasistem-article-panel,
  body.emyui-aws-theme .arasistem-article-panel {
    padding: 1.25rem 1.2rem 1.4rem !important;
  }

  .arasistem-article-toolbar {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
  }

  body.emyui-aws-theme .arasistem-article-toolbar a.btn {
    display: none !important;
  }

  .arasistem-article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
  }

  .arasistem-article-meta .arasistem-account-meta {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 36px;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: #f3f6f4;
    font-size: 0.82rem;
    font-weight: 600;
  }

  .arasistem-article-body {
    font-size: 14px;
    line-height: 1.6;
    color: #2a3530;
  }

  .arasistem-article-body h1 { font-size: 17px; }
  .arasistem-article-body h2 { font-size: 16px; }
  .arasistem-article-body h3 { font-size: 15px; }

  .arasistem-article-body img {
    max-width: 100%;
    height: auto;
  }

  /* Article foot actions (Geri / edit) — side by side on mobile */
  body.emyui-aws-theme .arasistem-account-actions .btn,
  body.emyui-aws-theme .arasistem-client-page .arasistem-account-actions .btn {
    min-height: 48px !important;
    height: auto !important;
    padding: 0.7rem 1rem !important;
    font-size: 0.875rem !important;
    flex: 1 1 calc(50% - 0.25rem) !important;
    width: auto !important;
    min-width: 0 !important;
  }

  .arasistem-account-actions {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0.45rem;
    margin-top: 1rem;
  }
}

/* —— Cart / checkout mobile: full-width summary, hide noise —— */
@media (max-width: 900px) {
  /* Kill WHMCS all.css 300px sidebar trap (576–991) + any leftover % widths */
  #order-standard_cart .secondary-cart-sidebar,
  #order-standard_cart .secondary-cart-body,
  #order-standard_cart #scrollingPanelContainer,
  .arasistem-cart .secondary-cart-sidebar,
  .arasistem-cart .secondary-cart-body,
  .arasistem-cart #scrollingPanelContainer,
  .arasistem-cart .arasistem-cart-aside,
  .arasistem-cart .arasistem-cart-main,
  .arasistem-cart .arasistem-checkout-aside {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .arasistem-cart-layout {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /*
   * Cart + checkout: book rail via --as-mobile-gutter.
   * Nested Bootstrap rows (ml/mr -15px) were shifting cards left.
   */
  body:has(#order-standard_cart.arasistem-cart) #main-body > .container-fluid > .row,
  #main-body:has(.arasistem-cart) > .container-fluid > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #order-standard_cart.arasistem-cart {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .arasistem-cart-wrap,
  .arasistem-cart .arasistem-cart-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: var(--as-mobile-gutter) !important;
    padding-right: var(--as-mobile-gutter) !important;
    box-sizing: border-box !important;
  }

  .arasistem-cart-wrap > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .arasistem-cart-wrap > .row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .arasistem-checkout-grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .arasistem-checkout-main,
  .arasistem-checkout-aside,
  .arasistem-cart .secondary-cart-body.arasistem-cart-main,
  .arasistem-cart .secondary-cart-sidebar.arasistem-cart-aside,
  .arasistem-cart #scrollingPanelContainer {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #frmCheckout {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  .arasistem-order-summary,
  .arasistem-cart .ordersummary-coodiv-box,
  .arasistem-checkout-summary,
  .arasistem-cart #orderSummary {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* Breathing room under Tahmini Vergiler (cart view only) */
  body:has(.arasistem-cart-tax) .arasistem-cart #orderSummary,
  body:has(.arasistem-cart-tax) .arasistem-order-summary {
    margin-top: 1.35rem !important;
  }

  .arasistem-cart-tax {
    margin-left: 0;
    margin-right: 0;
  }

  /* Compact summary card — sticky bar owns the CTA */
  .arasistem-checkout-summary-head p,
  #orderSummary .arasistem-checkout-summary-head p {
    display: none !important;
  }

  .arasistem-cart-aside .arasistem-checkout-submit--aside,
  #orderSummary .arasistem-checkout-submit--aside,
  .arasistem-checkout-aside .arasistem-checkout-submit--aside,
  .arasistem-cart-summary-actions,
  #orderSummary .arasistem-cart-trust,
  .arasistem-cart-trust,
  .arasistem-cart-next-hint {
    display: none !important;
  }

  /* Config: keep long help off-screen; show a compact “next steps” strip */
  .arasistem-config-help {
    display: none !important;
  }

  .arasistem-config-next {
    display: block !important;
    padding: 0.8rem 0.9rem !important;
    margin: 0.1rem 0 0.85rem !important;
    border-radius: 14px !important;
  }

  .arasistem-config-next-title {
    font-size: 0.9rem !important;
    margin-bottom: 0.55rem !important;
  }

  .arasistem-config-next-list {
    gap: 0.45rem !important;
  }

  .arasistem-config-next-list p {
    display: none !important;
  }

  .arasistem-config-next-num {
    width: 1.45rem !important;
    height: 1.45rem !important;
    font-size: 0.72rem !important;
  }

  .arasistem-config-next-list strong {
    font-size: 0.88rem !important;
    line-height: 1.3 !important;
  }

  /* Config: sticky bar already shows total — drop duplicate summary card */
  body:has(.arasistem-config-mobile-bar) #orderSummary,
  body:has(.arasistem-config-mobile-bar) .arasistem-cart-aside,
  body:has(.arasistem-config-mobile-bar) #scrollingPanelContainer.arasistem-cart-aside {
    display: none !important;
  }

  /* Checkout: "already registered" is secondary — don't overpower the form */
  .arasistem-cart .already-registered .btn,
  .arasistem-cart .arasistem-checkout-auth-toggle .btn,
  .arasistem-cart #btnAlreadyRegistered {
    background: #fff !important;
    color: var(--as-green-deep, #0f3d2e) !important;
    border: 1px solid rgba(27, 94, 59, 0.28) !important;
    box-shadow: none !important;
    font-weight: 650 !important;
  }

  /* Checkout: keep short paired fields side-by-side on narrow phones
     (Bootstrap col-sm-6 only pairs from ≥576px; personal info lives in
     .register-area-box-checkout, not .arasistem-checkout-card) */
  .arasistem-cart .arasistem-checkout-card .row > .col-sm-6,
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  /* Name + email + phone stack on phones — half-width name fields are too tight */
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has(#inputFirstName),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has(#inputLastName),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has(#inputDCFirstName),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has(#inputDCLastName),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has(#inputEmail),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has(#inputPhone),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has(#inputDCEmail),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has(#inputDCPhone),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has(#inputLoginEmail),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has(.intl-tel-input),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has(#inputNewPassword1),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has(#inputNewPassword2),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has(.password-strength-meter),
  .arasistem-cart .arasistem-checkout-card .row > .col-sm-6:has(#inputFirstName),
  .arasistem-cart .arasistem-checkout-card .row > .col-sm-6:has(#inputLastName),
  .arasistem-cart .arasistem-checkout-card .row > .col-sm-6:has(#inputEmail),
  .arasistem-cart .arasistem-checkout-card .row > .col-sm-6:has(#inputPhone),
  .arasistem-cart .arasistem-checkout-card .row > .col-sm-6:has(#inputLoginEmail),
  .arasistem-cart .arasistem-checkout-card .row > .col-sm-6:has(.intl-tel-input),
  .arasistem-cart .arasistem-checkout-card .row > .col-sm-6:has(#inputNewPassword1),
  .arasistem-cart .arasistem-checkout-card .row > .col-sm-6:has(#inputNewPassword2) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Existing-customer login is email + password + button in one row —
     the 50% col-sm-6 rule above left the email half-width while password stacked. */
  .arasistem-cart #containerExistingUserSignin .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Summary is order:-1 on phones — space it from Kişisel bilgiler / login card */
  .arasistem-cart .arasistem-checkout-grid > .arasistem-checkout-aside {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
  }

  /* Checkout fields match register: country full, city + district paired */
  .arasistem-cart .register-area-box-checkout .row > .col-sm-4:has(#inputCountry),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-4:has(#inputDCCountry),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-6:has([id^="customfield"]) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .arasistem-cart .register-area-box-checkout .row > .col-sm-4:has(#inputCity),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-4:has(#inputState),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-4:has(#stateinput),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-4:has(#stateselect),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-4:has(#inputDCCity),
  .arasistem-cart .register-area-box-checkout .row > .col-sm-4:has(#inputDCState) {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .arasistem-cart .register-area-box-checkout .arasistem-checkout-fields .form-control {
    font-size: 16px !important;
  }

  .arasistem-cart .register-area-box-checkout .arasistem-checkout-label {
    font-size: 0.82rem !important;
    margin-bottom: 0.35rem !important;
  }

  .arasistem-cart .register-area-box-checkout .intl-tel-input {
    width: 100% !important;
    display: block !important;
  }

  .arasistem-cart .register-area-box-checkout .intl-tel-input.separate-dial-code input[type="tel"] {
    width: 100% !important;
  }

  /* Password generate control sits inside the field — needs clear tap hit */
  .arasistem-cart #containerNewUserSecurity .generate-password,
  .arasistem-cart #containerNewUserSecurity .button-input-generate {
    min-width: 40px !important;
    min-height: 40px !important;
    width: 40px !important;
    height: 40px !important;
    right: 0.35rem !important;
    border-radius: 10px !important;
  }

  .arasistem-cart #containerNewUserSecurity #inputNewPassword1 {
    padding-right: 3rem !important;
  }

  .arasistem-checkout-summary-item {
    flex-wrap: nowrap;
    align-items: flex-start;
  }

  .arasistem-checkout-summary-item-main {
    min-width: 0;
    flex: 1 1 auto;
  }

  .arasistem-checkout-summary-item-price {
    width: auto !important;
    flex: 0 0 auto;
    text-align: right !important;
    margin-top: 0 !important;
    white-space: nowrap;
  }

  .arasistem-checkout-summary-total {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .arasistem-checkout-summary-total-main strong,
  #orderSummary #totalDueToday,
  #orderSummary .amt {
    font-size: 1.15rem !important;
    word-break: normal;
    overflow-wrap: normal;
  }

  /* Viewcart line fluff */
  .arasistem-cart .cart-empty-help,
  .arasistem-cart .arasistem-cart-promo-hint,
  body .recommendations,
  body .arasistem-cart-complete .arasistem-cart-trust--center {
    display: none !important;
  }

  /* Summary mindset: sticky bar = CTA; page card = compact total + promo only */
  body:has(.arasistem-cart-mobile-bar) #orderSummary .arasistem-checkout-summary-items,
  body:has(.arasistem-config-mobile-bar) #orderSummary .arasistem-checkout-summary-items {
    display: none !important;
  }

  .arasistem-cart-pagehead > p,
  .arasistem-cart .arasistem-cart-pagehead p.coodiv-text-11,
  .arasistem-cart-pagehead .arasistem-cart-lead,
  .arasistem-cart-pagehead .arasistem-cart-sub,
  .arasistem-cart .arasistem-cart-pagehead .arasistem-cart-sub {
    display: none !important;
  }

  /* Recommendations / help cards under cart — noise on phone */
  #order-standard_cart .card.arasistem-help-card,
  #order-standard_cart .arasistem-cart-help,
  .modal-backdrop + .recommendations,
  #frmProductRecommendationsModal,
  .arasistem-cart .wgs-help-block {
    display: none !important;
  }
}

/* —— Logged-in mobile: summary mindset across account + cart —— */
@media (max-width: 900px) {
  body:has(#arasistemMobileBottomNav) .arasistem-footer-help,
  body:has(#arasistemMobileBottomNav) .arasistem-footer-help {
    display: none !important;
  }

  body:has(#arasistemMobileBottomNav) .arasistem-page-hero p,
  body:has(#arasistemMobileBottomNav) .arasistem-account-page > .arasistem-pagehead p,
  body:has(#arasistemMobileBottomNav) .main-content .header-lined p,
  body:has(#arasistemMobileBottomNav) .arasistem-invoices-page .arasistem-pagehead p,
  body:has(#arasistemMobileBottomNav) .arasistem-services-page .arasistem-pagehead p,
  body:has(#arasistemMobileBottomNav) .client-home-panels .arasistem-dash-hero > p,
  body:has(#arasistemMobileBottomNav) .arasistem-dash-hero-copy > p:not(.arasistem-dash-kicker) {
    display: none !important;
  }

  /* Checkout: summary first, hide duplicate aside CTA (sticky owns it) */
  body:has(.arasistem-checkout-mobile-bar) .arasistem-checkout-submit--aside,
  body:has(.arasistem-checkout-mobile-bar) .arasistem-checkout-summary-head p {
    display: none !important;
  }

  .arasistem-checkout-grid,
  .arasistem-checkout-aside,
  .arasistem-checkout-main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }
}

/* =========================================================
   Mobile beauty pass — polish only (≤900px), desktop untouched
   ========================================================= */
@media (max-width: 900px) {
  /*
   * Book rail: one L/R page margin for the whole mobile UI.
   * Same idea as .arasistem-card-gap (half-gap cancel), but a fixed
   * --as-mobile-gutter so every section/card aligns like a book page.
   */
  body.emyui-aws-theme {
    --as-mobile-gutter: 16px;
    --as-mobile-header-h: calc(var(--as-logo-h) + (var(--as-header-pad-y) * 2) + 12px);
  }

  /* Header + account body share the same book rail */
  body.emyui-aws-theme header.site-header > .container-fluid {
    padding-left: var(--as-mobile-gutter) !important;
    padding-right: var(--as-mobile-gutter) !important;
  }

  /* Page containers — canonical inset (cart uses .arasistem-cart-wrap instead) */
  body.emyui-aws-theme:not(:has(#order-standard_cart.arasistem-cart)) #main-body > .container,
  body.emyui-aws-theme .arasistem-section > .container,
  body.emyui-aws-theme .arasistem-page > .container,
  body.emyui-aws-theme .arasistem-page-body > .container,
  body.emyui-aws-theme .main-content > .container,
  body.emyui-aws-theme .client-home > .container {
    padding-left: var(--as-mobile-gutter) !important;
    padding-right: var(--as-mobile-gutter) !important;
    box-sizing: border-box !important;
  }

  /* Card-gap rows: cancel exactly the page gutter (not half of 1.35rem) */
  body.emyui-aws-theme .arasistem-card-gap {
    margin-left: calc(var(--as-mobile-gutter) * -1) !important;
    margin-right: calc(var(--as-mobile-gutter) * -1) !important;
  }

  body.emyui-aws-theme .arasistem-card-gap > [class*="col-"] {
    padding-left: var(--as-mobile-gutter) !important;
    padding-right: var(--as-mobile-gutter) !important;
  }

  /* Soft page canvas — media-only (no JS class dependency) */
  body.emyui-aws-theme,
  body.emyui-aws-theme.primary-bg-color {
    background: #f6f8f7 !important;
  }

  body.this-is-login-page,
  body.emyui-aws-theme.this-is-login-page,
  body.emyui-aws-theme.this-is-login-page.primary-bg-color {
    background: #fff !important;
  }

  /* Password reset used the old card shell — same full-bleed panel as login */
  body.this-is-login-page .arasistem-auth-page,
  body.this-is-login-page .arasistem-auth-shell,
  body.this-is-login-page .arasistem-auth-card {
    min-height: 100vh;
    min-height: 100dvh;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    max-width: 28rem;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }

  body.this-is-login-page .arasistem-auth-page {
    display: block;
    align-items: stretch;
    justify-content: flex-start;
    padding: 1.25rem 1.1rem 2rem;
  }

  body.this-is-login-page .arasistem-auth-shell,
  body.this-is-login-page .arasistem-auth-card {
    min-height: 0;
    padding: 0;
  }

  /* Header: always pinned to viewport top on mobile.
     Theme uses site-header--absolute + top:55px (for desktop top-strip);
     that leaves a dead gap and a floating bar over the hero. Pin solid. */
  body header.site-header,
  body header.site-header.site-header--absolute,
  body header.site-header.site-header--static,
  body header.site-header.site-header--sticky,
  body header.site-header.fixed-header-layout,
  body header.site-header.reveal-header,
  body header.site-header.top-header-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1040 !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(15, 40, 28, 0.08) !important;
    box-shadow: 0 4px 18px rgba(15, 40, 28, 0.07) !important;
    /* NO backdrop-filter — traps #mobile-menu to ~header height */
  }

  /* Reserve space under fixed header (absolute homepage + static pages) */
  body.emyui-aws-theme:not(.this-is-login-page) {
    padding-top: var(--as-mobile-header-h) !important;
  }

  /* Homepage hero used to sit under absolute header — keep media flush under bar */
  body.emyui-aws-theme:has(header.site-header--absolute) .arasistem-hero-media,
  body.emyui-aws-theme:has(header.site-header--absolute) .hero-area-emyui-aws {
    margin-top: 0 !important;
  }

  /* Pack logo left + actions right — kill dead gap after locale */
  body header.site-header .site-navbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.3rem;
  }

  body header.site-header .brand-logo {
    order: 1;
    flex: 0 0 auto;
    margin-right: 0 !important;
  }

  body header.site-header .header-lang,
  body header.site-header .arasistem-locale-trigger {
    order: 2;
    margin-left: auto !important;
    margin-right: 0 !important;
    flex: 0 0 auto;
  }

  body header.site-header .arasistem-header-actions-home {
    order: 3;
    display: flex !important;
    align-items: center;
    margin-left: 0.2rem !important;
    margin-right: 0 !important;
    flex: 0 0 auto;
  }

  body header.site-header .header-btn-whmcs {
    order: 3;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 0.3rem !important;
    flex: 0 0 auto;
  }

  body header.site-header .navbar-toggler.hamburger-icon {
    order: 4;
    margin-left: 0.15rem !important;
    flex: 0 0 auto;
  }

  body header.site-header #mobile-menu.navbar-collapse {
    order: 5;
  }

  body header.site-header .signup-btn-header-mobile,
  body header.site-header .shoping-cart-btn-header {
    margin-right: 0 !important;
  }

  body header.site-header .arasistem-locale-btn-label {
    display: none !important;
  }

  body header.site-header .arasistem-locale-btn .icon-globe {
    margin-right: 0 !important;
  }

  body .header-btn-whmcs .shoping-cart-btn-header,
  body .header-btn-whmcs .notifications-btn-header,
  body .header-btn-whmcs .signup-btn-header-mobile,
  body .header-btn-whmcs .arasistem-account-trigger,
  body .arasistem-locale-btn,
  body .header-btn-whmcs .user-dropdown-header .nav-link,
  body .header-btn-whmcs .arasistem-user-menu .nav-link,
  body .navbar-toggler.hamburger-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    line-height: 1 !important;
    border-radius: 12px !important;
    background: rgba(15, 40, 28, 0.04) !important;
    border: 1px solid transparent !important;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
  }

  body .header-btn-whmcs .arasistem-account-trigger {
    color: #163b2a !important;
    flex: 0 0 auto;
  }

  body .header-btn-whmcs .arasistem-account-trigger > i {
    margin: 0 !important;
    display: block !important;
    font-size: 1.15rem !important;
    line-height: 1 !important;
    color: #163b2a !important;
  }

  body .header-btn-whmcs .arasistem-account-trigger:active {
    transform: scale(0.96);
    background: rgba(27, 94, 59, 0.1) !important;
  }

  /* Logged-in account control: always show feather user glyph (label is WHMCS text) */
  body .header-btn-whmcs .user-dropdown-header .nav-link,
  body .header-btn-whmcs .arasistem-user-menu .nav-link {
    font-size: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
    position: relative !important;
  }

  body .header-btn-whmcs .user-dropdown-header .nav-link::before,
  body .header-btn-whmcs .arasistem-user-menu .nav-link::before {
    content: "\e8e9" !important;
    font-family: "feather" !important;
    font-size: 1.15rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1 !important;
    color: #163b2a !important;
    speak: none;
    display: block !important;
    -webkit-font-smoothing: antialiased;
  }

  body .header-btn-whmcs .user-dropdown-header .nav-link::after,
  body .header-btn-whmcs .arasistem-user-menu .nav-link::after {
    display: none !important;
  }

  body .header-btn-whmcs .user-dropdown-header .nav-link > i,
  body .header-btn-whmcs .arasistem-user-menu .nav-link > i,
  body .header-btn-whmcs .user-dropdown-header .nav-link .badge,
  body .header-btn-whmcs .arasistem-user-menu .nav-link .badge {
    display: none !important;
  }

  body .header-btn-whmcs .user-dropdown-header,
  body .header-btn-whmcs .arasistem-user-menu {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  body .header-btn-whmcs .user-dropdown-header .coodiv-menu-dropdown,
  body .header-btn-whmcs .arasistem-user-menu .coodiv-menu-dropdown {
    right: 0 !important;
    left: auto !important;
  }

  body .header-btn-whmcs .shoping-cart-btn-header > i,
  body .header-btn-whmcs .notifications-btn-header > i,
  body .header-btn-whmcs .signup-btn-header-mobile > i,
  body .arasistem-locale-btn > i,
  body .header-btn-whmcs .user-dropdown-header .nav-link > i,
  body .navbar-toggler.hamburger-icon .feather,
  body .navbar-toggler.hamburger-icon i {
    margin: 0 !important;
    display: block !important;
    line-height: 1 !important;
    font-size: 1.15rem !important;
  }

  body .navbar-toggler.hamburger-icon .hamburger,
  body .navbar-toggler.hamburger-icon .hamburger-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .navbar-toggler.hamburger-icon .hamburger-box .icon-x {
    display: none !important;
  }

  body .navbar-toggler.hamburger-icon[aria-expanded="true"] .hamburger-box .icon-menu {
    display: none !important;
  }

  body .navbar-toggler.hamburger-icon[aria-expanded="true"] .hamburger-box .icon-x {
    display: block !important;
  }

  body .header-btn-whmcs .shoping-cart-btn-header:active,
  body .arasistem-locale-btn:active,
  body .navbar-toggler.hamburger-icon:active {
    transform: scale(0.96);
    background: rgba(27, 94, 59, 0.1) !important;
  }

  /* Guest / marketing: drop notification shell (not only the icon) */
  body.not-login-page:not(:has(#arasistemMobileBottomNav)) .notifications-dropdown,
  body:not(.as-has-mobile-client-nav) .notifications-dropdown,
  body.not-login-page:not(:has(#arasistemMobileBottomNav)) .notifications-btn-header,
  body:not(.as-has-mobile-client-nav) .notifications-btn-header {
    display: none !important;
  }

  /* Hero: sticky bar owns persistent CTA — demote secondary to quiet link */
  body.as-marketing-sticky-cta .arasistem-hero-panel .hero-btns {
    gap: 0.35rem !important;
  }

  body.as-marketing-sticky-cta .arasistem-hero-panel .hero-btns .btn:not(:first-child),
  body.as-marketing-sticky-cta .arasistem-hero-panel .hero-btns a.btn:nth-child(n+2) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--as-green) !important;
    min-height: 40px !important;
    font-weight: 650 !important;
    font-size: 0.92rem !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  /* Hero: denser first screen */
  body .arasistem-hero-inner {
    padding: 1rem 0.85rem 1.35rem !important;
  }

  body .arasistem-hero-panel {
    padding: 1.15rem 1.05rem 1.2rem !important;
    border-radius: 22px !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.9) inset,
      0 18px 40px rgba(15, 40, 28, 0.08) !important;
    border: 1px solid rgba(27, 94, 59, 0.08) !important;
  }

  body .arasistem-hero-panel .hero-area-emyui-aws-title {
    font-size: clamp(1.45rem, 6.2vw, 1.75rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.03em;
    margin-bottom: 0.55rem !important;
  }

  body .arasistem-hero-panel .hero-content p,
  body .arasistem-hero-panel .coodiv-text-9 {
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    margin-bottom: 0.85rem !important;
  }

  body .arasistem-hero-chips {
    gap: 0.4rem !important;
    margin-bottom: 0.95rem !important;
  }

  body .arasistem-hero-chips .badge,
  body .arasistem-hero-chips span {
    font-size: 0.72rem !important;
    padding: 0.35rem 0.65rem !important;
    border-radius: 999px !important;
    font-weight: 600;
  }

  body .arasistem-hero-panel .hero-btns .btn {
    min-height: 48px !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    box-shadow: none !important;
  }

  body .arasistem-hero-panel .hero-btns .btn-dark,
  body .arasistem-hero-panel .hero-btns .btn-primary,
  body .arasistem-hero-panel .hero-btns a.btn:first-child {
    background: var(--as-green) !important;
    border-color: var(--as-green) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(27, 94, 59, 0.22) !important;
  }

  /* Marketing sticky CTA */
  body .arasistem-marketing-sticky-cta {
    border-radius: 18px 18px 0 0 !important;
    box-shadow: 0 -12px 32px rgba(15, 40, 28, 0.12) !important;
    border-top: 1px solid rgba(27, 94, 59, 0.1) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.96) !important;
    padding: 0.65rem 0.75rem calc(0.65rem + env(safe-area-inset-bottom, 0px)) !important;
    gap: 0.5rem !important;
  }

  body .arasistem-marketing-sticky-cta .btn {
    min-height: 46px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
  }

  body .arasistem-marketing-sticky-cta .btn-dark,
  body .arasistem-marketing-sticky-cta .btn-primary,
  body .arasistem-marketing-sticky-cta a.btn:first-child {
    background: var(--as-green) !important;
    border-color: var(--as-green) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(27, 94, 59, 0.22) !important;
  }

  /* Section rhythm */
  body .arasistem-section,
  body .arasistem-home .arasistem-section {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  body .arasistem-section h2,
  body .arasistem-home .arasistem-section h2 {
    font-size: 1.35rem !important;
    letter-spacing: -0.025em;
    line-height: 1.25 !important;
  }

  /* Pricing cards */
  body .arasistem-plan-card,
  body .emyui-ews-plans,
  body .pricing-plan-item {
    border-radius: 18px !important;
    border: 1px solid rgba(27, 94, 59, 0.1) !important;
    box-shadow: 0 10px 28px rgba(15, 40, 28, 0.05) !important;
    overflow: hidden;
  }

  /* FAQ */
  body .accordion .card,
  body .faq-item,
  body .arasistem-faq .card {
    border-radius: 14px !important;
    border: 1px solid rgba(15, 40, 28, 0.08) !important;
    margin-bottom: 0.55rem !important;
    overflow: hidden;
    background: #fff !important;
  }

  body .accordion .card-header,
  body .arasistem-faq .btn-link {
    min-height: 48px;
    font-weight: 650;
  }

  /* Auth form beauty */
  body.this-is-login-page .arasistem-auth-panel,
  .arasistem-auth-panel {
    padding-top: 1.75rem !important;
  }

  body.this-is-login-page .arasistem-auth-brand,
  .arasistem-auth-brand {
    margin-bottom: 1.35rem !important;
    text-align: center;
  }

  body.this-is-login-page .arasistem-auth-title,
  .arasistem-auth-title {
    font-size: 1.55rem !important;
    letter-spacing: -0.03em;
    text-align: center;
  }

  body.this-is-login-page .arasistem-auth-eyebrow,
  .arasistem-auth-eyebrow {
    text-align: center;
  }

  body.this-is-login-page .arasistem-auth-lead,
  .arasistem-auth-lead {
    text-align: center;
    font-size: 0.9rem !important;
    color: #5b6b63 !important;
    margin-bottom: 1.25rem !important;
  }

  body.this-is-login-page .arasistem-auth-form .form-control,
  .arasistem-auth-form .form-control {
    border-radius: 12px !important;
    border-color: #e2e8e4 !important;
    background: #fbfcfb !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
  }

  body.this-is-login-page .arasistem-auth-form .form-control:focus,
  .arasistem-auth-form .form-control:focus {
    background: #fff !important;
    border-color: rgba(27, 94, 59, 0.45) !important;
    box-shadow: 0 0 0 3px rgba(27, 94, 59, 0.12) !important;
  }

  body.this-is-login-page .arasistem-auth-submit,
  .arasistem-auth-submit {
    border-radius: 14px !important;
    min-height: 50px !important;
    box-shadow: 0 12px 24px rgba(27, 94, 59, 0.22) !important;
    letter-spacing: 0.01em;
  }

  body.this-is-login-page .arasistem-auth-foot,
  .arasistem-auth-foot {
    text-align: center;
    margin-top: 1.25rem !important;
  }

  /* Footer accordion polish — mobile only */
  body .arasistem-footer-acc.footer-block {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  }

  body .arasistem-footer-acc > summary.block-title {
    letter-spacing: 0.06em !important;
    font-weight: 700 !important;
    color: #fff !important;
    opacity: 0.95;
  }

  body .arasistem-footer-acc[open] > summary.block-title {
    color: #c8e0a0 !important;
  }

  body .arasistem-footer-acc[open] > .footer-list {
    animation: asFooterOpen 0.18s ease;
  }

  body .arasistem-footer-acc .footer-list-link {
    opacity: 0.72;
    transition: opacity 0.15s ease, padding-left 0.15s ease;
  }

  body .arasistem-footer-acc .footer-list-link:active {
    opacity: 1;
    padding-left: 6px !important;
  }

  /* Cart / checkout sticky bars */
  body .arasistem-cart-mobile-bar,
  body .arasistem-config-mobile-bar,
  body .arasistem-checkout-mobile-bar {
    border-radius: 16px 16px 0 0 !important;
    border-top: 1px solid rgba(27, 94, 59, 0.1) !important;
    box-shadow: 0 -12px 32px rgba(15, 40, 28, 0.12) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.96) !important;
    padding: 0.7rem 0.85rem !important;
  }

  body .arasistem-cart-mobile-bar .btn,
  body .arasistem-config-mobile-bar .btn,
  body .arasistem-checkout-mobile-bar .btn {
    border-radius: 12px !important;
    min-height: 40px !important;
    padding: 0.45rem 0.9rem !important;
    gap: 0.65rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 750 !important;
    background: var(--as-green) !important;
    border-color: var(--as-green) !important;
    box-shadow: 0 8px 18px rgba(27, 94, 59, 0.2) !important;
  }

  body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-cta,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-submit .btn-checkout,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart #btnCompleteProductConfig,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart #checkout,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart #btnCompleteOrder,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart #arasistemConfigMobileContinue,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart #arasistemCartMobilePay,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart #arasistemCheckoutMobilePay {
    min-height: 40px !important;
    padding: 0.45rem 0.9rem !important;
    gap: 0.65rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-cta i,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-submit .btn-checkout i,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart #btnCompleteProductConfig i,
  body.emyui-aws-theme #order-standard_cart.arasistem-cart #checkout i,
  body .arasistem-cart-mobile-bar .btn i,
  body .arasistem-config-mobile-bar .btn i,
  body .arasistem-checkout-mobile-bar .btn i {
    margin: 0 !important;
    margin-right: 0 !important;
  }

  body .arasistem-cart-mobile-bar-total strong,
  body .arasistem-config-mobile-bar strong,
  body .arasistem-checkout-mobile-bar strong {
    font-size: 1.05rem !important;
    letter-spacing: -0.02em;
  }

  /* Bottom nav polish */
  body #arasistemMobileBottomNav {
    border-top: 1px solid rgba(27, 94, 59, 0.1) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 -8px 24px rgba(15, 40, 28, 0.08);
  }

  body #arasistemMobileBottomNav a,
  body #arasistemMobileBottomNav button {
    border-radius: 12px;
    transition: background 0.15s ease, color 0.15s ease;
  }

  body #arasistemMobileBottomNav a.is-active,
  body #arasistemMobileBottomNav a.active {
    background: rgba(27, 94, 59, 0.08);
    color: var(--as-green) !important;
  }

  /* Account cards */
  body .arasistem-dash-tile,
  body .arasistem-account-panel,
  body .arasistem-client-card {
    border-radius: 16px !important;
    border: 1px solid rgba(27, 94, 59, 0.1) !important;
    box-shadow: 0 8px 22px rgba(15, 40, 28, 0.04) !important;
  }

  /* Drawer polish */
  body #arasistemMobileChrome .arasistem-dash-side--drawer {
    box-shadow: 20px 0 48px rgba(15, 40, 28, 0.2) !important;
  }

  body #arasistemMobileBackdrop {
    background: rgba(10, 28, 20, 0.42) !important;
    backdrop-filter: blur(2px);
  }

  /* Channel / platform cards — less empty vertical padding */
  body .arasistem-channel-card {
    padding: 1rem 0.95rem !important;
  }

  body .arasistem-platform-block {
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
  }

  /* Cart: keep text "Kaldır", hide duplicate circular X */
  body .arasistem-review-line-remove,
  body .arasistem-review-line-remove .btn-remove-from-cart {
    display: none !important;
  }

  body .arasistem-cart-tax-acc:not([open]) .arasistem-cart-tax-form {
    display: none !important;
  }

  /* =========================================================
     Beauty pass v2 — denser hierarchy, brand alignment
     ========================================================= */

  /* Cart count badge: brand green + nudge right (theme left:-13px hangs too far) */
  body .shoping-cart-btn-header .shoping-cart-number {
    background: var(--as-green) !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 0 0 2px #fff;
    left: -6px !important;
    top: -7px !important;
  }

  /* Trust cards: icon left, title + body stacked (readable on narrow screens) */
  body .arasistem-trust-section {
    padding-top: 1.35rem !important;
    padding-bottom: 1.35rem !important;
  }

  body .arasistem-trust-section .row > [class*="col-"] {
    margin-bottom: 0.55rem !important;
  }

  body .arasistem-trust-card {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 0.85rem !important;
    row-gap: 0.2rem !important;
    align-items: start !important;
    text-align: left !important;
    padding: 0.95rem 1rem !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 18px rgba(15, 40, 28, 0.04) !important;
  }

  body .arasistem-trust-card:hover {
    transform: none !important;
  }

  body .arasistem-trust-icon {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    flex: none !important;
    border-radius: 12px !important;
    font-size: 1.15rem !important;
    align-self: start !important;
  }

  body .arasistem-trust-card h5,
  body .arasistem-trust-card .coodiv-text-8,
  body .arasistem-trust-card .coodiv-text-9 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 0 0.15rem !important;
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body .arasistem-trust-card p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    font-size: 0.84rem !important;
    line-height: 1.45 !important;
  }

  /* Stack bar: scrolls with page (not sticky under header) */
  body .arasistem-page-body.arasistem-page-start,
  body .arasistem-account-page.main-page-contents:has(.arasistem-kb-search),
  body .arasistem-account-page.main-page-contents:has(.arasistem-article-panel) {
    padding-top: 0.55rem !important;
  }

  body .arasistem-stack-bar {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(15, 40, 28, 0.06) !important;
    box-shadow: none !important;
    padding: 0.55rem 0 !important;
  }

  body .arasistem-stack-label {
    text-align: left !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.08em !important;
    color: var(--as-green) !important;
    font-weight: 700 !important;
    margin-bottom: 0.35rem !important;
  }

  /* Phone: keep pills on one row that actually scrolls (body overflow-x:clip
     was chopping the last chip so it looked half-finished). */
  @media (max-width: 767.98px) {
    body .arasistem-stack-bar .container,
    body .arasistem-stack-inner {
      min-width: 0;
      max-width: 100%;
    }

    body .arasistem-stack-inner {
      position: relative;
    }

    body .arasistem-stack-items {
      min-width: 0 !important;
      max-width: 100%;
      flex-wrap: nowrap !important;
      justify-content: flex-start !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      -webkit-overflow-scrolling: touch;
      touch-action: pan-x;
      overscroll-behavior-x: contain;
      mask-image: none !important;
      -webkit-mask-image: none !important;
    }

    body .arasistem-stack-bar.is-overflowing:not(.is-at-end) .arasistem-stack-inner::after,
    body .arasistem-stack-bar.is-overflowing:not(.is-at-start) .arasistem-stack-inner::before {
      content: "";
      position: absolute;
      top: auto;
      bottom: 0;
      width: 2.7rem;
      height: 2.4rem;
      pointer-events: none;
      z-index: 2;
    }

    body .arasistem-stack-bar.is-overflowing:not(.is-at-end) .arasistem-stack-inner::after {
      right: 0;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 58%);
    }

    body .arasistem-stack-bar.is-overflowing:not(.is-at-start) .arasistem-stack-inner::before {
      left: 0;
      background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 58%);
    }
  }

  body .arasistem-stack-pill {
    background: #fff !important;
    border: 1px solid rgba(27, 94, 59, 0.14) !important;
    color: #1a2e24 !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 6px rgba(15, 40, 28, 0.03);
  }

  body .arasistem-stack-pill:active {
    background: rgba(27, 94, 59, 0.08) !important;
    border-color: rgba(27, 94, 59, 0.28) !important;
  }

  /* Hero media: shorter so headline + CTA fit first screen better */
  body .arasistem-hero-area,
  body .hero-area-emyui-aws.arasistem-hero-area,
  body .arasistem-hero {
    min-height: 0 !important;
  }

  /* Hero photo: hidden on mobile — keep headline + CTA only */
  body .arasistem-hero-media {
    display: none !important;
  }

  body .arasistem-home-hero:not(.arasistem-home-hero--studio) .arasistem-hero-inner {
    padding-top: 0.35rem !important;
  }

  body .arasistem-home-hero--studio .arasistem-hero-inner {
    padding: 1.15rem 1rem 1.75rem !important;
  }

  /* Usecase / proof cards denser */
  body .arasistem-usecase-card {
    padding: 1.05rem 1rem !important;
    border-radius: 16px !important;
    margin-bottom: 0.65rem !important;
  }

  body .arasistem-usecase-index {
    font-size: 0.78rem !important;
    margin-bottom: 0.35rem !important;
  }

  body .arasistem-channel-card {
    border-radius: 16px !important;
    box-shadow: 0 6px 16px rgba(15, 40, 28, 0.04) !important;
  }

  /* Platform brand grid — tighter logo mosaic */
  body .arasistem-platform-block {
    padding: 1rem 0.9rem 0.95rem !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 20px rgba(15, 40, 28, 0.04) !important;
  }

  /* Hide Mağazalar / Sanal Pazarlar subcopy on mobile — logos speak for themselves */
  body .arasistem-platform-head p {
    display: none !important;
  }

  body .arasistem-platform-head h3,
  body .arasistem-platform-head .coodiv-text-8 {
    margin-bottom: 0 !important;
  }

  /* Detail cards: icon + title on one row, description below */
  body .arasistem-detail-card {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 0.75rem !important;
    row-gap: 0.45rem !important;
    align-items: center !important;
    padding: 1rem 1rem 0.95rem !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 18px rgba(15, 40, 28, 0.04) !important;
  }

  body .arasistem-detail-card:hover {
    transform: none !important;
  }

  body .arasistem-detail-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    font-size: 1.1rem !important;
  }

  body .arasistem-detail-card h3,
  body .arasistem-detail-card .coodiv-text-9 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    font-size: 0.98rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    align-self: center !important;
  }

  body .arasistem-detail-card p {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
    color: #5a6b62 !important;
  }

  /* Features (“Ara Sistem size ne sağlar?”): icon + title row, body below */
  body .arasistem-features-section .main-webhosting-features-item {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 0.75rem !important;
    row-gap: 0.45rem !important;
    align-items: center !important;
    padding: 1rem 1rem 0.95rem !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 18px rgba(15, 40, 28, 0.04) !important;
  }

  body .arasistem-features-section .main-webhosting-features-item:hover {
    transform: none !important;
  }

  body .arasistem-features-section .arasistem-feature-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    font-size: 1.1rem !important;
  }

  body .arasistem-features-section .main-webhosting-features-item h5,
  body .arasistem-features-section .main-webhosting-features-item .coodiv-text-8 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    font-size: 0.98rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    align-self: center !important;
  }

  body .arasistem-features-section .main-webhosting-features-item p {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
    color: #5a6b62 !important;
  }

  body .arasistem-brand-grid {
    gap: 0.65rem 0.4rem !important;
    row-gap: 0.75rem !important;
  }

  body .arasistem-brand-logo {
    max-width: min(100%, 84px) !important;
    height: 28px !important;
    opacity: 0.88;
  }

  /* Homepage + store plan cards */
  body .arasistem-pricing-row .emyui-ews-plans-group,
  body .arasistem-cart-plans .emyui-ews-plans-group {
    display: flex !important;
    flex-direction: column !important;
    padding: 1.15rem 1.05rem 1.1rem !important;
    border-radius: 20px !important;
    border: 1px solid rgba(27, 94, 59, 0.12) !important;
    box-shadow: 0 12px 28px rgba(15, 40, 28, 0.06) !important;
    background: #fff !important;
  }

  body .arasistem-cart-plans .emyui-ews-plans-group > h5,
  body .arasistem-pricing-row .emyui-ews-plans-group > h5 {
    order: 1;
    font-size: 1.15rem !important;
    margin-bottom: 0.2rem !important;
    letter-spacing: -0.02em;
  }

  body .arasistem-cart-plans .emyui-ews-plans-discription,
  body .arasistem-pricing-row .emyui-ews-plans-discription {
    order: 2;
    font-size: 0.82rem !important;
    margin-bottom: 0.75rem !important;
    color: #6a7a72 !important;
  }

  body .arasistem-cart-plans .emyui-ews-plans-price,
  body .arasistem-pricing-row .emyui-ews-plans-price {
    order: 3;
    margin-bottom: 0.35rem !important;
  }

  body .arasistem-cart-plans .emyui-ews-plans-price > small,
  body .arasistem-pricing-row .emyui-ews-plans-price > small {
    display: none !important; /* hide "Sadece.." clutter */
  }

  body .arasistem-cart-plans .emyui-ews-plans-group-price-tag,
  body .arasistem-pricing-row .emyui-ews-plans-group-price-tag {
    font-size: clamp(1.85rem, 8vw, 2.15rem) !important;
    line-height: 1 !important;
    letter-spacing: -0.04em;
    color: #0f1c16 !important;
  }

  body .arasistem-cart-plans .action,
  body .arasistem-pricing-row .action,
  body .arasistem-cart-plans .emyui-ews-plans-add-cart,
  body .arasistem-pricing-row .emyui-ews-plans-add-cart {
    order: 4;
    margin-top: 0.55rem !important;
  }

  /* Tax note: quiet brand chip AFTER CTA (not loud yellow band) */
  body .emyui-ews-plans-group .save-tag,
  body .arasistem-cart-plans .save-tag,
  body .arasistem-pricing-row .save-tag {
    order: 5;
    display: inline-flex !important;
    align-self: flex-start !important;
    width: auto !important;
    max-width: 100%;
    margin-top: 0.55rem !important;
    padding: 0.28rem 0.65rem !important;
    background: rgba(27, 94, 59, 0.07) !important;
    color: #3d5c4a !important;
    border: 1px solid rgba(27, 94, 59, 0.12) !important;
    border-radius: 999px !important;
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
  }

  body .arasistem-cart-plans .emyui-ews-plans-featuresdesc,
  body .arasistem-pricing-row .emyui-ews-plans-featuresdesc {
    order: 6;
    margin-top: 0.75rem !important;
  }

  body .arasistem-cart-plans .arasistem-plan-cta,
  body .arasistem-cart-plans .emyui-ews-plans-add-cart,
  body .arasistem-pricing-row .arasistem-plan-cta {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    font-weight: 750 !important;
    letter-spacing: 0.01em;
    box-shadow: 0 10px 22px rgba(27, 94, 59, 0.2) !important;
  }

  /* Page titles on store / inner pages */
  body .arasistem-cart-eyebrow {
    color: var(--as-green) !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    font-size: 0.72rem !important;
  }

  body .arasistem-cart-title {
    font-size: clamp(1.55rem, 6.5vw, 1.85rem) !important;
    letter-spacing: -0.03em;
    margin-bottom: 0.35rem !important;
  }

  body .arasistem-cart-sub {
    font-size: 0.9rem !important;
    color: #5b6b63 !important;
  }

  /* FAQ denser */
  body .arasistem-faq .card,
  body .accordion .card {
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(15, 40, 28, 0.03) !important;
  }

  body .arasistem-faq .card-header button,
  body .arasistem-faq .btn-link {
    font-size: 0.95rem !important;
    text-align: left !important;
    padding: 0.95rem 1rem !important;
  }

  /* Contact: never treat the inner <form> as a second card */
  body .arasistem-contact-page .card,
  body .arasistem-contact-page .form-container {
    border-radius: 18px !important;
    border: 1px solid rgba(27, 94, 59, 0.1) !important;
    box-shadow: 0 10px 28px rgba(15, 40, 28, 0.05) !important;
  }

  body .arasistem-contact-page .arasistem-contact-form,
  body .arasistem-contact-page .arasistem-ticket-form-body {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body .arasistem-contact-page .form-control,
  body .arasistem-contact-page textarea.form-control {
    border-radius: 12px !important;
    min-height: 48px;
    border-color: #e2e8e4 !important;
    background: #fbfcfb !important;
  }

  body .arasistem-contact-page .form-control:focus,
  body .arasistem-contact-page textarea.form-control:focus {
    border-color: rgba(27, 94, 59, 0.45) !important;
    box-shadow: 0 0 0 3px rgba(27, 94, 59, 0.12) !important;
    background: #fff !important;
  }

  /* Section titles: stronger mobile hierarchy */
  body .arasistem-section > .container > .row:first-child h2,
  body .arasistem-section .text-center h2 {
    font-size: 1.4rem !important;
    letter-spacing: -0.03em;
  }

  body .arasistem-section > .container > .row:first-child p,
  body .arasistem-section .text-center > p.coodiv-text-9 {
    font-size: 0.9rem !important;
    color: #5b6b63 !important;
    max-width: 34rem;
    margin-left: auto;
    margin-right: auto;
  }

  /* How-it-works steps denser */
  body .how-it-works-section .step,
  body .arasistem-how-step,
  body .arasistem-detail-section .media {
    padding: 0.85rem 0 !important;
  }

  /* =========================================================
     Beauty pass v3 — contact / cart / register / pricing / FAQ
     ========================================================= */

  /* Never show marketing buy-bar over cart/checkout flows */
  body:has(#order-standard_cart) .arasistem-marketing-sticky-cta,
  body:has(.arasistem-cart-mobile-bar) .arasistem-marketing-sticky-cta,
  body:has(.arasistem-checkout-mobile-bar) .arasistem-marketing-sticky-cta,
  body:has(.arasistem-config-mobile-bar) .arasistem-marketing-sticky-cta,
  body.arasistem-cart-page .arasistem-marketing-sticky-cta {
    display: none !important;
  }

  body:has(#order-standard_cart).as-marketing-sticky-cta,
  body:has(.arasistem-cart-mobile-bar).as-marketing-sticky-cta {
    padding-bottom: 0 !important;
  }

  /* Cart: sticky owns due-today — drop duplicate in summary card */
  body:has(.arasistem-cart-mobile-bar) .arasistem-checkout-summary-total {
    display: none !important;
  }

  /* Cart toolbar: equal split, clearer danger */
  body .arasistem-cart-toolbar {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem !important;
    margin-top: 0.75rem !important;
  }

  body .arasistem-cart-toolbar-btn {
    width: 100% !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    font-weight: 650 !important;
    font-size: 0.88rem !important;
  }

  body .arasistem-cart-toolbar-btn--danger {
    border-color: rgba(185, 28, 28, 0.28) !important;
    color: #b91c1c !important;
  }

  /* Cart steps: sticky under fixed header on long checkout/config forms */
  body .arasistem-cart-steps,
  body nav[aria-label="Sipariş adımları"] {
    position: sticky !important;
    top: var(--as-mobile-header-h, 64px) !important;
    z-index: 1015 !important;
    margin: 0 0 0.75rem !important;
    padding: 0.35rem 0 0.45rem !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 6px 14px rgba(15, 40, 28, 0.04);
  }

  /* Tablet: beat the 560px cap so the pill matches cart cards */
  @media (min-width: 601px) {
    body .arasistem-cart-steps,
    body #order-standard_cart.arasistem-cart > .arasistem-cart-steps {
      max-width: none !important;
      width: auto !important;
      margin-left: var(--as-mobile-gutter, 16px) !important;
      margin-right: var(--as-mobile-gutter, 16px) !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      box-sizing: border-box !important;
    }
  }

  body .arasistem-cart-steps ol,
  body nav[aria-label="Sipariş adımları"] ol {
    gap: 0.35rem !important;
  }

  /* Focus / in-page scroll must clear fixed header + sticky steps (~122px) */
  html:has(.arasistem-cart-steps),
  html:has(#order-standard_cart.arasistem-cart),
  body:has(.arasistem-cart-steps),
  body:has(#order-standard_cart.arasistem-cart) {
    scroll-padding-top: calc(var(--as-mobile-header-h, 64px) + 3.75rem) !important;
  }

  /* Bottom sticky CTA (~102px) — notes/password must not hide under the bar */
  html:has(.arasistem-cart-mobile-bar),
  html:has(.arasistem-config-mobile-bar),
  html:has(.arasistem-checkout-mobile-bar),
  body:has(.arasistem-cart-mobile-bar),
  body:has(.arasistem-config-mobile-bar),
  body:has(.arasistem-checkout-mobile-bar) {
    scroll-padding-bottom: calc(7.5rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  body .arasistem-cart .register-area-box-checkout,
  body .arasistem-cart .register-area-box-checkout-title,
  body .arasistem-cart #containerNewUserSecurity,
  body .arasistem-cart .arasistem-pay-methods,
  body .arasistem-cart .payment-gateways-container,
  body .arasistem-cart .arasistem-config-product,
  body .arasistem-cart .arasistem-cycle-grid,
  body .arasistem-cart .item-in-cart,
  body .arasistem-cart .arasistem-review-line {
    scroll-margin-top: calc(var(--as-mobile-header-h, 64px) + 3.75rem);
  }

  body .arasistem-cart #inputNotes,
  body .arasistem-cart textarea[name="notes"],
  body .arasistem-cart #containerNewUserSecurity,
  body .arasistem-cart .arasistem-pay-methods,
  body .arasistem-cart .payment-gateways-container,
  body .arasistem-cart .arasistem-checkout-agree {
    scroll-margin-bottom: calc(7.5rem + env(safe-area-inset-bottom, 0px));
  }

  /* Sticky checkout/config bars: reclaim ~20px viewport without losing CTA */
  body .arasistem-cart-mobile-bar,
  body .arasistem-config-mobile-bar,
  body .arasistem-checkout-mobile-bar {
    padding: 0.55rem 0.75rem calc(0.55rem + env(safe-area-inset-bottom, 0px)) !important;
    gap: 0.45rem !important;
  }

  body .arasistem-cart-mobile-bar .btn,
  body .arasistem-config-mobile-bar .btn,
  body .arasistem-checkout-mobile-bar .btn {
    min-height: 44px !important;
  }

  body .arasistem-cart-mobile-bar-total span,
  body .arasistem-config-mobile-bar-total span,
  body .arasistem-checkout-mobile-bar span:not(.btn) {
    font-size: 0.68rem !important;
    letter-spacing: 0.04em;
  }

  /* Config: denser cycle cards + next-steps strip under sticky chrome */
  body .arasistem-cycle-card {
    min-height: 48px !important;
    padding: 0.7rem 0.85rem !important;
  }

  body .arasistem-config-next {
    padding: 0.7rem 0.8rem !important;
    margin-bottom: 0.65rem !important;
  }

  body .arasistem-pay-method-body,
  body label.arasistem-pay-method .arasistem-pay-method-body {
    min-height: 56px !important;
    border-radius: 14px !important;
  }

  /* Section anchors: clear fixed header only */
  body .arasistem-stack-bar ~ section[id],
  body .arasistem-stack-bar ~ .arasistem-section[id],
  body .arasistem-section[id^="as-"],
  body [id^="as-how-"],
  body [id^="as-"] {
    scroll-margin-top: calc(var(--as-mobile-header-h, 64px) + 0.75rem);
  }

  /* FAQ: denser accordion + room above marketing sticky CTA */
  body .arasistem-faq-page .arasistem-client-pagehead,
  body .arasistem-faq-split-side .arasistem-client-pagehead {
    margin-bottom: 0.75rem !important;
  }

  body .arasistem-faq-item {
    border-radius: 14px !important;
  }

  body .arasistem-faq-trigger {
    padding: 0.85rem 0.15rem !important;
    min-height: 48px;
    align-items: center !important;
  }

  body .arasistem-faq-a {
    padding-bottom: 0.85rem !important;
    font-size: 0.92rem !important;
    line-height: 1.5 !important;
  }

  body.as-marketing-sticky-cta .arasistem-faq-page,
  body.as-marketing-sticky-cta .arasistem-faq-wrap {
    padding-bottom: 0.5rem !important;
  }

  /* Contact: flatten nested ticket sections (card-in-card) */
  body .arasistem-contact-page .arasistem-ticket-section,
  body .arasistem-contact-page .arasistem-contact-panel .arasistem-ticket-section,
  body .arasistem-contact-page .arasistem-ticket-form-body .arasistem-ticket-section {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 1.15rem !important;
  }

  body .arasistem-contact-page .arasistem-ticket-section + .arasistem-ticket-section {
    padding-top: 1rem !important;
    border-top: 1px solid rgba(15, 40, 28, 0.08) !important;
    margin-top: 0.25rem !important;
  }

  body .arasistem-contact-page .arasistem-dash-panel,
  body .arasistem-contact-page .arasistem-contact-panel {
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(15, 40, 28, 0.05) !important;
    border: 1px solid rgba(27, 94, 59, 0.1) !important;
  }

  body .arasistem-contact-page .arasistem-dash-panel-head {
    padding: 1rem 1.05rem 0.2rem !important;
    border-bottom: 0 !important;
  }

  body .arasistem-contact-page .arasistem-dash-panel-head h2 {
    font-size: 1.15rem !important;
    letter-spacing: -0.02em;
  }

  body .arasistem-contact-page .arasistem-dash-panel-body {
    padding: 0.5rem 1.05rem 1.15rem !important;
  }

  body .arasistem-contact-page .arasistem-account-cta,
  body .arasistem-contact-page .arasistem-ticket-actions .btn {
    width: 100% !important;
    min-height: 50px !important;
    border-radius: 14px !important;
    font-weight: 750 !important;
    background: var(--as-green) !important;
    border-color: var(--as-green) !important;
    box-shadow: 0 10px 22px rgba(27, 94, 59, 0.2) !important;
  }

  /* Contact captcha: stack image + input full width */
  body .arasistem-contact-page #default-captcha-domainchecker,
  body .arasistem-contact-page .arasistem-ticket-captcha {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.55rem !important;
  }

  body .arasistem-contact-page #default-captcha-domainchecker .row,
  body .arasistem-contact-page .arasistem-ticket-captcha .row {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    width: 100% !important;
  }

  body .arasistem-contact-page #default-captcha-domainchecker [class*="col-"],
  body .arasistem-contact-page .captchaimage,
  body .arasistem-contact-page .arasistem-ticket-captcha [class*="col-"] {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body .arasistem-contact-page #inputCaptcha {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 12px !important;
  }

  body .arasistem-contact-page .captchaimage img,
  body .arasistem-contact-page img[src*="captcha"] {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
  }

  /* FAQ page: denser accordion + shortcut stack */
  body .arasistem-faq-page .arasistem-faq-split {
    gap: 0.85rem !important;
  }

  body .arasistem-faq-page .arasistem-kb-cat {
    border-radius: 14px !important;
    padding: 0.85rem 0.9rem !important;
    border: 1px solid rgba(27, 94, 59, 0.1) !important;
    box-shadow: 0 4px 14px rgba(15, 40, 28, 0.03) !important;
  }

  body .arasistem-faq-page .arasistem-faq-item,
  body .arasistem-faq-page .arasistem-faq .card {
    border-radius: 14px !important;
    margin-bottom: 0.45rem !important;
  }

  body .arasistem-faq-page .arasistem-faq-trigger {
    padding: 0.9rem 0.95rem !important;
    font-size: 0.94rem !important;
  }

  body .arasistem-faq-page .arasistem-faq-still {
    border-radius: 16px !important;
    padding: 1.1rem 1rem !important;
  }

  /* Homepage/fiyatlar pricing: featured ribbon space + denser body */
  body .arasistem-pricing-row .emyui-ews-plans-group.is-featured {
    padding-top: 2.35rem !important;
    border-color: rgba(27, 94, 59, 0.28) !important;
    box-shadow: 0 14px 32px rgba(27, 94, 59, 0.1) !important;
  }

  body .arasistem-pricing-row .emyui-ews-plans-feature-plan {
    font-size: 0.72rem !important;
    letter-spacing: 0.08em !important;
    font-weight: 750 !important;
  }

  body .arasistem-pricing-row .emyui-ews-plans-group > h5 {
    margin-bottom: 0.35rem !important;
  }

  body .arasistem-pricing-row .emyui-ews-plans-group > p {
    margin-bottom: 0.75rem !important;
    font-size: 0.86rem !important;
  }

  body .arasistem-pricing-row .emyui-ews-plans-group-price-tag {
    font-size: clamp(1.75rem, 7.5vw, 2.05rem) !important;
  }

  body .arasistem-pricing-row .arasistem-plan-cta,
  body .arasistem-pricing-row .emyui-ews-plans-add-cart {
    display: block !important;
    width: 100% !important;
    text-align: center;
    min-height: 48px !important;
    line-height: 48px !important;
    padding: 0 1rem !important;
    margin: 0.65rem 0 0.85rem !important;
    border-radius: 14px !important;
    background: var(--as-green) !important;
    border-color: var(--as-green) !important;
    color: #fff !important;
    font-weight: 750 !important;
    box-shadow: 0 10px 22px rgba(27, 94, 59, 0.2) !important;
  }

  body .arasistem-pricing-row .emyui-ews-plans-features {
    margin: 0 !important;
    padding: 0 !important;
  }

  body .arasistem-pricing-row .emyui-ews-plans-features li {
    padding: 0.45rem 0 !important;
    font-size: 0.88rem !important;
    border-bottom: 1px solid rgba(15, 40, 28, 0.05);
  }

  body .arasistem-pricing-row .emyui-ews-plans-features li:last-child {
    border-bottom: 0;
  }

  /* Pricing page: clamp long feature lists (toggle via JS) */
  body .arasistem-pricing-row .emyui-ews-plans-features {
    max-height: 7.5rem;
    overflow: hidden;
    position: relative;
  }

  body .arasistem-pricing-row .emyui-ews-plans-features::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.2rem;
    background: linear-gradient(transparent, #fff);
    pointer-events: none;
  }

  body .arasistem-pricing-row .emyui-ews-plans-features.is-expanded {
    max-height: none;
    overflow: visible;
  }

  body .arasistem-pricing-row .emyui-ews-plans-features.is-expanded::after {
    display: none;
  }

  body .arasistem-pricing-row .arasistem-plan-features-toggle {
    margin-top: 0.15rem !important;
  }

  /* Register: same field box as login (28rem, not a tighter 420) */
  body .arasistem-auth-split--register .arasistem-auth-panel-inner--register {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 28rem !important;
  }

  body .arasistem-auth-form--register .arasistem-auth-grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .arasistem-auth-form--register .arasistem-auth-grid > .form-group {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0.75rem !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Address block separator */
  body .arasistem-auth-form--register .form-group:has(#inputAddress1) {
    padding-top: 0.85rem !important;
    margin-top: 0.35rem !important;
    border-top: 1px solid rgba(15, 40, 28, 0.08);
  }

  body .arasistem-auth-form--register #containerNewUserSecurity {
    padding-top: 0.85rem !important;
    margin-top: 0.55rem !important;
    border-top: 1px solid rgba(15, 40, 28, 0.08);
  }

  body .arasistem-auth-form--register .arasistem-account-cta,
  body .arasistem-auth-form--register button[type="submit"] {
    width: 100% !important;
    min-height: 52px !important;
    border-radius: 14px !important;
    font-weight: 750 !important;
    margin-top: 0.35rem !important;
    box-shadow: 0 12px 24px rgba(27, 94, 59, 0.22) !important;
  }

  /* Proof band — layout handled by base + ≤991 rules; keep section spacing only */
  body .arasistem-proof-section {
    padding-top: 0.35rem !important;
    padding-bottom: 1.5rem !important;
  }

  body .arasistem-proof-section .arasistem-proof-card,
  body .arasistem-proof-section .card {
    border-radius: 18px !important;
    padding: 1.15rem 1rem !important;
  }
}

/* =========================================================
   Mobile offcanvas menu — full-height drawer (≤991px)
   IMPORTANT: do NOT use body::before overlay — header z-index
   (1040) traps #mobile-menu, so a body-level dim layer sits
   ON TOP of links and blocks clicks. Backdrop lives in header.
   ========================================================= */
@media (max-width: 991px) {
  .arasistem-mobile-menu-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1;
    background: rgba(6, 18, 12, 0.55);
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
  }

  body.as-offcanvas-open .arasistem-mobile-menu-backdrop,
  .arasistem-mobile-menu-backdrop.is-visible {
    display: block;
  }

  /* Left logo sits under the drawer — hide only that. Keep cart / lang / account. */
  body.as-offcanvas-open header.site-header .brand-logo {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Icons stay visible on the right; below drawer (5), above dim layer (1) */
  body.as-offcanvas-open header.site-header .header-lang,
  body.as-offcanvas-open header.site-header .arasistem-locale-trigger,
  body.as-offcanvas-open header.site-header .header-btn-whmcs,
  body.as-offcanvas-open header.site-header .navbar-toggler.hamburger-icon {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: relative;
    z-index: 2;
  }

  .offcanvas-active.navbar-expand-lg .navbar-collapse,
  .offcanvas-active.navbar-expand-lg .navbar-collapse.show,
  .offcanvas-active.navbar-expand-lg .navbar-collapse.collapsing,
  #mobile-menu.navbar-collapse,
  #mobile-menu.navbar-collapse.show,
  #mobile-menu.navbar-collapse.collapsing {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: -100% !important;
    width: min(86vw, 340px) !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    padding:
      calc(1.15rem + env(safe-area-inset-top, 0px))
      1.15rem
      calc(1.35rem + env(safe-area-inset-bottom, 0px))
      1.15rem !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background:
      radial-gradient(120% 70% at 0% 0%, rgba(154, 187, 58, 0.18) 0%, transparent 55%),
      linear-gradient(165deg, #163b2a 0%, #0f1c16 46%, #0b1511 100%) !important;
    box-shadow: 18px 0 48px rgba(0, 0, 0, 0.34) !important;
    z-index: 5 !important;
    transition: left 0.28s ease !important;
    border-right: 1px solid rgba(255, 255, 255, 0.07);
  }

  .offcanvas-active.navbar-expand-lg .navbar-collapse.show,
  #mobile-menu.navbar-collapse.show {
    left: 0 !important;
    display: flex !important;
    flex-direction: column;
  }

  #mobile-menu .navbar-nav-wrapper {
    margin: 0 !important;
    width: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 0.35rem;
  }

  #mobile-menu .navbar-nav-wrapper::before {
    content: none !important;
    display: none !important;
  }

  #mobile-menu .arasistem-mobile-menu-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin: 0 0 0.85rem;
    padding: 0.25rem 0.2rem 1.05rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  #mobile-menu .arasistem-mobile-menu-logo-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    max-width: calc(100% - 52px);
  }

  #mobile-menu .arasistem-mobile-menu-logo {
    display: block;
    width: auto !important;
    height: 40px !important;
    max-width: min(168px, 70vw) !important;
    max-height: 40px !important;
    object-fit: contain;
    object-position: left center;
    opacity: 1 !important;
    filter: none !important;
  }

  #mobile-menu .arasistem-mobile-menu-close {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    box-shadow: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
  }

  #mobile-menu .arasistem-mobile-menu-close i,
  #mobile-menu .arasistem-mobile-menu-close .feather {
    font-size: 1.15rem;
    line-height: 1;
    color: #fff;
  }

  #mobile-menu .arasistem-mobile-menu-close:hover,
  #mobile-menu .arasistem-mobile-menu-close:focus {
    background: rgba(255, 255, 255, 0.22);
    outline: none;
  }

  #mobile-menu .arasistem-mobile-menu-mark,
  #mobile-menu .arasistem-mobile-menu-head-copy,
  #mobile-menu .arasistem-mobile-menu-eyebrow,
  #mobile-menu .arasistem-mobile-menu-brand {
    display: none !important;
  }

  #mobile-menu .main-menu {
    flex: 1 1 auto;
    margin-bottom: 0 !important;
    padding: 0.2rem 0 0.65rem;
  }

  #mobile-menu .main-menu > li {
    border-bottom: 0 !important;
    margin: 0 0 0.28rem !important;
  }

  #mobile-menu .main-menu > li > .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 600 !important;
    font-size: 1.02rem !important;
    letter-spacing: -0.01em;
    min-height: 48px !important;
    padding: 0.72rem 0.9rem !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    position: relative;
    z-index: 1;
    pointer-events: auto !important;
    transition: background 0.15s ease, color 0.15s ease, transform 0.12s ease;
  }

  #mobile-menu .main-menu > li > .nav-link::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 0.7rem;
    background: rgba(154, 187, 58, 0.55);
    flex: 0 0 auto;
  }

  #mobile-menu .main-menu > li > .nav-link:hover,
  #mobile-menu .main-menu > li > .nav-link:focus,
  #mobile-menu .main-menu > li > .nav-link:active {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.09) !important;
    transform: translateX(2px);
  }

  #mobile-menu .main-menu > li > .nav-link:hover::before,
  #mobile-menu .main-menu > li > .nav-link:focus::before {
    background: #9abb3a;
  }

  /* Drawer primary actions — side by side */
  #mobile-menu .arasistem-mobile-menu-cta {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.5rem;
    margin-top: auto;
    padding-top: 1.15rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  /* Logged-in: lift CTAs above fixed bottom nav */
  body:has(#arasistemMobileBottomNav) #mobile-menu.navbar-collapse,
  body:has(#arasistemMobileBottomNav) #mobile-menu.navbar-collapse.show,
  body:has(#arasistemMobileBottomNav) #mobile-menu.navbar-collapse.collapsing,
  body.as-has-mobile-client-nav #mobile-menu.navbar-collapse,
  body.as-has-mobile-client-nav #mobile-menu.navbar-collapse.show,
  body.as-has-mobile-client-nav #mobile-menu.navbar-collapse.collapsing {
    padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  body:has(#arasistemMobileBottomNav) #mobile-menu .arasistem-mobile-menu-cta,
  body.as-has-mobile-client-nav #mobile-menu .arasistem-mobile-menu-cta {
    margin-bottom: 0.15rem;
  }

  body.emyui-aws-theme #mobile-menu .arasistem-mobile-menu-cta .btn {
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
    min-height: 46px !important;
    height: auto !important;
    padding: 0.65rem 0.55rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    white-space: normal;
    pointer-events: auto !important;
    position: relative;
    z-index: 1;
  }

  body.emyui-aws-theme #mobile-menu .arasistem-mobile-menu-cta-primary {
    background: #fff !important;
    color: #0f1c16 !important;
    border-color: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  }

  body.emyui-aws-theme #mobile-menu .arasistem-mobile-menu-cta-secondary {
    background: rgba(255, 255, 255, 0.04) !important;
    color: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
  }

  /* Kill old body-level dim layer that blocked taps */
  body:has(#mobile-menu.show)::before {
    content: none !important;
    display: none !important;
  }

  body:has(#mobile-menu.show) .arasistem-marketing-sticky-cta,
  body.as-offcanvas-open .arasistem-marketing-sticky-cta,
  body:has(#mobile-menu.show) .arasistem-cart-mobile-bar,
  body.as-offcanvas-open .arasistem-cart-mobile-bar,
  body:has(#mobile-menu.show) .arasistem-checkout-mobile-bar,
  body.as-offcanvas-open .arasistem-checkout-mobile-bar,
  body:has(#mobile-menu.show) .arasistem-config-mobile-bar,
  body.as-offcanvas-open .arasistem-config-mobile-bar {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body:has(#mobile-menu.show),
  body.as-offcanvas-open {
    overflow: hidden;
  }

  /* Contact / form pages: sticky buy bar fights the form — hide it */
  body.as-marketing-sticky-cta:has(.arasistem-contact-page) .arasistem-marketing-sticky-cta,
  body.as-marketing-sticky-cta:has(.arasistem-auth-split) .arasistem-marketing-sticky-cta {
    display: none !important;
  }

  body.as-marketing-sticky-cta:has(.arasistem-contact-page) {
    padding-bottom: 0 !important;
  }

  /* Fiyatlar: every plan already has a CTA — sticky Pro bar is redundant noise */
  body:has(#as-plan-starter) .arasistem-marketing-sticky-cta,
  body:has(#as-pricing.arasistem-page-body) .arasistem-marketing-sticky-cta {
    display: none !important;
  }

  body:has(#as-plan-starter).as-marketing-sticky-cta,
  body:has(#as-pricing.arasistem-page-body).as-marketing-sticky-cta {
    padding-bottom: 0 !important;
  }

  /* No sticky-bar clearance margin when the bar is CSS-hidden (prevents footer help jump) */
  body:has(#as-plan-starter).as-marketing-sticky-cta .arasistem-cta-band,
  body:has(#as-pricing.arasistem-page-body).as-marketing-sticky-cta .arasistem-cta-band {
    margin-bottom: 1.35rem !important;
  }

  /* Footer help: keep in normal flow (no compositor / overflow clip jank on mobile) */
  .arasistem-footer,
  .arasistem-footer.overflow-hidden {
    overflow: visible !important;
  }

  .arasistem-footer .arasistem-footer-help {
    position: static !important;
    transform: none !important;
    will-change: auto !important;
  }

  /* Kill sideways scroll from header chrome / bootstrap negative gutters */
  html,
  body.emyui-aws-theme {
    overflow-x: clip;
    max-width: 100%;
  }

  body.emyui-aws-theme .site-header,
  body.emyui-aws-theme .site-header .container-fluid,
  body.emyui-aws-theme header.site-header {
    max-width: 100% !important;
    overflow-x: clip;
  }

  body.emyui-aws-theme .emyui-searchbar-header {
    max-width: 100vw !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }

  /* Stack pills: clear active target while scrolling */
  body .arasistem-stack-pill.is-active,
  body .arasistem-stack-pill[aria-current="true"] {
    background: rgba(27, 94, 59, 0.1) !important;
    border-color: rgba(27, 94, 59, 0.35) !important;
    color: var(--as-green) !important;
    font-weight: 750 !important;
  }

  body #as-plan-starter,
  body #as-plan-pro,
  body #as-plan-enterprise,
  body #as-how-step-1,
  body #as-how-step-2,
  body #as-how-step-3,
  body #as-how-step-4,
  body #as-how-status {
    scroll-margin-top: calc(var(--as-mobile-header-h, 64px) + 5.5rem);
  }

  /* —— Evidence pass: cart / auth / FAQ / contact tap & density —— */

  /* Cart line actions were ~20px text links — unusable thumbs */
  body .arasistem-review-line-actions {
    gap: 0.5rem !important;
    margin-top: 0.7rem !important;
  }

  body .arasistem-review-edit,
  body .arasistem-review-remove-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0.45rem 0.85rem !important;
    border-radius: 10px !important;
    font-size: 0.86rem !important;
    font-weight: 650 !important;
    text-decoration: none !important;
    border: 1px solid rgba(27, 94, 59, 0.22) !important;
    background: rgba(27, 94, 59, 0.06) !important;
    line-height: 1.2 !important;
  }

  body .arasistem-review-remove-link {
    color: #b42318 !important;
    border-color: rgba(180, 35, 24, 0.28) !important;
    background: rgba(180, 35, 24, 0.06) !important;
  }

  /* Toolbar buttons crushed by global .arasistem-cart .btn { min-height:0 } */
  body .arasistem-cart .arasistem-cart-toolbar .arasistem-cart-toolbar-btn,
  body .arasistem-cart .arasistem-cart-toolbar a.btn,
  body .arasistem-cart .arasistem-cart-toolbar button.btn,
  body .arasistem-cart .empty-cart-btn button,
  body .arasistem-cart .empty-cart-btn .btn {
    min-height: 44px !important;
    height: auto !important;
    padding: 0.55rem 0.95rem !important;
    font-size: 0.88rem !important;
    border-radius: 12px !important;
  }

  /* Promo: code + apply on one row — sticky bar already eats vertical space */
  body .arasistem-cart-promo--summary .arasistem-cart-promo-form,
  body .arasistem-cart-promo-form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0.45rem !important;
  }

  body .arasistem-cart-promo--summary .arasistem-cart-promo-form .form-control,
  body .arasistem-cart-promo-form .form-control {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    min-height: 44px !important;
    height: 44px !important;
    font-size: 16px !important;
    border-radius: 11px !important;
  }

  body .arasistem-cart-promo--summary .arasistem-cart-promo-form .btn,
  body .arasistem-cart-promo-form .btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 5.5rem !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 1rem !important;
    font-size: 0.86rem !important;
    border-radius: 11px !important;
  }

  /* Auth primary: beat compact .btn resets (measured ~34px) */
  body.this-is-login-page .arasistem-auth-submit.btn,
  body.this-is-login-page button.arasistem-auth-submit,
  .arasistem-auth-form .arasistem-auth-submit.btn,
  .arasistem-auth-form button.arasistem-auth-submit {
    min-height: 50px !important;
    height: auto !important;
    padding: 0.8rem 1.1rem !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
    border-radius: 14px !important;
  }

  body.this-is-login-page .arasistem-auth-forgot,
  body.this-is-login-page a[href*="pwreset"],
  .arasistem-auth-form .arasistem-auth-forgot {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 36px !important;
    padding: 0.2rem 0.15rem !important;
  }

  /* Contact: 14px inputs trigger iOS zoom; captcha pair needs air */
  body.emyui-aws-theme .arasistem-contact-page .arasistem-contact-form .form-control,
  body.emyui-aws-theme .arasistem-contact-page .arasistem-contact-form input.form-control,
  body.emyui-aws-theme .arasistem-contact-page .arasistem-contact-form textarea.form-control,
  body.emyui-aws-theme .arasistem-contact-page .arasistem-contact-form select.form-control,
  body .arasistem-contact-page input.form-control,
  body .arasistem-contact-page textarea.form-control,
  body .arasistem-contact-page select.form-control {
    font-size: 16px !important;
    min-height: 46px !important;
  }

  body.emyui-aws-theme .arasistem-contact-page .arasistem-contact-form textarea.form-control,
  body .arasistem-contact-page textarea.form-control {
    min-height: 140px !important;
  }

  body .arasistem-contact-page .row > .col-6.captchaimage,
  body .arasistem-contact-page .row > .col-6:has(#inputCaptcha),
  body .arasistem-contact-page .row > .col-6:has(input[name="code"]) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* FAQ shortcuts + answers: clearer tap + readable answer */
  body .arasistem-faq-page .arasistem-kb-cat {
    min-height: 64px !important;
    padding: 0.95rem 1rem !important;
  }

  body .arasistem-faq-page .arasistem-faq-a,
  body .arasistem-faq-page .arasistem-faq .card-body,
  body .arasistem-faq-page .arasistem-faq-panel-body {
    padding: 0.35rem 1rem 1rem !important;
    font-size: 0.92rem !important;
    line-height: 1.55 !important;
  }

  body .arasistem-faq-page .arasistem-faq-trigger {
    min-height: 52px !important;
    align-items: center !important;
  }
}

@keyframes asFooterOpen {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==========================================================================
   Account drawer (header user icon -> right panel) MOBILE
   ========================================================================== */

.arasistem-account-drawer {
  display: none !important;
}

@media (max-width: 900px) {
  .arasistem-account-drawer {
    display: block !important;
    position: fixed;
    inset: 0;
    z-index: 2600;
    pointer-events: none;
    visibility: hidden;
  }

  .arasistem-account-drawer.is-open {
    pointer-events: auto;
    visibility: visible;
  }

  .arasistem-account-drawer-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(6, 18, 12, 0.48);
    opacity: 0;
    transition: opacity 0.28s ease;
    -webkit-tap-highlight-color: transparent;
  }

  .arasistem-account-drawer.is-open .arasistem-account-drawer-backdrop {
    opacity: 1;
  }

  .arasistem-account-drawer-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(88vw, 360px);
    display: flex;
    flex-direction: column;
    background:
      radial-gradient(120% 55% at 100% 0%, rgba(154, 187, 58, 0.14) 0%, transparent 52%),
      linear-gradient(180deg, #f7faf8 0%, #ffffff 42%, #ffffff 100%);
    box-shadow: -18px 0 48px rgba(15, 40, 28, 0.18);
    border-left: 1px solid rgba(27, 94, 59, 0.08);
    transform: translateX(104%);
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
    padding:
      calc(1rem + env(safe-area-inset-top, 0px))
      1rem
      calc(1.1rem + env(safe-area-inset-bottom, 0px));
    overflow: hidden;
  }

  .arasistem-account-drawer.is-open .arasistem-account-drawer-panel {
    transform: translateX(0);
  }

  .arasistem-account-drawer-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.15rem 0.15rem 1rem;
    border-bottom: 1px solid rgba(27, 94, 59, 0.1);
    margin-bottom: 0.65rem;
  }

  .arasistem-account-drawer-identity {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
  }

  .arasistem-account-drawer-avatar {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #1b5e3b 0%, #163b2a 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(27, 94, 59, 0.28);
  }

  .arasistem-account-drawer-avatar i {
    font-size: 1.2rem;
    line-height: 1;
  }

  .arasistem-account-drawer-copy {
    min-width: 0;
  }

  .arasistem-account-drawer-eyebrow {
    font-size: 0.7rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(22, 59, 42, 0.62);
    font-weight: 650;
  }

  .arasistem-account-drawer-title {
    margin: 0.12rem 0 0;
    font-size: 1.12rem;
    font-weight: 700;
    color: #12261c;
    line-height: 1.25;
    word-break: break-word;
  }

  .arasistem-account-drawer-email {
    margin-top: 0.2rem !important;
    font-size: 0.78rem;
    color: rgba(22, 59, 42, 0.68);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .arasistem-account-drawer-close {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 12px;
    background: rgba(15, 40, 28, 0.06);
    color: #163b2a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .arasistem-account-drawer-close i {
    font-size: 1.15rem;
    line-height: 1;
  }

  .arasistem-account-drawer-nav {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.15rem 0 0.5rem;
  }

  .arasistem-account-drawer-link {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 48px;
    padding: 0.55rem 0.7rem;
    border-radius: 12px;
    text-decoration: none !important;
    color: #1c2b24 !important;
    font-size: 0.94rem;
    font-weight: 600;
    transition: background 0.15s ease, color 0.15s ease;
  }

  .arasistem-account-drawer-link:active,
  .arasistem-account-drawer-link:hover {
    background: rgba(27, 94, 59, 0.08);
    color: #1b5e3b !important;
  }

  .arasistem-account-drawer-link-icon {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(27, 94, 59, 0.08);
    color: #1b5e3b;
  }

  .arasistem-account-drawer-link-icon i {
    font-size: 1rem;
    line-height: 1;
  }

  .arasistem-account-drawer-link-label {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.3;
  }

  .arasistem-account-drawer-badge {
    flex: 0 0 auto;
    min-width: 1.35rem;
    padding: 0.12rem 0.4rem;
    border-radius: 999px;
    background: #c62828;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    text-align: center;
  }

  .arasistem-account-drawer-divider {
    height: 1px;
    margin: 0.45rem 0.35rem;
    background: rgba(27, 94, 59, 0.1);
  }

  .arasistem-account-drawer-link.is-logout {
    margin-top: 0.35rem;
    color: #8b1e1e !important;
    background: rgba(198, 40, 40, 0.06);
  }

  .arasistem-account-drawer-link.is-logout .arasistem-account-drawer-link-icon {
    background: rgba(198, 40, 40, 0.1);
    color: #b71c1c;
  }

  .arasistem-account-drawer-link.is-logout:active,
  .arasistem-account-drawer-link.is-logout:hover {
    background: rgba(198, 40, 40, 0.12);
    color: #7f1d1d !important;
  }

  body.as-account-drawer-open {
    overflow: hidden;
  }

  body.as-account-drawer-open .arasistem-mobile-bottom-nav,
  body.as-account-drawer-open .arasistem-marketing-sticky-cta {
    opacity: 0.35;
    pointer-events: none;
  }
}

@media (min-width: 901px) {
  /* 901+ is compact desktop — mobile account drawer stays off */
  .arasistem-account-trigger,
  .arasistem-account-drawer {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-user-menu.d-none,
  body.emyui-aws-theme header.site-header .arasistem-user-menu {
    display: flex !important;
  }

  /* Homepage absolute header over dark hero: right-side actions must be light */
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .shoping-cart-btn-header,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .notifications-btn-header,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .search-btn-header,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .signup-btn-header-ews-style,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .signup-btn-header-mobile,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .user-dropdown-header .nav-link,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .arasistem-user-menu .nav-link {
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
  }

  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .shoping-cart-btn-header i,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .notifications-btn-header i,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .search-btn-header i,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .signup-btn-header-ews-style,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .signup-btn-header-mobile i,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .user-dropdown-header .nav-link i,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .arasistem-user-menu .nav-link i {
    color: #fff !important;
  }

  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .signup-btn-header-ews-style::before {
    background: rgba(255, 255, 255, 0.2) !important;
  }

  /* Full-bleed dark hero: center nav + locale also go light until sticky white bar */
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .main-menu > li > .nav-link,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .arasistem-locale-btn,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .arasistem-locale-btn-label {
    color: rgba(255, 255, 255, 0.92) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  }

  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .arasistem-locale-btn .icon-globe,
  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) .arasistem-locale-btn i {
    color: #fff !important;
  }

  /* Desktop account menu: classic dropdown under welcome — not a side panel */
  body.emyui-aws-theme header.site-header,
  body.emyui-aws-theme header.site-header > .container-fluid,
  body.emyui-aws-theme header.site-header .navbar.site-navbar,
  body.emyui-aws-theme header.site-header .header-btn-whmcs {
    overflow: visible !important;
  }

  body.emyui-aws-theme header.site-header .user-dropdown-header,
  body.emyui-aws-theme header.site-header .arasistem-user-menu,
  body.emyui-aws-theme header.site-header .user-dropdown-header .nav-item,
  body.emyui-aws-theme header.site-header .user-dropdown-header .account.dropdown,
  body.emyui-aws-theme header.site-header .arasistem-user-menu .nav-item,
  body.emyui-aws-theme header.site-header .arasistem-user-menu .dropdown {
    position: relative !important;
  }

  body.emyui-aws-theme header.site-header .user-dropdown-header .coodiv-menu-dropdown,
  body.emyui-aws-theme header.site-header .arasistem-user-menu .coodiv-menu-dropdown,
  body.emyui-aws-theme header.site-header .user-dropdown-header .dropdown-menu,
  body.emyui-aws-theme header.site-header .arasistem-user-menu .dropdown-menu {
    position: absolute !important;
    /* Overlap trigger slightly so hover doesn't die in the gap */
    top: calc(100% - 0.25rem) !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    will-change: auto !important;
    z-index: -99;
    min-width: 260px !important;
    max-width: 300px !important;
    width: max-content !important;
    max-height: min(70vh, 520px) !important;
    overflow-y: auto !important;
    margin: 0 !important;
    float: none !important;
    padding-top: 0.55rem !important;
  }

  /* Invisible hover bridge above the panel (extra safety) */
  body.emyui-aws-theme header.site-header .user-dropdown-header .coodiv-menu-dropdown::before,
  body.emyui-aws-theme header.site-header .arasistem-user-menu .coodiv-menu-dropdown::before,
  body.emyui-aws-theme header.site-header .user-dropdown-header .dropdown-menu::before,
  body.emyui-aws-theme header.site-header .arasistem-user-menu .dropdown-menu::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -0.55rem;
    height: 0.55rem;
  }

  body.emyui-aws-theme header.site-header .user-dropdown-header .nav-item.dropdown:hover > .coodiv-menu-dropdown,
  body.emyui-aws-theme header.site-header .arasistem-user-menu .nav-item.dropdown:hover > .coodiv-menu-dropdown,
  body.emyui-aws-theme header.site-header .user-dropdown-header .dropdown:hover > .coodiv-menu-dropdown,
  body.emyui-aws-theme header.site-header .arasistem-user-menu .dropdown:hover > .coodiv-menu-dropdown,
  body.emyui-aws-theme header.site-header .user-dropdown-header .nav-item.dropdown:hover > .dropdown-menu,
  body.emyui-aws-theme header.site-header .arasistem-user-menu .nav-item.dropdown:hover > .dropdown-menu,
  body.emyui-aws-theme header.site-header .user-dropdown-header .coodiv-menu-dropdown.show,
  body.emyui-aws-theme header.site-header .arasistem-user-menu .coodiv-menu-dropdown.show,
  body.emyui-aws-theme header.site-header .user-dropdown-header .dropdown-menu.show,
  body.emyui-aws-theme header.site-header .arasistem-user-menu .dropdown-menu.show,
  body.emyui-aws-theme header.site-header .user-dropdown-header .show > .coodiv-menu-dropdown,
  body.emyui-aws-theme header.site-header .arasistem-user-menu .show > .coodiv-menu-dropdown,
  body.emyui-aws-theme header.site-header .user-dropdown-header .show > .dropdown-menu,
  body.emyui-aws-theme header.site-header .arasistem-user-menu .show > .dropdown-menu {
    z-index: 1080 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    right: 0 !important;
    left: auto !important;
  }
}


/* ==========================================================================
   Shared client list panels (search icon + compact head + status chips)
   ========================================================================== */

.arasistem-list-panel-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  flex: 0 0 auto;
  margin-left: auto;
}

.arasistem-list-cta-btn {
  white-space: nowrap;
}

@media (max-width: 900px) {
  .arasistem-client-page:has(.arasistem-list-panel) .arasistem-client-pagehead,
  .arasistem-client-page .arasistem-client-pagehead {
    margin-bottom: 0.55rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* Match list panel head inset so title aligns with card content */
    padding: 0.45rem 0.9rem 0.4rem !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  .arasistem-client-page:has(.arasistem-list-panel) .arasistem-client-pagehead-cta {
    display: none !important;
  }

  .arasistem-list-panel .arasistem-list-panel-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.55rem;
    padding: 0.7rem 0.9rem 0.55rem !important;
    /* Match the soft line above the row — separator under title + actions */
    border-bottom: 1px solid var(--as-border-soft) !important;
  }

  .arasistem-list-panel .arasistem-list-panel-head h2 {
    margin: 0 !important;
    flex: 1 1 auto;
    min-width: 0;
    font-size: 1rem !important;
  }

  .arasistem-list-panel .arasistem-dash-panel-body {
    padding-top: 0.25rem !important;
  }

  .arasistem-list-panel .dataTables_wrapper .dataTables_length,
  .arasistem-list-panel .dataTables_wrapper .dataTables_info {
    display: none !important;
  }

  .arasistem-list-panel .dataTables_wrapper .dataTables_filter {
    display: none !important;
    margin: 0 0 0.55rem !important;
  }

  .arasistem-list-panel .is-search-open .dataTables_wrapper .dataTables_filter,
  .arasistem-list-panel .arasistem-client-table-wrap.is-search-open .dataTables_wrapper .dataTables_filter {
    display: block !important;
  }

  .arasistem-list-search-toggle,
  .arasistem-services-search-toggle {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 12px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(15, 40, 28, 0.05);
    color: #163b2a;
    padding: 0;
  }

  .arasistem-list-search-toggle i,
  .arasistem-services-search-toggle i {
    font-size: 1.1rem;
    line-height: 1;
  }

  .arasistem-list-search-toggle.is-active,
  .arasistem-list-search-toggle[aria-expanded="true"],
  .arasistem-services-search-toggle.is-active,
  .arasistem-services-search-toggle[aria-expanded="true"] {
    background: rgba(27, 94, 59, 0.12);
    color: var(--as-green, #1b5e3b);
  }

  .arasistem-list-cta-btn,
  .arasistem-services-new-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 0.85rem !important;
    font-size: 0.82rem !important;
    font-weight: 650 !important;
    white-space: nowrap;
    margin: 0 !important;
    line-height: 1 !important;
  }

  /* Invoices: status top-right; dates side-by-side like panels (Tutar | Sonraki ödeme) */
  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      "num status"
      "amount amount"
      "created due";
    gap: 0.45rem 0.75rem;
    overflow: hidden;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:first-child {
    grid-area: num;
    padding-bottom: 0.45rem !important;
    border-bottom: 1px solid #eef2ef !important;
    font-weight: 700;
    min-width: 0;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(4) {
    grid-area: amount;
    grid-column: auto;
    grid-row: auto;
    text-align: left !important;
    font-size: 1.05rem;
    font-weight: 750;
    padding-top: 0.2rem !important;
    min-width: 0;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(4)::before {
    display: none !important;
    content: none !important;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(2) {
    grid-area: created;
    grid-column: auto;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(3) {
    grid-area: due;
    grid-column: auto;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(2),
  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(3) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0.15rem !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
    white-space: normal !important;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(2)::before,
  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(3)::before {
    display: block !important;
    margin-bottom: 0;
    max-width: none !important;
    width: auto !important;
    white-space: nowrap;
  }

  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td.arasistem-invoice-status,
  .arasistem-invoices-table-wrap #tableInvoicesList tbody tr.arasistem-invoice-row td:nth-child(5) {
    grid-area: status;
    grid-column: auto;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    margin-top: 0 !important;
    padding-bottom: 0.45rem !important;
    border-bottom: 1px solid #eef2ef !important;
  }

  /* Tickets: subject + status top row */
  .arasistem-tickets-table-wrap #tableTicketsList tbody tr.arasistem-ticket-row {
    display: grid !important;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "subject status"
      "dept reply";
    gap: 0.4rem 0.65rem;
    padding: 0.85rem 0.95rem;
  }

  .arasistem-tickets-table-wrap #tableTicketsList tbody tr.arasistem-ticket-row td:nth-child(1) {
    grid-area: dept;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.12rem;
  }

  .arasistem-tickets-table-wrap #tableTicketsList tbody tr.arasistem-ticket-row td:nth-child(1)::before {
    display: block !important;
    content: attr(data-label);
    max-width: none !important;
    width: auto !important;
    white-space: nowrap;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--as-muted, #6b7c72);
  }

  .arasistem-tickets-table-wrap #tableTicketsList tbody tr.arasistem-ticket-row td:nth-child(2) {
    grid-area: subject;
    order: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0.45rem !important;
    border-bottom: 1px solid #eef2ef !important;
  }

  .arasistem-tickets-table-wrap #tableTicketsList tbody tr.arasistem-ticket-row td.arasistem-ticket-status,
  .arasistem-tickets-table-wrap #tableTicketsList tbody tr.arasistem-ticket-row td:nth-child(3) {
    grid-area: status;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    padding-bottom: 0.45rem !important;
    border-bottom: 1px solid #eef2ef !important;
  }

  .arasistem-tickets-table-wrap #tableTicketsList tbody tr.arasistem-ticket-row td:nth-child(3)::before {
    display: none !important;
    content: none !important;
  }

  .arasistem-tickets-table-wrap #tableTicketsList tbody tr.arasistem-ticket-row td:nth-child(4) {
    grid-area: reply;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 0.12rem;
  }

  .arasistem-tickets-table-wrap #tableTicketsList tbody tr.arasistem-ticket-row td:nth-child(4)::before {
    display: block !important;
    content: attr(data-label);
    max-width: none !important;
    width: auto !important;
    white-space: nowrap;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--as-muted, #6b7c72);
  }

  /* Domains: domain + status top */
  .arasistem-domains-table-wrap #tableDomainsList tbody tr.arasistem-domain-row {
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
      "check domain status"
      ". reg due";
    gap: 0.35rem 0.55rem;
    padding: 0.85rem 0.9rem;
    align-items: start;
  }

  .arasistem-domains-table-wrap #tableDomainsList tbody tr.arasistem-domain-row td:first-child {
    grid-area: check;
    display: flex !important;
    align-items: center;
    padding-top: 0.2rem !important;
  }

  .arasistem-domains-table-wrap #tableDomainsList tbody tr.arasistem-domain-row td:nth-child(3) {
    grid-area: domain;
    border-bottom: 1px solid #eef2ef !important;
    padding-bottom: 0.45rem !important;
  }

  .arasistem-domains-table-wrap #tableDomainsList tbody tr.arasistem-domain-row td.arasistem-domain-status,
  .arasistem-domains-table-wrap #tableDomainsList tbody tr.arasistem-domain-row td:nth-child(6) {
    grid-area: status;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    border-bottom: 1px solid #eef2ef !important;
    padding-bottom: 0.45rem !important;
  }

  .arasistem-domains-table-wrap #tableDomainsList tbody tr.arasistem-domain-row td:nth-child(4) {
    grid-area: reg;
    display: flex !important;
    flex-direction: column;
    gap: 0.12rem;
  }

  .arasistem-domains-table-wrap #tableDomainsList tbody tr.arasistem-domain-row td:nth-child(5) {
    grid-area: due;
    display: flex !important;
    flex-direction: column;
    gap: 0.12rem;
  }

  .arasistem-domains-table-wrap #tableDomainsList tbody tr.arasistem-domain-row td:nth-child(4)::before,
  .arasistem-domains-table-wrap #tableDomainsList tbody tr.arasistem-domain-row td:nth-child(5)::before {
    display: block !important;
    content: attr(data-label);
    max-width: none !important;
    width: auto !important;
    white-space: nowrap;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--as-muted, #6b7c72);
  }

  /* Quotes: subject + stage top */
  .arasistem-quotes-table-wrap #tableQuotesList tbody tr.arasistem-quote-row {
    display: grid !important;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "subject stage"
      "id id"
      "created valid"
      "dl dl";
    gap: 0.35rem 0.65rem;
    padding: 0.85rem 0.95rem;
  }

  .arasistem-quotes-table-wrap #tableQuotesList tbody tr.arasistem-quote-row td:nth-child(1) {
    grid-area: id;
  }

  .arasistem-quotes-table-wrap #tableQuotesList tbody tr.arasistem-quote-row td:nth-child(2) {
    grid-area: subject;
    font-weight: 650;
    border-bottom: 1px solid #eef2ef !important;
    padding-bottom: 0.45rem !important;
  }

  .arasistem-quotes-table-wrap #tableQuotesList tbody tr.arasistem-quote-row td.arasistem-quote-status,
  .arasistem-quotes-table-wrap #tableQuotesList tbody tr.arasistem-quote-row td:nth-child(5) {
    grid-area: stage;
    display: flex !important;
    justify-content: flex-end !important;
    border-bottom: 1px solid #eef2ef !important;
    padding-bottom: 0.45rem !important;
  }

  .arasistem-quotes-table-wrap #tableQuotesList tbody tr.arasistem-quote-row td:nth-child(5)::before {
    display: none !important;
  }

  .arasistem-quotes-table-wrap #tableQuotesList tbody tr.arasistem-quote-row td:nth-child(3) {
    grid-area: created;
  }

  .arasistem-quotes-table-wrap #tableQuotesList tbody tr.arasistem-quote-row td:nth-child(4) {
    grid-area: valid;
  }

  .arasistem-quotes-table-wrap #tableQuotesList tbody tr.arasistem-quote-row td:nth-child(6) {
    grid-area: dl;
  }
}

/* ==========================================================================
   User profile — compact cards (name + email), no sticky bar padding
   ========================================================================== */
.arasistem-user-profile .arasistem-profile-card {
  padding: 1rem 1.1rem 0.95rem;
  margin-bottom: 0.75rem;
}

.arasistem-user-profile .arasistem-profile-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid var(--as-border-soft, rgba(16, 24, 40, 0.055));
}

.arasistem-user-profile .arasistem-profile-card-head .arasistem-account-title {
  margin: 0;
}

.arasistem-user-profile .arasistem-profile-card-head .arasistem-account-badge {
  flex-shrink: 0;
  margin: 0;
}

.arasistem-user-profile .arasistem-profile-name-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem 0.75rem;
}

.arasistem-user-profile .arasistem-profile-form .form-group {
  margin-bottom: 0.7rem;
}

.arasistem-user-profile .arasistem-profile-form .form-group.mb-0 {
  margin-bottom: 0;
}

.arasistem-user-profile .arasistem-account-label {
  margin-bottom: 0.3rem;
  display: block;
}

.arasistem-user-profile .arasistem-profile-actions {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  gap: 0.45rem;
  margin: 0.85rem 0 0;
  padding: 0.75rem 0 0;
  border-top: 1px solid var(--as-border-soft, rgba(16, 24, 40, 0.055));
  background: transparent !important;
  box-shadow: none !important;
}

.arasistem-user-profile .arasistem-profile-actions .btn,
.arasistem-user-profile .arasistem-profile-actions input.btn,
.arasistem-user-profile .arasistem-profile-actions input[type="submit"],
.arasistem-user-profile .arasistem-profile-actions input[type="reset"] {
  flex: 1 1 0;
  width: auto !important;
  min-width: 0;
  min-height: 44px;
  margin: 0 !important;
}

.arasistem-user-profile .arasistem-profile-actions .btn-outline-dark,
.arasistem-user-profile .arasistem-profile-actions input[type="reset"] {
  order: 1;
}

.arasistem-user-profile .arasistem-profile-actions .arasistem-account-cta,
.arasistem-user-profile .arasistem-profile-actions input[type="submit"] {
  order: 2;
}

@media (max-width: 900px) {
  .arasistem-user-profile .arasistem-profile-card {
    padding: 0.85rem 0.85rem 0.8rem !important;
    margin-bottom: 0.65rem !important;
    border-radius: 14px;
  }

  .arasistem-user-profile .arasistem-profile-card-head {
    margin-bottom: 0.65rem;
    padding-bottom: 0.45rem;
  }

  .arasistem-user-profile .arasistem-account-title.is-sm {
    font-size: 0.98rem !important;
    margin-bottom: 0 !important;
  }

  .arasistem-user-profile .arasistem-profile-name-grid {
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem 0.55rem;
  }

  .arasistem-user-profile .arasistem-profile-form .form-group {
    margin-bottom: 0.6rem !important;
  }

  .arasistem-user-profile .arasistem-profile-form .form-control {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    font-size: 16px !important;
  }

  .arasistem-user-profile .arasistem-profile-actions {
    margin-top: 0.7rem;
    padding-top: 0.65rem;
  }

  .arasistem-user-profile form {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 360px) {
  .arasistem-user-profile .arasistem-profile-name-grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   Mobile action buttons — side-by-side; cancel left, confirm right
   Desktop ≥992px untouched
   ========================================================================== */
@media (max-width: 900px) {
  body.emyui-aws-theme .arasistem-account-actions,
  body.emyui-aws-theme .arasistem-ticket-actions,
  body.emyui-aws-theme .arasistem-product-actions,
  body.emyui-aws-theme .arasistem-viewticket-actions,
  body.emyui-aws-theme .arasistem-account-row-actions,
  body.emyui-aws-theme .arasistem-ticket-actions--modal,
  body.emyui-aws-theme .arasistem-upgrade-summary-actions,
  body.emyui-aws-theme .arasistem-configuressl-actions,
  body.emyui-aws-theme .arasistem-invoice-pay-actions,
  body.emyui-aws-theme .modal-footer:not(.arasistem-locale-footer) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 0.45rem !important;
  }

  body.emyui-aws-theme .arasistem-account-actions .btn,
  body.emyui-aws-theme .arasistem-account-actions input.btn,
  body.emyui-aws-theme .arasistem-account-actions input[type="submit"],
  body.emyui-aws-theme .arasistem-account-actions input[type="reset"],
  body.emyui-aws-theme .arasistem-ticket-actions .btn,
  body.emyui-aws-theme .arasistem-product-actions .btn,
  body.emyui-aws-theme .arasistem-viewticket-actions .btn,
  body.emyui-aws-theme .arasistem-account-row-actions .btn,
  body.emyui-aws-theme .arasistem-ticket-actions--modal .btn,
  body.emyui-aws-theme .arasistem-upgrade-summary-actions .btn,
  body.emyui-aws-theme .arasistem-configuressl-actions .btn,
  body.emyui-aws-theme .arasistem-invoice-pay-actions .btn,
  body.emyui-aws-theme .modal-footer .btn {
    flex: 1 1 calc(50% - 0.25rem) !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.emyui-aws-theme .arasistem-account-actions--split .arasistem-account-actions-primary {
    flex: 1 1 calc(50% - 0.25rem) !important;
    width: auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 0.45rem;
    order: 2;
  }

  /* Cancel / iptal → left */
  body.emyui-aws-theme .arasistem-account-actions .btn-outline-danger,
  body.emyui-aws-theme .arasistem-ticket-actions .btn-outline-danger,
  body.emyui-aws-theme .arasistem-product-actions .btn-outline-danger,
  body.emyui-aws-theme .arasistem-viewticket-actions .btn-outline-danger,
  body.emyui-aws-theme .arasistem-account-row-actions .btn-outline-danger,
  body.emyui-aws-theme .arasistem-account-actions input[type="reset"],
  body.emyui-aws-theme .arasistem-ticket-actions input[type="reset"],
  body.emyui-aws-theme .arasistem-account-actions .btn[type="reset"],
  body.emyui-aws-theme .arasistem-ticket-actions .btn[type="reset"],
  body.emyui-aws-theme .arasistem-ticket-btn-cancel,
  body.emyui-aws-theme [data-ticket-modal-cancel],
  body.emyui-aws-theme .modal-footer .btn-default,
  body.emyui-aws-theme .modal-footer .btn-light,
  body.emyui-aws-theme .modal-footer .btn-outline-dark,
  body.emyui-aws-theme .modal-footer [data-dismiss="modal"],
  body.emyui-aws-theme .arasistem-account-actions .btn-default,
  body.emyui-aws-theme .arasistem-account-actions .btn-light,
  body.emyui-aws-theme .arasistem-upgrade-summary-actions .btn-outline-dark,
  body.emyui-aws-theme .arasistem-configuressl-actions .btn-outline-dark,
  body.emyui-aws-theme .arasistem-invoice-pay-actions .btn-outline-dark,
  body.emyui-aws-theme .arasistem-account-actions .btn-outline-dark:not(.arasistem-account-cta),
  body.emyui-aws-theme .arasistem-ticket-actions .btn-outline-dark:not(.arasistem-ticket-btn-send),
  body.emyui-aws-theme .arasistem-product-actions .btn-outline-dark,
  body.emyui-aws-theme .arasistem-viewticket-actions .btn-outline-dark {
    order: 1 !important;
  }

  /* Confirm / onay → right */
  body.emyui-aws-theme .arasistem-account-actions .btn-dark,
  body.emyui-aws-theme .arasistem-account-actions .btn-primary,
  body.emyui-aws-theme .arasistem-account-actions .btn-success,
  body.emyui-aws-theme .arasistem-account-actions .btn-danger,
  body.emyui-aws-theme .arasistem-account-actions .arasistem-account-cta,
  body.emyui-aws-theme .arasistem-account-actions input[type="submit"],
  body.emyui-aws-theme .arasistem-account-actions button[type="submit"],
  body.emyui-aws-theme .arasistem-ticket-actions .btn-dark,
  body.emyui-aws-theme .arasistem-ticket-actions .btn-primary,
  body.emyui-aws-theme .arasistem-ticket-actions .arasistem-account-cta,
  body.emyui-aws-theme .arasistem-ticket-actions button[type="submit"],
  body.emyui-aws-theme .arasistem-ticket-btn-send,
  body.emyui-aws-theme .arasistem-product-actions .btn-dark,
  body.emyui-aws-theme .arasistem-product-actions .arasistem-account-cta,
  body.emyui-aws-theme .arasistem-viewticket-actions .btn-dark,
  body.emyui-aws-theme .arasistem-viewticket-actions .arasistem-account-cta,
  body.emyui-aws-theme .arasistem-upgrade-summary-actions .btn-dark,
  body.emyui-aws-theme .arasistem-upgrade-summary-actions .arasistem-account-cta,
  body.emyui-aws-theme .arasistem-configuressl-actions .btn-dark,
  body.emyui-aws-theme .arasistem-invoice-pay-actions .btn-dark,
  body.emyui-aws-theme .modal-footer .btn-dark,
  body.emyui-aws-theme .modal-footer .btn-primary,
  body.emyui-aws-theme .modal-footer .btn-success,
  body.emyui-aws-theme .modal-footer .btn-danger,
  body.emyui-aws-theme .modal-footer [type="submit"] {
    order: 3 !important;
  }

  /* Product: İptal left, Panellerim/Upgrade right */
  body.emyui-aws-theme .arasistem-product-actions .btn-outline-danger {
    order: 1 !important;
  }

  body.emyui-aws-theme .arasistem-product-actions .btn-outline-dark {
    order: 2 !important;
  }

  body.emyui-aws-theme .arasistem-product-actions .btn-dark,
  body.emyui-aws-theme .arasistem-product-actions .arasistem-account-cta {
    order: 3 !important;
  }

  /* Split forms: delete left cluster, save group right */
  body.emyui-aws-theme .arasistem-account-actions--split > .btn-outline-danger {
    order: 1 !important;
  }

  body.emyui-aws-theme .arasistem-account-actions--split .arasistem-account-actions-primary .btn-outline-dark,
  body.emyui-aws-theme .arasistem-account-actions--split .arasistem-account-actions-primary input[type="reset"] {
    order: 1 !important;
  }

  body.emyui-aws-theme .arasistem-account-actions--split .arasistem-account-actions-primary .btn-dark,
  body.emyui-aws-theme .arasistem-account-actions--split .arasistem-account-actions-primary .arasistem-account-cta,
  body.emyui-aws-theme .arasistem-account-actions--split .arasistem-account-actions-primary input[type="submit"] {
    order: 2 !important;
  }
}

/* ==========================================================================
   Modal open: header icons must not squeeze (late override — do not weaken)
   ========================================================================== */
@media (max-width: 900px) {
  html {
    scrollbar-gutter: stable;
  }

  body.modal-open,
  body.as-ticket-modal-open {
    padding-right: 0 !important;
    margin-right: 0 !important;
  }

  body.modal-open header.site-header,
  body.as-ticket-modal-open header.site-header,
  body.modal-open .fixed-top,
  body.modal-open .sticky-top,
  body.modal-open .is-fixed,
  body.modal-open .arasistem-mobile-bottom-nav {
    padding-right: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    left: 0 !important;
    right: 0 !important;
  }

  body.modal-open header.site-header > .container-fluid,
  body.as-ticket-modal-open header.site-header > .container-fluid {
    padding-left: var(--as-mobile-gutter, 16px) !important;
    padding-right: var(--as-mobile-gutter, 16px) !important;
    margin-right: 0 !important;
  }
}

/* Studio hero: dark stage (header uses white copy, not the light photo card) */
body.emyui-aws-theme .arasistem-home-hero.arasistem-home-hero--studio {
  padding: 0 !important;
  min-height: 0 !important;
  background:
    radial-gradient(900px 420px at 88% 12%, rgba(154, 187, 58, 0.16), transparent 58%),
    radial-gradient(700px 380px at 8% 88%, rgba(27, 94, 59, 0.45), transparent 62%),
    linear-gradient(165deg, #07140f 0%, #0c241c 42%, #0f3d2e 100%) !important;
  color: #f4f7f5;
}

@media (min-width: 992px) {
  body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-inner {
    padding: 7.5rem 32px 2.75rem;
  }
}

body.emyui-aws-theme .arasistem-home-hero--studio .hero-area-emyui-aws-title {
  color: #fff !important;
}

body.emyui-aws-theme .arasistem-home-hero--studio .hero-lead {
  color: rgba(244, 247, 245, 0.74) !important;
}

/* First studio slider: grid + orbs + real buttons (lost in a CSS rollback) */
body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-fx {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-fx-grid {
  position: absolute;
  inset: 0;
  opacity: 0.42;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: radial-gradient(ellipse 95% 88% at 50% 45%, #000 38%, transparent 86%);
  mask-image: radial-gradient(ellipse 95% 88% at 50% 45%, #000 38%, transparent 86%);
}

body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-fx-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(8px);
}

body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-fx-orb--a {
  width: 280px;
  height: 280px;
  top: -80px;
  right: 8%;
  background: radial-gradient(circle, rgba(154, 187, 58, 0.28) 0%, transparent 70%);
}

body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-fx-orb--b {
  width: 360px;
  height: 360px;
  bottom: -120px;
  left: -40px;
  background: radial-gradient(circle, rgba(27, 94, 59, 0.55) 0%, transparent 70%);
}

body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-fx-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(154, 187, 58, 0.55) 40%, rgba(255, 255, 255, 0.2) 70%, transparent 100%);
}

body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-copy {
  max-width: 560px;
  position: relative;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.emyui-aws-theme .arasistem-home-hero--studio .hero-eyebrow {
  display: inline-block;
  margin: 0 0 1rem;
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #d8e8a8;
  background: rgba(154, 187, 58, 0.12);
  border: 1px solid rgba(154, 187, 58, 0.28);
}

body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-copy .hero-area-emyui-aws-title {
  font-size: clamp(2.05rem, 3.4vw, 3.15rem) !important;
  line-height: 1.12 !important;
  font-weight: 750 !important;
  letter-spacing: -0.038em;
  color: #fff !important;
  margin: 0 0 1.1rem !important;
}

body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-copy .hero-lead {
  font-size: 1.08rem !important;
  line-height: 1.6 !important;
  color: rgba(244, 247, 245, 0.74) !important;
  margin: 0 0 1.65rem !important;
  max-width: 34rem;
}

body.emyui-aws-theme .arasistem-home-hero--studio .hero-btns {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1.4rem;
}

body.emyui-aws-theme .arasistem-home-hero--studio .btn-hero-primary,
body.emyui-aws-theme .arasistem-home-hero--studio .btn-hero-ghost {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  min-height: 48px;
  padding: 0.7rem 1.25rem !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  white-space: nowrap;
  text-decoration: none !important;
  box-shadow: none;
}

body.emyui-aws-theme .arasistem-home-hero--studio .btn-hero-primary {
  background: #9abb3a !important;
  border: 1px solid #a8c94a !important;
  color: #122016 !important;
  box-shadow: 0 10px 24px rgba(154, 187, 58, 0.22);
}

body.emyui-aws-theme .arasistem-home-hero--studio .btn-hero-primary:hover,
body.emyui-aws-theme .arasistem-home-hero--studio .btn-hero-primary:focus {
  background: #b0cc4d !important;
  color: #0d1811 !important;
}

body.emyui-aws-theme .arasistem-home-hero--studio .btn-hero-ghost {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
}

body.emyui-aws-theme .arasistem-home-hero--studio .btn-hero-ghost:hover,
body.emyui-aws-theme .arasistem-home-hero--studio .btn-hero-ghost:focus {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  color: #fff !important;
}

body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-start;
}

body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.34rem 0.8rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(244, 247, 245, 0.88);
  font-size: 0.76rem;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.14);
  letter-spacing: 0.01em;
}

/* Studio hero mock (header.tpl) — keep readable on desktop + tablet landscape */
.arasistem-home-hero--studio .arasistem-hero-console {
  position: relative;
  border-radius: 18px;
  background: rgba(7, 16, 13, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 28px 60px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(154, 187, 58, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  overflow: hidden;
  max-width: 460px;
  margin-left: auto;
  color: #fff;
}

.arasistem-home-hero--studio .arasistem-hero-console-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0.7rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.arasistem-home-hero--studio .arasistem-hero-console-bar span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
}

.arasistem-home-hero--studio .arasistem-hero-console-bar span:nth-child(1) { background: #e35d5d; }
.arasistem-home-hero--studio .arasistem-hero-console-bar span:nth-child(2) { background: #e0b44a; }
.arasistem-home-hero--studio .arasistem-hero-console-bar span:nth-child(3) { background: #6fbf6a; }

.arasistem-home-hero--studio .arasistem-hero-console-bar em {
  margin-left: 0.55rem;
  font-style: normal;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.45);
}

.arasistem-home-hero--studio .arasistem-hero-console-body {
  padding: 1.15rem 1.15rem 1.2rem;
}

.arasistem-home-hero--studio .arasistem-hero-console-kicker {
  margin: 0 0 0.7rem;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.62);
}

.arasistem-home-hero--studio .arasistem-hero-console-list {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
}

.arasistem-home-hero--studio .arasistem-hero-console-list li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  padding: 0.72rem 0.75rem;
  margin-bottom: 0.45rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  min-width: 0;
}

.arasistem-home-hero--studio .arasistem-hero-console-list li i {
  font-size: 0.85rem;
}

.arasistem-home-hero--studio .arasistem-hero-console-list li span,
.arasistem-home-hero--studio .arasistem-hero-console-list li b {
  color: #fff;
  overflow-wrap: break-word;
  white-space: normal;
}

.arasistem-home-hero--studio .arasistem-hero-console-list li span {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.25;
}

.arasistem-home-hero--studio .arasistem-hero-console-list li b {
  font-size: 0.65rem;
  font-weight: 600;
  color: #c5db7a;
}

.arasistem-home-hero--studio .arasistem-hero-console-stat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 0.85rem;
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(154, 187, 58, 0.12), rgba(255, 255, 255, 0.03));
  border: 1px solid rgba(154, 187, 58, 0.18);
}

.arasistem-home-hero--studio .arasistem-hero-console-stat span,
.arasistem-home-hero--studio .arasistem-hero-console-stat strong {
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.3;
}

.arasistem-home-hero--studio .arasistem-hero-console-stat span {
  color: rgba(255, 255, 255, 0.7);
}

.arasistem-home-hero--studio .arasistem-hero-console-stat strong {
  color: #e8f3b8;
}

/* ==========================================================================
   Tablet pass — 768–1199 only
   Phone (<768) and desktop (≥1200) stay as-is.
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1199.98px) {
  body.emyui-aws-theme [class*="col-"],
  body.emyui-aws-theme .arasistem-trust-card,
  body.emyui-aws-theme .arasistem-detail-card,
  body.emyui-aws-theme .arasistem-usecase-card,
  body.emyui-aws-theme .arasistem-channel-card,
  body.emyui-aws-theme .emyui-ews-plans-group {
    min-width: 0;
  }

  body.emyui-aws-theme h1,
  body.emyui-aws-theme h2,
  body.emyui-aws-theme h3,
  body.emyui-aws-theme h4,
  body.emyui-aws-theme h5,
  body.emyui-aws-theme p,
  body.emyui-aws-theme .coodiv-text-4,
  body.emyui-aws-theme .coodiv-text-8,
  body.emyui-aws-theme .coodiv-text-9 {
    overflow-wrap: break-word;
  }

  body.emyui-aws-theme .table-responsive,
  body.emyui-aws-theme .dataTables_wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.emyui-aws-theme .arasistem-stack-inner {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.65rem 1rem;
  }

  body.emyui-aws-theme .arasistem-stack-items {
    flex: 1 1 16rem;
    flex-wrap: wrap !important;
    min-width: 0;
    overflow: visible !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  body.emyui-aws-theme .arasistem-stack-pill {
    white-space: nowrap;
    max-width: 100%;
  }

  body.emyui-aws-theme .arasistem-brand-name {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.25;
  }

  body.emyui-aws-theme .arasistem-client-pagehead {
    flex-wrap: wrap;
  }

  body.emyui-aws-theme .arasistem-footer-attribution {
    white-space: normal !important;
    max-width: 36rem;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  body.emyui-aws-theme .signup-btn-header-ews-style {
    display: none !important;
  }

  body.emyui-aws-theme .arasistem-trust-section .row.arasistem-card-gap,
  body.emyui-aws-theme .arasistem-trust-section .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.emyui-aws-theme .arasistem-trust-section .row > [class*="col-"] {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
    margin-bottom: 0 !important;
  }

  body.emyui-aws-theme .arasistem-trust-card,
  body .arasistem-trust-card {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    align-items: center !important;
    text-align: center !important;
    padding: 1rem 0.7rem !important;
    height: 100%;
  }

  body.emyui-aws-theme .arasistem-trust-icon,
  body .arasistem-trust-icon {
    grid-column: auto !important;
    grid-row: auto !important;
    margin: 0 auto 0.65rem !important;
  }

  body.emyui-aws-theme .arasistem-trust-card h5,
  body.emyui-aws-theme .arasistem-trust-card .coodiv-text-8,
  body.emyui-aws-theme .arasistem-trust-card .coodiv-text-9,
  body .arasistem-trust-card h5,
  body .arasistem-trust-card .coodiv-text-8,
  body .arasistem-trust-card .coodiv-text-9 {
    grid-column: auto !important;
    grid-row: auto !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }

  body.emyui-aws-theme .arasistem-trust-card p,
  body .arasistem-trust-card p {
    grid-column: auto !important;
    grid-row: auto !important;
    white-space: normal !important;
    overflow: visible !important;
    text-align: center !important;
  }

  body.emyui-aws-theme .arasistem-proof-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.emyui-aws-theme .arasistem-proof-stat {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0.85rem 0.55rem !important;
  }

  body.emyui-aws-theme .arasistem-proof-stat-label,
  body.emyui-aws-theme .arasistem-proof-stat span {
    max-width: none;
    white-space: normal;
    font-size: 0.74rem;
  }

  body.emyui-aws-theme .arasistem-channel-card h5,
  body.emyui-aws-theme .arasistem-detail-card h3,
  body.emyui-aws-theme .arasistem-detail-card .coodiv-text-9,
  body.emyui-aws-theme .arasistem-kb-cat-top strong,
  body.emyui-aws-theme .arasistem-kb-cat-desc {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  body.emyui-aws-theme .arasistem-home-hero--studio .btn-hero-primary,
  body.emyui-aws-theme .arasistem-home-hero--studio .btn-hero-ghost {
    white-space: normal;
    text-align: center;
    line-height: 1.25;
  }
}

@media (min-width: 901px) and (max-width: 1199.98px) {
  body.emyui-aws-theme .arasistem-home-hero--studio {
    min-height: 0;
  }

  body.emyui-aws-theme .arasistem-hero-inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  /* 992–1199: same studio top pad as desktop. 901–991 is larger (block below). */
  body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-inner {
    padding-top: 7.5rem !important;
    padding-bottom: 3rem !important;
  }

  body.emyui-aws-theme .arasistem-hero-copy .hero-area-emyui-aws-title {
    font-size: clamp(1.65rem, 2.6vw, 2.25rem) !important;
    line-height: 1.15 !important;
  }

  body.emyui-aws-theme .arasistem-hero-copy .hero-lead {
    font-size: 0.95rem !important;
    max-width: 28rem;
  }

  body.emyui-aws-theme .arasistem-hero-console,
  body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-console {
    max-width: 100%;
  }

  body.emyui-aws-theme .arasistem-pricing-row .emyui-ews-plans-group {
    padding-left: 1.15rem !important;
    padding-right: 1.15rem !important;
  }

  body.emyui-aws-theme .arasistem-dash-layout > .col-lg-3 {
    flex: 0 0 220px;
    max-width: 220px;
    width: 220px;
  }

  body.emyui-aws-theme .arasistem-dash-layout > .col-lg-9 {
    flex: 1 1 0;
    max-width: calc(100% - 220px);
    min-width: 0;
  }
}

@media (min-width: 901px) and (max-width: 991.98px) {
  /* Bootstrap expand-lg is 992 — keep inline nav from 901, no hamburger.
     Theme + --as-logo-h:44px collapse the bar to ~76px so the menu hugs
     the black top strip; restore desktop-like vertical rhythm. */
  body.emyui-aws-theme {
    --as-logo-h: 52px;
    --as-header-pad-y: 1.1rem;
  }

  body.emyui-aws-theme header.site-header,
  body.emyui-aws-theme header.site-header.site-header--absolute,
  body.emyui-aws-theme header.site-header.site-header--sticky,
  body.emyui-aws-theme header.site-header.fixed-header-layout {
    min-height: 0 !important;
    padding-top: 1.1rem !important;
    padding-bottom: 1.1rem !important;
    align-items: center !important;
  }

  /* Console stays visible from 901 (hamburger only at ≤900). Beat Bootstrap d-lg-block. */
  body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-stage-col,
  body.emyui-aws-theme .arasistem-home-hero--studio .col-lg-6.d-none.d-lg-block {
    display: block !important;
    flex: 0 0 46% !important;
    max-width: 46% !important;
  }

  body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-inner > .row > .col-12 {
    flex: 0 0 54% !important;
    max-width: 54% !important;
  }

  /* Header is absolute over the hero — pad only the header row, not the 55px top bar */
  body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-inner,
  body.emyui-aws-theme .arasistem-home-hero.arasistem-home-hero--studio .arasistem-hero-inner {
    padding: calc(var(--as-logo-h) + (var(--as-header-pad-y) * 2) + 1.5rem) 1.25rem 2.5rem !important;
  }

  body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-console,
  body.emyui-aws-theme .arasistem-home-hero--studio .arasistem-hero-stage {
    max-width: 100%;
    margin-left: 0;
  }

  body.emyui-aws-theme .arasistem-home-hero--studio .hero-eyebrow {
    margin-bottom: 0.85rem !important;
  }

  /* Bootstrap expand-lg is 992 — keep inline nav from 901, no hamburger */
  body.emyui-aws-theme header.site-header .navbar,
  body.emyui-aws-theme header.site-header .site-navbar {
    flex-wrap: nowrap !important;
    align-items: center !important;
    min-height: 52px !important;
  }

  body.emyui-aws-theme header.site-header #mobile-menu.navbar-collapse,
  body.emyui-aws-theme header.site-header #mobile-menu.navbar-collapse.show,
  body.emyui-aws-theme header.site-header #mobile-menu.navbar-collapse.collapsing,
  body.emyui-aws-theme header.site-header .offcanvas-active.navbar-expand-lg .navbar-collapse,
  body.emyui-aws-theme header.site-header .offcanvas-active.navbar-expand-lg .navbar-collapse.show,
  body.emyui-aws-theme header.site-header .offcanvas-active.navbar-expand-lg .navbar-collapse.collapsing {
    display: flex !important;
    flex-direction: row !important;
    flex: 1 1 auto !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    z-index: auto !important;
    transition: none !important;
  }

  /* Drawer CTA pad (body:has(#bottomNav) + !important) must not lift the inline row */
  body.emyui-aws-theme:has(#arasistemMobileBottomNav) header.site-header #mobile-menu.navbar-collapse,
  body.emyui-aws-theme:has(#arasistemMobileBottomNav) header.site-header #mobile-menu.navbar-collapse.show,
  body.emyui-aws-theme:has(#arasistemMobileBottomNav) header.site-header #mobile-menu.navbar-collapse.collapsing,
  body.emyui-aws-theme.as-has-mobile-client-nav header.site-header #mobile-menu.navbar-collapse,
  body.emyui-aws-theme.as-has-mobile-client-nav header.site-header #mobile-menu.navbar-collapse.show,
  body.emyui-aws-theme.as-has-mobile-client-nav header.site-header #mobile-menu.navbar-collapse.collapsing {
    padding: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.emyui-aws-theme header.site-header .navbar-toggler,
  body.emyui-aws-theme header.site-header .btn-close-off-canvas,
  body.emyui-aws-theme header.site-header .arasistem-mobile-menu-backdrop,
  body.emyui-aws-theme header.site-header #mobile-menu .arasistem-mobile-menu-head,
  body.emyui-aws-theme header.site-header #mobile-menu .arasistem-mobile-menu-cta {
    display: none !important;
  }

  body.emyui-aws-theme header.site-header #mobile-menu .navbar-nav-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    gap: 0.4rem !important;
    flex: 1 1 auto !important;
  }

  body.emyui-aws-theme header.site-header #mobile-menu .main-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    background: none !important;
    gap: 0.4rem !important;
    flex: 0 0 auto !important;
  }

  body.emyui-aws-theme header.site-header #mobile-menu .main-menu > li {
    margin: 0 !important;
    border: 0 !important;
  }

  /* Beat drawer #mobile-menu link styles (1.02rem / 48px / ::before dots) */
  body.emyui-aws-theme header.site-header #mobile-menu .main-menu > li > .nav-link {
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: -0.3px !important;
    min-height: 0 !important;
    padding: 0.28rem 0.38rem !important;
    border-radius: 0 !important;
    background: transparent !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    color: #163b2a !important;
    white-space: nowrap !important;
  }

  body.emyui-aws-theme header.site-header.site-header--absolute:not(.top-header-fixed) #mobile-menu .main-menu > li > .nav-link {
    color: rgba(255, 255, 255, 0.92) !important;
  }

  body.emyui-aws-theme header.site-header #mobile-menu .main-menu > li > .nav-link::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
  }

  body.emyui-aws-theme header.site-header #mobile-menu .main-menu > li > .nav-link:hover,
  body.emyui-aws-theme header.site-header #mobile-menu .main-menu > li > .nav-link:focus,
  body.emyui-aws-theme header.site-header #mobile-menu .main-menu > li > .nav-link:active {
    background: transparent !important;
    transform: none !important;
  }

  body.emyui-aws-theme header.site-header .brand-logo {
    max-width: min(200px, 24vw) !important;
    margin-right: 0.25rem !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-logo-img {
    max-height: 52px !important;
    height: 52px !important;
    max-width: min(200px, 24vw) !important;
  }

  body.emyui-aws-theme header.site-header .signup-btn-header-ews-style .header-lang-currency,
  body.emyui-aws-theme header.site-header .arasistem-locale-btn-label,
  body.emyui-aws-theme header.site-header .header-lang-currency,
  body.emyui-aws-theme header.site-header .search-btn-header,
  body.emyui-aws-theme header.site-header .notifications-dropdown,
  body.emyui-aws-theme header.site-header .arasistem-account-trigger,
  body.emyui-aws-theme header.site-header .signup-btn-header-ews-style,
  body.emyui-aws-theme header.site-header .header-btn:has(.signup-btn-header-ews-style),
  body.emyui-aws-theme header.site-header .header-btn:has(.arasistem-header-cta) {
    display: none !important;
  }

  body.emyui-aws-theme header.site-header .signup-btn-header-mobile {
    display: inline-flex !important;
  }

  /* Compact icon cluster: cart + account, same 36px hit target */
  body.emyui-aws-theme header.site-header .header-btn-whmcs {
    flex: 0 0 auto !important;
    margin-left: 0.35rem !important;
    margin-right: 0 !important;
    gap: 0.35rem !important;
  }

  body.emyui-aws-theme header.site-header .shoping-cart-btn-header,
  body.emyui-aws-theme header.site-header .signup-btn-header-mobile,
  body.emyui-aws-theme header.site-header .arasistem-locale-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  body.emyui-aws-theme header.site-header .shoping-cart-btn-header i,
  body.emyui-aws-theme header.site-header .signup-btn-header-mobile i,
  body.emyui-aws-theme header.site-header .arasistem-locale-btn i {
    font-size: 1.05rem !important;
    margin: 0 !important;
  }

  body.emyui-aws-theme header.site-header .header-lang,
  body.emyui-aws-theme header.site-header .arasistem-locale-trigger {
    margin: 0 0.2rem 0 0 !important;
    flex: 0 0 auto !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-user-menu.d-none,
  body.emyui-aws-theme header.site-header .arasistem-user-menu {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Icon-only account trigger — welcome name does not fit here */
  body.emyui-aws-theme header.site-header .arasistem-user-menu > .nav-item > .nav-link {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: inherit !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-user-menu > .nav-item > .nav-link i {
    font-size: 1.05rem !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-user-menu > .nav-item > .nav-link::after,
  body.emyui-aws-theme header.site-header .arasistem-user-menu > .nav-item > .nav-link .badge {
    display: none !important;
  }
}

@media (min-width: 992px) {
  body.emyui-aws-theme header.site-header .signup-btn-header-mobile {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Shrink logo + menu. Hamburger only at ≤900. */
  body.emyui-aws-theme header.site-header .navbar,
  body.emyui-aws-theme header.site-header .site-navbar {
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  body.emyui-aws-theme header.site-header .brand-logo {
    max-width: min(200px, 22vw) !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
    margin-right: 0.4rem !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-logo-img,
  body.emyui-aws-theme header.site-header #mobile-menu .arasistem-logo-img {
    max-height: 52px !important;
    height: 52px !important;
    max-width: min(200px, 22vw) !important;
  }

  body.emyui-aws-theme header.site-header .main-menu,
  body.emyui-aws-theme header.site-header #mobile-menu .main-menu {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 0.28rem !important;
  }

  body.emyui-aws-theme header.site-header .main-menu > li > .nav-link,
  body.emyui-aws-theme header.site-header #mobile-menu .main-menu > li > .nav-link {
    font-size: 13px !important;
    font-weight: 400 !important;
    min-height: 0 !important;
    padding: 0.3rem 0.5rem !important;
    letter-spacing: -0.3px !important;
    white-space: nowrap !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  body.emyui-aws-theme header.site-header #mobile-menu .main-menu > li > .nav-link::before {
    content: none !important;
    display: none !important;
  }

  body.emyui-aws-theme header.site-header .search-btn-header,
  body.emyui-aws-theme header.site-header .navbar-toggler,
  body.emyui-aws-theme header.site-header .btn-close-off-canvas {
    display: none !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-user-menu > .nav-item > .nav-link {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-user-menu > .nav-item > .nav-link i {
    font-size: 1.05rem !important;
    margin: 0 !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-user-menu > .nav-item > .nav-link::after {
    display: none !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-header-cta {
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important;
    font-size: 0.74rem !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-locale-btn-label {
    font-size: 11px !important;
  }

  body.emyui-aws-theme header.site-header .header-btn-whmcs {
    margin-left: 0.35rem !important;
    margin-right: 0 !important;
    gap: 0.25rem !important;
  }
}

@media (min-width: 1200px) {
  /* Full-size nav from 1200 — keep hamburger off; tighten gutters so items do not collide */
  body.emyui-aws-theme header.site-header .navbar,
  body.emyui-aws-theme header.site-header .site-navbar {
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  body.emyui-aws-theme header.site-header .brand-logo {
    margin-right: 0.75rem !important;
  }

  body.emyui-aws-theme header.site-header .header-btn-whmcs {
    margin-left: 0.4rem !important;
    margin-right: 0 !important;
    gap: 0.5rem !important;
  }

  body.emyui-aws-theme header.site-header .shoping-cart-btn-header,
  body.emyui-aws-theme header.site-header .notifications-btn-header {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body.emyui-aws-theme header.site-header .navbar-toggler,
  body.emyui-aws-theme header.site-header .btn-close-off-canvas {
    display: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* Welcome name is ~200px — keep icon-only until 1400 so nav does not collide */
  body.emyui-aws-theme header.site-header .arasistem-user-menu > .nav-item > .nav-link {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-user-menu > .nav-item > .nav-link i {
    font-size: 1.05rem !important;
    margin: 0 !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-user-menu > .nav-item > .nav-link::after {
    display: none !important;
  }

  body.emyui-aws-theme header.site-header .main-menu {
    gap: 0.2rem !important;
  }

  body.emyui-aws-theme header.site-header .main-menu > li > .nav-link {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: -0.3px !important;
  }
}

@media (min-width: 1400px) {
  /* Full desktop: nav starts after the logo, actions stay on the right */
  body.emyui-aws-theme header.site-header #mobile-menu.navbar-collapse,
  body.emyui-aws-theme header.site-header #mobile-menu .navbar-nav-wrapper {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: none !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.emyui-aws-theme header.site-header #mobile-menu .main-menu,
  body.emyui-aws-theme header.site-header .main-menu {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-header-actions-home {
    margin-left: auto !important;
  }

  body.emyui-aws-theme header.site-header .main-menu > li > .nav-link,
  body.emyui-aws-theme header.site-header #mobile-menu .main-menu > li > .nav-link {
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: -0.3px !important;
    padding-left: 0.55rem !important;
    padding-right: 0.55rem !important;
  }

  body.emyui-aws-theme header.site-header .header-btn-whmcs {
    gap: 0.6rem !important;
  }

  body.emyui-aws-theme header.site-header .shoping-cart-btn-header,
  body.emyui-aws-theme header.site-header .notifications-btn-header {
    margin-right: 0 !important;
  }

  body.emyui-aws-theme header.site-header .arasistem-user-menu > .nav-item > .nav-link {
    padding-left: 0.45rem !important;
    margin-left: 0.1rem !important;
  }
}

/* ==========================================================================
   Legal documents — 4 yasal sayfa
   ========================================================================== */

.arasistem-legal-updated {
  margin: 0.45rem 0 0;
  font-size: 0.86rem;
  color: var(--as-muted, #6b7c72);
}

.arasistem-legal-layout {
  display: grid;
  grid-template-columns: minmax(13rem, 16.5rem) minmax(0, 1fr);
  gap: 2rem 2.25rem;
  align-items: start;
}

.arasistem-legal-toc {
  position: sticky;
  top: 5.5rem;
  padding: 1rem 1.05rem 1.05rem;
  background: #f4f6f4;
  border-radius: 14px;
}

.arasistem-legal-toc-title {
  margin: 0 0 0.65rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--as-muted, #6b7c72);
}

.arasistem-legal-toc ol {
  margin: 0;
  padding: 0 0 0 1.15rem;
}

.arasistem-legal-toc li {
  margin: 0 0 0.4rem;
  font-size: 0.86rem;
  line-height: 1.4;
}

.arasistem-legal-toc a {
  color: #1a2e24;
  text-decoration: none;
}

.arasistem-legal-toc a:hover {
  color: var(--as-green, #1b5e3b);
}

.arasistem-legal-intro {
  margin: 0 0 1.5rem;
  color: #1a2420;
}

.arasistem-legal-intro,
.arasistem-legal-intro p {
  font-size: 0.9rem !important;
  line-height: 1.65 !important;
  color: #1a2420;
}

.arasistem-legal-article {
  margin: 0 0 1.75rem;
}

.arasistem-legal-article > h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.45rem 0.55rem;
  margin: 0 0 0.85rem;
  padding: 0 0 0.7rem !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: none !important;
  font-size: 1.05rem;
  font-weight: 750;
  line-height: 1.35;
  color: #122018;
}

.arasistem-legal-article > h2::before,
.arasistem-legal-article > h2::after {
  content: none !important;
  display: none !important;
}

.arasistem-legal-num {
  color: var(--as-green-accent, #9abb3a);
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.arasistem-legal-heading {
  display: inline;
  border: 0;
  box-shadow: none;
  text-decoration: none;
}

/* Yeşil alt çizgi: gri çizgi yok; başlıkla arasında boşluk */
.arasistem-legal-article > h2 .arasistem-legal-heading {
  display: inline-block;
  padding-bottom: 0.7rem;
  border-bottom: 2px solid var(--as-green-accent, #9abb3a);
}

.arasistem-legal-prose {
  font-size: 0.875rem;
  line-height: 1.65;
  color: #2a332e;
}

.arasistem-legal-prose p,
.arasistem-legal-prose li {
  font-size: 0.875rem !important;
  line-height: 1.65 !important;
}

.arasistem-legal-prose p {
  margin: 0 0 0.85rem;
}

.arasistem-legal-prose ul,
.arasistem-legal-prose ol {
  margin: 0 0 0.85rem;
  padding-left: 1.2rem;
}

.arasistem-legal-identity {
  margin-top: 2rem;
  padding: 1.1rem 1.15rem;
  background: #f7f9f8;
  border-radius: 14px;
}

.arasistem-legal-identity h3 {
  margin: 0 0 0.45rem;
  font-size: 0.9rem;
}

.arasistem-legal-identity p {
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
}

.arasistem-legal-related {
  margin-top: 2.25rem;
  padding-top: 1.15rem;
  border-top: 1px solid var(--as-border-soft, #e4e9e6);
}

.arasistem-legal-related-title {
  margin: 0 0 0.55rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--as-muted, #6b7c72);
}

.arasistem-legal-related ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.arasistem-legal-related a {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.95rem;
  border-radius: 999px;
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--as-green, #1b5e3b) !important;
  background: #f4f7f4;
  border: 1px solid rgba(27, 94, 59, 0.16);
  text-decoration: none !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.arasistem-legal-related a:hover,
.arasistem-legal-related a:focus {
  color: var(--as-green-deep, #0f3d2e) !important;
  background: #fff;
  border-color: rgba(27, 94, 59, 0.32);
}

@media (max-width: 900px) {
  .arasistem-legal-layout {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .arasistem-legal-toc {
    position: static;
  }
}

/* ==========================================================================
   TOS modal — register / checkout
   ========================================================================== */

.arasistem-tos-modal {
  z-index: 1410;
}

body.modal-open:has(#arasistemTosModal.show) .modal-backdrop {
  z-index: 1400;
}

.arasistem-tos-modal .modal-dialog {
  max-width: 760px;
  margin: 1.5rem auto;
  width: calc(100% - 2rem);
}

.arasistem-tos-modal .modal-content {
  display: flex;
  flex-direction: column;
  max-height: min(88vh, 860px);
  border: 1px solid var(--as-border, #e4e9e6);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 22px 60px rgba(15, 40, 28, 0.18);
}

.arasistem-tos-modal .modal-header {
  flex: 0 0 auto;
  align-items: flex-start;
  border-bottom: 1px solid var(--as-border, #e4e9e6);
  padding: 1.15rem 1.35rem 1rem;
  background: #f7f9f8;
}

.arasistem-tos-modal-eyebrow {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--as-green, #1b5e3b);
}

.arasistem-tos-modal .modal-title {
  margin: 0.15rem 0 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--as-ink, #15241c);
}

.arasistem-tos-modal-updated {
  margin-top: 0.25rem;
  font-size: 0.78rem;
  color: var(--as-muted, #6b7c72);
}

.arasistem-tos-modal .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: -0.15rem -0.25rem 0 auto;
  padding: 0;
  border-radius: 999px;
  background: rgba(15, 40, 28, 0.06);
  border: 1px solid rgba(15, 40, 28, 0.1);
  opacity: 1;
  line-height: 1;
}

.arasistem-tos-modal .close:hover {
  background: rgba(15, 40, 28, 0.1);
  opacity: 1;
}

.arasistem-tos-modal .close span {
  font-size: 1.35rem;
  line-height: 1;
  color: var(--as-ink, #15241c);
}

.arasistem-tos-modal .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 1.15rem 1.4rem 1.25rem;
}

.arasistem-tos-modal-note {
  margin: 0 0 0.95rem;
  padding: 0.7rem 0.85rem;
  border-radius: 10px;
  background: rgba(27, 94, 59, 0.07);
  color: #1a2e24;
  font-size: 0.84rem;
  line-height: 1.5;
}

.arasistem-tos-modal .arasistem-legal-intro {
  margin-bottom: 1.1rem;
}

.arasistem-tos-modal-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 0 1.25rem;
  padding: 0.8rem 0.85rem;
  background: #f4f6f4;
  border-radius: 12px;
}

.arasistem-tos-modal-toc a {
  display: inline-flex;
  align-items: center;
  padding: 0.32rem 0.65rem;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(27, 94, 59, 0.14);
  color: #1a2e24 !important;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none !important;
}

.arasistem-tos-modal-toc a:hover,
.arasistem-tos-modal-toc a:focus {
  color: var(--as-green, #1b5e3b) !important;
  border-color: rgba(27, 94, 59, 0.32);
}

.arasistem-tos-modal .arasistem-legal-article:last-child {
  margin-bottom: 0;
}

.arasistem-tos-modal .modal-footer {
  flex: 0 0 auto;
  justify-content: flex-end;
  border-top: 1px solid var(--as-border, #e4e9e6);
  padding: 0.95rem 1.35rem;
  background: #fff;
}

.arasistem-tos-modal .arasistem-tos-modal-accept,
.arasistem-tos-modal .modal-footer .btn {
  min-height: 42px;
  padding: 0.5rem 1.15rem !important;
  font-size: 0.88rem !important;
  font-weight: 600;
  background: var(--as-green, #1b5e3b) !important;
  border-color: var(--as-green, #1b5e3b) !important;
  color: #fff !important;
}

.arasistem-tos-modal .arasistem-tos-modal-accept:hover,
.arasistem-tos-modal .modal-footer .btn:hover {
  background: var(--as-green-deep, #134530) !important;
  border-color: var(--as-green-deep, #134530) !important;
}

.arasistem-auth-check a.js-arasistem-tos-open,
.arasistem-checkout-tos a.js-arasistem-tos-open {
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

.arasistem-checkout-tos label,
.arasistem-checkout-tos.is-accepted label {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  margin: 0;
  cursor: pointer;
  white-space: normal;
}

.arasistem-checkout-tos-text {
  flex: 1 1 auto;
  min-width: 0;
  display: inline;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.45;
}

.arasistem-checkout-tos input.arasistem-tos-box,
.arasistem-auth-check input.arasistem-tos-box {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  margin: 0.15rem 0 0;
  flex: 0 0 18px;
  border: 2px solid #8a9a90;
  border-radius: 4px;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  box-shadow: none;
  opacity: 1 !important;
}

.arasistem-checkout-tos input.arasistem-tos-box:checked,
.arasistem-auth-check input.arasistem-tos-box:checked,
.arasistem-checkout-tos.is-accepted input.arasistem-tos-box,
.arasistem-auth-tos.is-accepted input.arasistem-tos-box {
  border-color: var(--as-green, #1b5e3b);
  background: var(--as-green, #1b5e3b);
}

.arasistem-checkout-tos input.arasistem-tos-box:checked::after,
.arasistem-auth-check input.arasistem-tos-box:checked::after,
.arasistem-checkout-tos.is-accepted input.arasistem-tos-box::after,
.arasistem-auth-tos.is-accepted input.arasistem-tos-box::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.arasistem-checkout-tos.is-accepted,
.arasistem-auth-tos.is-accepted {
  color: var(--as-green-deep, #134530);
}

.arasistem-checkout-tos .icheckbox_square-blue {
  background: none !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
}

@media (max-width: 900px) {
  .arasistem-tos-modal.modal {
    padding: 0 !important;
    z-index: 2400 !important;
  }

  body.modal-open:has(#arasistemTosModal.show) .modal-backdrop {
    z-index: 2390 !important;
  }

  body.modal-open .arasistem-auth-form--register .arasistem-auth-actions,
  body.modal-open:has(#arasistemTosModal.show) .arasistem-mobile-bottom-nav {
    display: none !important;
  }

  .arasistem-tos-modal .modal-dialog,
  .arasistem-tos-modal .modal-dialog.modal-dialog-centered {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
    height: 100% !important;
    height: 100dvh !important;
    max-height: 100% !important;
    max-height: 100dvh !important;
    transform: none !important;
    display: flex !important;
    align-items: stretch !important;
    z-index: 1;
  }

  .arasistem-tos-modal.show .modal-dialog,
  .arasistem-tos-modal.showing .modal-dialog,
  .arasistem-tos-modal.show .modal-dialog.modal-dialog-centered,
  .arasistem-tos-modal.showing .modal-dialog.modal-dialog-centered {
    transform: none !important;
  }

  .arasistem-tos-modal .modal-content {
    border-radius: 0 !important;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: #fff !important;
    isolation: isolate;
  }

  .arasistem-tos-modal .modal-header {
    padding: 0.95rem 1rem 0.85rem !important;
  }

  .arasistem-tos-modal .modal-title {
    font-size: 1.05rem;
  }

  .arasistem-tos-modal .modal-body {
    padding: 1rem 1.05rem 1.1rem !important;
  }

  .arasistem-tos-modal .modal-footer {
    padding: 0.8rem 1rem calc(0.85rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  .arasistem-tos-modal .arasistem-tos-modal-accept,
  .arasistem-tos-modal .modal-footer .btn {
    width: 100%;
    min-height: 46px;
  }

  .arasistem-tos-modal-toc a {
    font-size: 0.72rem;
  }
}

/* ==========================================================================
   Top-bar phone + sticky WhatsApp
   ========================================================================== */

.whmcs-top-header-area .arasistem-top-phone {
  white-space: nowrap;
}

.whmcs-top-header-area .arasistem-top-phone i {
  font-size: 11px;
}

.arasistem-wa-float {
  --as-wa: #25d366;
  --as-wa-deep: #128c7e;
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 2280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--as-wa);
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(18, 140, 126, 0.34);
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.arasistem-wa-float:hover,
.arasistem-wa-float:focus {
  background: var(--as-wa-deep);
  color: #fff !important;
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 14px 32px rgba(18, 140, 126, 0.46);
}

.arasistem-wa-float i {
  font-size: 1.28rem;
  line-height: 1;
  animation: as-wa-blink 1.6s ease-in-out infinite;
}

.arasistem-wa-float__label {
  display: none;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.04em;
  line-height: 1;
}

.arasistem-wa-float__ring {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  animation: as-wa-ring 1.8s ease-out infinite;
}

@keyframes as-wa-ring {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

@keyframes as-wa-blink {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.55;
    transform: scale(0.94);
  }
}

@media (prefers-reduced-motion: reduce) {
  .arasistem-wa-float i,
  .arasistem-wa-float__ring {
    animation: none;
  }
}

@media (max-width: 900px) {
  /* Isolate #toTop so .btn rules cannot stretch it into page flow */
  body.emyui-aws-theme #toTop {
    position: fixed !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    flex: none !important;
    margin: 0 !important;
  }

  /* Sticky CTA already sits above the 5-tab bar — extra safe-area padding
     opens a white strip under Siparişi tamamla / Ödemeye geç. */
  body:has(#arasistemMobileBottomNav) .arasistem-cart-mobile-bar,
  body:has(#arasistemMobileBottomNav) .arasistem-checkout-mobile-bar,
  body:has(#arasistemMobileBottomNav) .arasistem-config-mobile-bar,
  body:has(.arasistem-mobile-bottom-nav) .arasistem-cart-mobile-bar,
  body:has(.arasistem-mobile-bottom-nav) .arasistem-checkout-mobile-bar,
  body:has(.arasistem-mobile-bottom-nav) .arasistem-config-mobile-bar {
    padding-bottom: 0.55rem !important;
  }

  /* #toTop fades in on scroll and parks inside that strip — hide it on cart steps */
  body.emyui-aws-theme:has(.arasistem-cart-mobile-bar) #toTop,
  body.emyui-aws-theme:has(.arasistem-checkout-mobile-bar) #toTop,
  body.emyui-aws-theme:has(.arasistem-config-mobile-bar) #toTop {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }

  /* Other mobile pages: sit above the 5-tab bar only */
  body.emyui-aws-theme:has(.arasistem-mobile-bottom-nav):not(:has(.arasistem-cart-mobile-bar)):not(:has(.arasistem-checkout-mobile-bar)):not(:has(.arasistem-config-mobile-bar)) #toTop,
  body.emyui-aws-theme:has(#arasistemMobileBottomNav):not(:has(.arasistem-cart-mobile-bar)):not(:has(.arasistem-checkout-mobile-bar)):not(:has(.arasistem-config-mobile-bar)) #toTop {
    bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .arasistem-wa-float {
    top: 46%;
    right: 0;
    bottom: auto;
    width: auto;
    height: auto;
    min-width: 34px;
    min-height: 96px;
    padding: 0.55rem 0.42rem 0.6rem;
    border-radius: 14px 0 0 14px;
    flex-direction: column;
    gap: 0.55rem;
    box-shadow: -6px 8px 22px rgba(18, 140, 126, 0.28);
  }

  .arasistem-wa-float:hover,
  .arasistem-wa-float:focus {
    transform: translateX(-2px);
  }

  .arasistem-wa-float i {
    font-size: 1.05rem;
  }

  .arasistem-wa-float__label {
    display: inline-block;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }

  .arasistem-wa-float__ring {
    animation: none;
  }

  body.as-offcanvas-open .arasistem-wa-float,
  body:has(#mobile-menu.show) .arasistem-wa-float,
  body.as-account-drawer-open .arasistem-wa-float {
    visibility: hidden;
    pointer-events: none;
  }
}

@media (min-width: 901px) {
  /* Sit above #toTop (theme pins that button at bottom: 18px). Mobile unchanged. */
  .arasistem-wa-float {
    bottom: 80px;
  }

  body.emyui-aws-theme #order-standard_cart.arasistem-cart .arasistem-checkout-submit--aside {
    padding: 0 !important;
    margin-top: 0.85rem !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .arasistem-checkout-submit--aside .arasistem-checkout-tos {
    font-size: 0.7rem !important;
    line-height: 1.25;
    overflow: visible;
  }

  .arasistem-checkout-submit--aside .arasistem-checkout-tos label {
    align-items: center;
    width: auto;
    max-width: 100%;
    white-space: nowrap;
  }

  .arasistem-checkout-submit--aside .arasistem-checkout-tos-text {
    display: inline;
    flex: 0 0 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: visible;
    overflow-wrap: normal;
    word-break: normal;
  }

  html[dir="rtl"] .arasistem-wa-float {
    right: auto;
    left: 22px;
  }
}

@media (max-width: 900px) {
  html[dir="rtl"] .arasistem-wa-float {
    right: auto;
    left: 0;
    border-radius: 0 14px 14px 0;
  }
}

@media print {
  .arasistem-wa-float {
    display: none !important;
  }
}