/*
 * Sofmira Modern V7 — V6 Refined
 *
 * This layer deliberately preserves V6 information architecture, WISECP
 * contracts and hosting-control visual language. It only improves spacing,
 * component finish, responsive rhythm and focus states.
 */

:root {
  --sfm-v7-radius-sm: 8px;
  --sfm-v7-radius: 12px;
  --sfm-v7-radius-lg: 16px;
  --sfm-v7-shadow-soft: 0 16px 44px rgba(0, 13, 50, .09);
  --sfm-v7-shadow-dark: 0 28px 72px rgba(0, 8, 38, .28);
}

/* Keep the professional-services hero legible after the later V6 public-page
   heading rule. The mineral foreground matches the technical dark palette. */
.sayfacontent .sfm-services-hero h1 {
  color: var(--sfm-v6-mineral, #f3f4ef);
}

/* Header: keep the V6 structure, give controls a calmer contemporary finish. */
.header.sfm-v2-site-header .sfm-v2-sticky-shell,
body#home .header.sfm-v2-site-header .sfm-v2-sticky-shell,
body#muspanel .header.sfm-v2-site-header .sfm-v2-sticky-shell {
  border-bottom-color: rgba(0, 24, 84, .12) !important;
  background: rgba(247, 248, 245, .97) !important;
  box-shadow: 0 10px 34px rgba(0, 24, 84, .055) !important;
}

.header.sfm-v2-site-header .logo a,
body#home .header.sfm-v2-site-header .logo a,
body#muspanel .header.sfm-v2-site-header .logo a,
.header.sfm-v2-site-header :is(.sfm-v2-header-tool, .sfm-v2-account-link, .sfm-home-nav-cart, .sfm-home-nav-search),
.header.sfm-v2-site-header .sfm-v2-consultation {
  border-radius: var(--sfm-v7-radius-sm) !important;
}

.header.sfm-v2-site-header .sfm-home-mainnav a {
  border-radius: 7px !important;
}

.header.sfm-v2-site-header .sfm-v7-logout-link {
  gap: 7px !important;
  padding-inline: 12px !important;
  border-color: rgba(173, 46, 46, .25) !important;
  color: #8a2020 !important;
  background: rgba(255, 255, 255, .78) !important;
}

.header.sfm-v2-site-header .sfm-v7-logout-link:hover {
  border-color: #8a2020 !important;
  color: #ffffff !important;
  background: #8a2020 !important;
}

/* Public catalogue/detail routes do not carry the homepage body ID, so the
   legacy fixed-shell spacer used to reserve both its own height and another
   76px of top padding. Reserve exactly the one-row desktop shell height while
   retaining the established fixed navigation. Pages with a legacy title band
   are deliberately excluded because that band still belongs to their header. */
@media (min-width: 1181px) {
  body:not(#home):not(#modernpanel):not(#muspanel):not(#uyeolgirisbody)
  .header.sfm-home-header.sfm-site-header.sfm-v2-site-header:not(:has(.sayfabaslik)) {
    position: relative !important;
    top: auto !important;
    float: none !important;
    width: 100% !important;
    height: 93px !important;
    min-height: 93px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body:not(#home):not(#modernpanel):not(#muspanel):not(#uyeolgirisbody)
  .header.sfm-home-header.sfm-site-header.sfm-v2-site-header:not(:has(.sayfabaslik))
  > .sfm-v2-sticky-shell {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
  }
}

:is(body#modernpanel, body#muspanel) .sfm-v7-panel-logout-item {
  border-top: 1px solid rgba(138, 32, 32, .18) !important;
}

:is(body#modernpanel, body#muspanel) .sfm-v7-panel-logout-link {
  color: #8a2020 !important;
  background: rgba(138, 32, 32, .045) !important;
}

:is(body#modernpanel, body#muspanel) .sfm-v7-panel-logout-link:hover,
:is(body#modernpanel, body#muspanel) .sfm-v7-panel-logout-link:focus-visible {
  color: #ffffff !important;
  background: #8a2020 !important;
}

.categoriesproduct.sfm-hosting-category-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: min(1120px, calc(100% - 32px)) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow-x: visible !important;
}

.categoriesproduct.sfm-hosting-category-grid > a.lbtn {
  width: auto !important;
  min-width: 0 !important;
  white-space: normal !important;
}

.sfm-v7-server-manage-disabled {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  opacity: .48;
  cursor: not-allowed;
  filter: grayscale(1);
}

.sfm-v7-server-manage-provisioning {
  border-color: rgba(0, 184, 200, .45) !important;
}

.sfm-v7-provisioning-notice {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin: 20px;
  padding: 18px 20px;
  border: 1px solid rgba(0, 184, 200, .38);
  border-left: 4px solid var(--sfm-v6-cyan, #00b8c8);
  border-radius: var(--sfm-v7-radius-sm);
  color: var(--sfm-v6-ink, #0b0d10);
  background: rgba(0, 184, 200, .07);
}

.sfm-v7-provisioning-notice > i {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: var(--sfm-v6-navy, #001854);
  background: rgba(184, 255, 61, .72);
}

.sfm-v7-provisioning-notice strong {
  display: block;
  margin-bottom: 5px;
  color: var(--sfm-v6-navy, #001854);
  font-size: 16px;
}

.sfm-v7-provisioning-notice p {
  margin: 0 !important;
  color: var(--sfm-v6-muted, #59626b) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

body#home:not(.sfm-force-mobile-nav) .header.sfm-v2-site-header .sfm-home-mainnav a[href*="/ozel-web-sitesi"],
body#muspanel:not(.sfm-force-mobile-nav) .header.sfm-v2-site-header .sfm-home-mainnav a[href*="/ozel-web-sitesi"] {
  border: 1px solid rgba(126, 174, 37, .34) !important;
  background: rgba(184, 255, 61, .13) !important;
  box-shadow: none !important;
}

body#home:not(.sfm-force-mobile-nav) .header.sfm-v2-site-header .sfm-home-mainnav a[href*="/ozel-web-sitesi"]::before,
body#muspanel:not(.sfm-force-mobile-nav) .header.sfm-v2-site-header .sfm-home-mainnav a[href*="/ozel-web-sitesi"]::before,
body#home:not(.sfm-force-mobile-nav) .header.sfm-v2-site-header .sfm-home-mainnav a[href*="/ozel-web-sitesi"]::after,
body#muspanel:not(.sfm-force-mobile-nav) .header.sfm-v2-site-header .sfm-home-mainnav a[href*="/ozel-web-sitesi"]::after {
  display: none !important;
}

@media (min-width: 1261px) {
  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header.sfm-v2-site-header .sfm-home-mainnav,
  body#home:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header.sfm-v2-site-header .sfm-home-mainnav,
  body#muspanel:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header.sfm-v2-site-header .sfm-home-mainnav {
    gap: 3px !important;
  }

  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header.sfm-v2-site-header .sfm-home-mainnav a,
  body#home:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header.sfm-v2-site-header .sfm-home-mainnav a,
  body#muspanel:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header.sfm-v2-site-header .sfm-home-mainnav a {
    padding-inline: 4px !important;
  }

  .header.sfm-v2-site-header .sfm-home-mainnav .sfm-v7-support-nav {
    display: none !important;
  }
}

@media (min-width: 1261px) and (max-width: 1439px) {
  .header.sfm-v2-site-header .sfm-home-nav-actions .sfm-v2-consultation {
    display: none !important;
  }
}

/* Homepage: the V6 control-room identity remains intact. */
.sfm-v7-refined {
  --sfm-v6-section-pad: clamp(72px, 7vw, 104px);
  --sfm-v6-muted: #59626b;
}

.sfm-v7-refined .sfm-v4-hero {
  padding: clamp(66px, 6.4vw, 96px) 0 clamp(72px, 7vw, 104px) !important;
}

.sfm-v7-refined .sfm-v4-hero::before {
  opacity: .84 !important;
  background-size: 72px 72px !important;
}

.sfm-v7-refined .sfm-v4-hero-title {
  max-width: 1050px !important;
  font-size: clamp(52px, 6vw, 88px) !important;
  letter-spacing: -.045em !important;
  line-height: .99 !important;
}

.sfm-v7-refined .sfm-v4-hero-title em {
  font-family: var(--sfm-v6-display) !important;
  font-style: normal !important;
  font-weight: 610 !important;
  letter-spacing: -.045em !important;
  line-height: inherit !important;
}

.sfm-v7-refined .sfm-v4-hero-bottom {
  grid-template-columns: minmax(330px, .84fr) minmax(500px, 1.16fr) !important;
  gap: clamp(42px, 6vw, 92px) !important;
  margin-top: clamp(48px, 5.5vw, 76px) !important;
}

.sfm-v7-refined .sfm-v4-hero-copy > p {
  color: rgba(243, 244, 239, .79) !important;
}

.sfm-v7-refined :is(.sfm-v4-eyebrow, .sfm-v4-act-number, .sfm-v4-lane-kicker, .sfm-v4-service-id, .sfm-v4-story-cue) {
  font-size: 12px !important;
  letter-spacing: .08em !important;
}

.sfm-v7-refined .sfm-v4-story-cue {
  color: rgba(243, 244, 239, .62) !important;
}

.sfm-v7-refined .sfm-v4-act-head h2,
.sfm-v7-refined .sfm-v4-domain-head h2,
.sfm-v7-refined .sfm-v4-trust h2,
.sfm-v7-refined .sfm-v4-closing h2,
.sfm-v7-refined .sfm-v4-news-head h2 {
  font-size: clamp(40px, 4.6vw, 64px) !important;
  letter-spacing: -.045em !important;
  line-height: 1.04 !important;
}

.sfm-v7-refined .sfm-v4-route-button,
.sfm-v7-refined .sfm-v4-button {
  border-radius: var(--sfm-v7-radius-sm) !important;
}

.sfm-v7-refined .sfm-v4-route-button {
  min-height: 56px !important;
}

.sfm-v7-refined .sfm-v4-route-button--website {
  min-height: 62px !important;
  box-shadow: 0 10px 28px rgba(184, 255, 61, .1) !important;
}

.sfm-v7-refined .sfm-v4-route-button--server {
  grid-column: 1 / -1;
  border-color: rgba(0, 184, 200, .72) !important;
  background: rgba(0, 184, 200, .08) !important;
}

.sfm-v7-control-panel {
  border-radius: var(--sfm-v7-radius) !important;
  box-shadow: var(--sfm-v7-shadow-dark) !important;
  overflow: hidden;
}

.sfm-v7-control-panel .sfm-v6-control-list a {
  min-height: 60px;
}

.sfm-v7-control-panel .sfm-v6-control-foot {
  min-height: 62px;
}

.sfm-v7-control-panel :is(.sfm-v6-control-head span, .sfm-v6-control-head b, .sfm-v6-control-foot > span, .sfm-v6-control-list small) {
  font-size: 12px;
  letter-spacing: .08em;
}

/* Light sections: replace hard ledger edges with restrained surfaces. */
.sfm-v7-refined .sfm-v4-dual-lanes {
  gap: 18px !important;
  border: 0 !important;
  background: transparent !important;
}

.sfm-v7-refined .sfm-v4-story-lane,
.sfm-v7-refined .sfm-v4-story-lane:first-child,
.sfm-v7-refined .sfm-v4-story-lane + .sfm-v4-story-lane {
  min-height: 280px !important;
  padding: clamp(30px, 4vw, 50px) !important;
  border: 1px solid rgba(0, 24, 84, .15) !important;
  border-radius: var(--sfm-v7-radius-lg) !important;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: var(--sfm-v7-shadow-soft) !important;
}

.sfm-v7-refined .sfm-v4-story-lane h3 {
  margin-top: 32px !important;
}

.sfm-v7-refined .sfm-v4-story-lane:hover {
  border-color: rgba(0, 184, 200, .48) !important;
  background: #fff !important;
}

/* Dark service ledger: preserve the operational feel, soften only the shell. */
.sfm-v7-refined .sfm-v4-services-list {
  border-radius: var(--sfm-v7-radius) !important;
  overflow: hidden;
}

.sfm-v7-refined .sfm-v4-service-row {
  min-height: 92px !important;
}

.sfm-v7-refined .sfm-v4-service-copy strong {
  font-size: clamp(21px, 2vw, 29px) !important;
}

.sfm-v7-refined .sfm-v4-service-copy small {
  display: block;
  margin-top: 6px;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.sfm-v7-refined .sfm-v4-service-scope {
  font-size: 12px !important;
  letter-spacing: .035em !important;
}

.sfm-v7-refined .sfm-v4-service-row.is-software {
  margin: 8px !important;
  border-radius: var(--sfm-v7-radius-sm) !important;
}

.sfm-v7-refined .sfm-v4-software-signal {
  border-radius: var(--sfm-v7-radius-lg) !important;
  box-shadow: 0 22px 54px rgba(0, 8, 38, .22) !important;
}

.sfm-v7-refined .sfm-v4-software-signal-action a,
.sfm-v7-refined .sfm-v4-convergence-path,
.sfm-v7-refined .sfm-v4-team-core,
.sfm-v7-refined .sfm-v4-domain-start nav a,
.sfm-v7-refined .sfm-v4-news-card {
  border-radius: var(--sfm-v7-radius) !important;
}

.sfm-v7-refined .sfm-v4-convergence {
  gap: 16px !important;
}

.sfm-v7-refined .sfm-v4-operation {
  margin-top: clamp(64px, 7vw, 88px) !important;
}

.sfm-v7-refined .sfm-v4-convergence-path {
  background: rgba(255, 255, 255, .52) !important;
  box-shadow: 0 12px 34px rgba(0, 24, 84, .065) !important;
}

.sfm-v7-refined .sfm-v4-team-core {
  box-shadow: 0 18px 46px rgba(0, 24, 84, .17) !important;
}

.sfm-v7-refined .sfm-v4-domain-tool {
  border-radius: var(--sfm-v7-radius-lg) !important;
  box-shadow: 0 18px 48px rgba(0, 8, 38, .28) !important;
}

.sfm-v7-refined .sfm-v4-domain-input-row {
  border-radius: var(--sfm-v7-radius-sm) !important;
  overflow: hidden;
}

.sfm-v7-refined .sfm-v4-closing .sfm-v4-button {
  border-radius: var(--sfm-v7-radius-sm) !important;
}

@media (max-width: 1100px) {
  .categoriesproduct.sfm-hosting-category-grid {
    grid-template-columns: 1fr !important;
    width: min(560px, calc(100% - 28px)) !important;
  }

  .sfm-v7-refined .sfm-v4-hero-bottom {
    grid-template-columns: 1fr !important;
  }

  .sfm-v7-refined .sfm-v4-hero-copy,
  .sfm-v7-control-panel {
    width: min(100%, 780px);
  }
}

@media (max-width: 760px) {
  .sfm-v7-refined {
    --sfm-v6-section-pad: clamp(56px, 10vw, 76px);
  }

  .sfm-v7-refined .sfm-v4-hero {
    padding: 54px 0 66px !important;
  }

  .sfm-v7-refined .sfm-v4-hero-title {
    font-size: clamp(38px, 11vw, 48px) !important;
    line-height: 1.01 !important;
  }

  .sfm-v7-refined .sfm-v4-act-head h2,
  .sfm-v7-refined .sfm-v4-domain-head h2,
  .sfm-v7-refined .sfm-v4-trust h2,
  .sfm-v7-refined .sfm-v4-closing h2,
  .sfm-v7-refined .sfm-v4-news-head h2 {
    font-size: clamp(32px, 9vw, 44px) !important;
  }

  .sfm-v7-refined .sfm-v4-hero-bottom {
    gap: 30px !important;
    margin-top: 38px !important;
  }

  .sfm-v7-refined .sfm-v4-story-lane,
  .sfm-v7-refined .sfm-v4-story-lane:first-child,
  .sfm-v7-refined .sfm-v4-story-lane + .sfm-v4-story-lane {
    min-height: 0 !important;
    padding: 30px 22px !important;
  }

  .sfm-v7-refined .sfm-v4-story-lane h3 {
    margin-top: 30px !important;
  }

  .sfm-v7-control-panel {
    border-radius: 10px !important;
    box-shadow: 0 18px 46px rgba(0, 8, 38, .28) !important;
  }
}

@media (max-width: 520px) {
  .sfm-v7-refined .sfm-v4-hero {
    padding: 44px 0 58px !important;
  }

  .sfm-v7-control-panel .sfm-v6-control-head,
  .sfm-v7-control-panel .sfm-v6-control-foot {
    min-height: 48px;
    padding: 10px 12px;
    align-items: center;
    flex-direction: row;
    gap: 10px;
  }

  .sfm-v7-control-panel :is(.sfm-v6-control-head span, .sfm-v6-control-head b, .sfm-v6-control-foot > span, .sfm-v6-control-list small) {
    font-size: 10px;
    letter-spacing: .065em;
  }

  .sfm-v7-control-panel .sfm-v6-control-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sfm-v7-control-panel .sfm-v6-control-list li {
    min-width: 0;
    border-right: 1px solid rgba(243, 244, 239, .16);
  }

  .sfm-v7-control-panel .sfm-v6-control-list li:nth-child(2n) {
    border-right: 0;
  }

  .sfm-v7-control-panel .sfm-v6-control-list a {
    grid-template-columns: 22px minmax(0, 1fr) 14px;
    gap: 6px;
    min-height: 72px;
    padding: 8px 9px;
  }

  .sfm-v7-control-panel .sfm-v6-control-list span {
    font-size: 13px;
    line-height: 1.2;
  }

  .sfm-v7-control-panel .sfm-v6-control-foot > span,
  .sfm-v7-control-panel .sfm-v6-control-foot a {
    line-height: 1.25;
  }

  .sfm-v7-refined .sfm-v4-continuity-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sfm-v7-refined *,
  .sfm-v7-refined *::before,
  .sfm-v7-refined *::after {
    animation: none !important;
    transition-duration: .001ms !important;
  }
}

/* --------------------------------------------------------------------------
   V7 production audit: forms, notices and account product modules
   -------------------------------------------------------------------------- */

/* WISECP's base theme assigns white directly to notice children.  V7 uses
   light notice surfaces, so every textual child must inherit the accessible
   foreground instead of keeping the legacy white value. */
:is(.blue-info, .green-info, .red-info, .gray-info, .info, .success, .error, .warning, .alert)
  :is(p, h1, h2, h3, h4, h5, h6, strong, small, span) {
  color: inherit !important;
}

:is(.blue-info, .green-info, .red-info, .gray-info, .info, .success, .error, .warning, .alert)
  a:not(.btn):not(.lbtn):not(.sbtn):not(.gonderbtn) {
  color: inherit !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

:is(.blue-info, .green-info, .red-info, .gray-info) > .padding15:has(> i:first-child) {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 6px 12px;
  align-items: center;
}

:is(.blue-info, .green-info, .red-info, .gray-info) > .padding15:has(> i:first-child) > i:first-child {
  position: static !important;
  display: grid !important;
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  place-items: center;
  float: none !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  border-radius: 50%;
  color: inherit !important;
  background: rgba(255, 255, 255, .58);
  font-size: 17px !important;
  line-height: 1 !important;
  opacity: 1 !important;
}

:is(.blue-info, .green-info, .red-info, .gray-info) > .padding15:has(> i:first-child) > :not(i:first-child) {
  grid-column: 2;
  min-width: 0;
  margin-block: 0 !important;
}

/* The domain module contains a semantic outer tab and a second, module-level
   tab.  Legacy generic .subtab/.tabcontent rules styled every wrapper as a
   panel, producing the concentric boxes visible on the DNS screen. */
:is(body#modernpanel, body#muspanel) #tab-tab > .tabcontent > .tabcontentcon {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

:is(body#modernpanel, body#muspanel) #tab-tab > .tabcontent:has(> .tabcontentcon > .subtab) {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

:is(body#modernpanel, body#muspanel) #tab-tab > .tabcontent > .tabcontentcon > .subtab {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

:is(body#modernpanel, body#muspanel) #tab-tab > .tabcontent > .tabcontentcon > .subtab > ul.tab {
  margin-bottom: 14px !important;
}

:is(body#modernpanel, body#muspanel) #tab-tab > .tabcontent > .tabcontentcon > .subtab > .tabcontent {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

:is(body#modernpanel, body#muspanel) .DomainModuleChildPage {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

:is(body#modernpanel, body#muspanel) .DomainModuleChildPage > table {
  min-width: 700px;
}

:is(body#modernpanel, body#muspanel) .mpanelrightcon
  :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
  max-width: 100%;
  box-sizing: border-box;
}

:is(body#modernpanel, body#muspanel) #tab-tab :is(.yesilbtn, .turuncbtn, .mavibtn, .redbtn, .gonderbtn) {
  max-width: 100%;
  box-sizing: border-box;
}

:is(body#modernpanel, body#muspanel) #tab-tab > ul.tab > .orderidno {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  align-self: stretch;
  gap: 5px;
  margin-left: auto;
  padding: 6px 10px;
}

/* Deterministic signup layout.  The core title floats with a negative top
   margin, which makes the first field wrap beside it. */
#new-signin-signup #Signup_Form .clean-theme-signup-box {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start;
  gap: 14px !important;
  box-sizing: border-box;
  overflow: visible;
}

#new-signin-signup #Signup_Form .clean-theme-signup-box-title {
  position: static !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  flex: 0 0 100%;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(0, 24, 84, .12);
  border-radius: 0 !important;
  background: transparent !important;
  box-sizing: border-box;
}

#new-signin-signup #Signup_Form .clean-theme-signup-box > :is(.yuzde50, .yuzde70, .yuzde100) {
  float: none !important;
  min-width: 0;
  margin: 0 !important;
  vertical-align: top;
  box-sizing: border-box;
}

#new-signin-signup #Signup_Form .clean-theme-signup-box > .yuzde50 {
  flex: 1 1 calc(50% - 7px);
  width: calc(50% - 7px) !important;
}

#new-signin-signup #Signup_Form .clean-theme-signup-box > :is(.yuzde70, .yuzde100) {
  flex: 0 0 100%;
  width: 100% !important;
}

#new-signin-signup #Signup_Form .clean-theme-signup-box > :is(.yuzde50, .yuzde70, .yuzde100)
  > :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .intl-tel-input) {
  width: 100% !important;
  max-width: 100%;
}

#new-signin-signup :is(input, textarea)::placeholder {
  color: #5e7281 !important;
  opacity: 1 !important;
}

.sfm-field-error,
[aria-invalid="true"] {
  border-color: #b42318 !important;
  box-shadow: 0 0 0 3px rgba(180, 35, 24, .12) !important;
}

/* VDS facts come from the shared, read-only WISECP product adapter. */
.sfm-server-primary-spec.is-unconfirmed {
  color: #687281 !important;
}

.sfm-server-vds-card {
  min-height: 790px !important;
}

.sfm-server-inline-specs {
  width: 100%;
  margin: 0 0 20px;
  color: var(--sfm-v6-ink, #172033);
  box-sizing: border-box;
}

.sfm-server-inline-specs__group > h4 {
  margin: 0;
  padding: 12px 0 8px;
  border-top: 1px solid rgba(0, 24, 84, .16);
  color: #647082;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1.35;
  text-align: left;
  text-transform: uppercase;
}

.sfm-server-inline-specs__group > dl {
  margin: 0;
  padding: 0;
}

.sfm-server-inline-specs__row {
  display: grid;
  grid-template-columns: minmax(88px, .78fr) minmax(0, 1.25fr);
  gap: 10px;
  min-height: 38px;
  padding: 8px 0;
  align-items: start;
  border-top: 1px solid rgba(0, 24, 84, .09);
  text-align: left;
}

.sfm-server-inline-specs__row :is(dt, dd) {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.sfm-server-inline-specs__row dt {
  color: #697383;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.sfm-server-inline-specs__row dd {
  color: var(--sfm-v6-navy, #001854);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-align: right;
}

.sfm-server-inline-specs__row.is-cpu dd {
  color: var(--sfm-v6-navy, #001854);
  font-size: 13px;
}

.sfm-server-inline-specs__row.is-negative dd {
  font-weight: 720;
}

.sfm-server-generic-features {
  display: grid !important;
  gap: 7px;
  margin: 14px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: left;
}

.sfm-server-generic-features > li {
  position: relative;
  padding-left: 16px;
  color: #536070;
  font-size: 13px;
  line-height: 1.45;
}

.sfm-server-generic-features > li::before {
  content: "";
  position: absolute;
  top: .62em;
  left: 1px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sfm-v6-cyan, #00b8c8);
}

.sfm-server-details-list {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}

.sfm-server-details-list > article {
  padding: 18px;
  border: 1px solid rgba(0, 24, 84, .14);
  border-radius: var(--sfm-v7-radius);
  background: var(--sfm-v6-paper, #fff);
}

.sfm-server-details-list > article > h3 {
  color: var(--sfm-v6-navy, #001854);
  font-size: 20px;
  font-weight: 800;
}

.sfm-server-vds-disclosure {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: clamp(18px, 3vw, 42px);
  margin: 20px 0 34px;
  padding: 18px 20px;
  border: 1px solid rgba(0, 24, 84, .16);
  border-left: 4px solid var(--sfm-v6-cyan, #00b8c8);
  border-radius: var(--sfm-v7-radius-sm);
  color: #505a69;
  background: rgba(251, 252, 248, .78);
}

.sfm-server-vds-disclosure > p {
  margin: 0;
  font-size: 12px;
  line-height: 1.65;
}

.sfm-server-vds-disclosure strong {
  color: var(--sfm-v6-navy, #001854);
}

.sfm-server-order-summary {
  display: grid;
  grid-template-columns: minmax(220px, .7fr) minmax(0, 1.5fr);
  gap: clamp(22px, 4vw, 48px);
  width: min(100%, 1120px);
  margin: 24px auto 34px;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(0, 24, 84, .2);
  border-top: 4px solid var(--sfm-v6-cyan, #00b8c8);
  border-radius: var(--sfm-v7-radius);
  color: var(--sfm-v6-ink, #172033);
  background: var(--sfm-v6-paper, #fff);
  box-shadow: var(--sfm-v7-shadow-soft);
  box-sizing: border-box;
}

.sfm-server-order-summary__head > p {
  margin: 0 0 8px;
  color: #617080;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.sfm-server-order-summary__head > h2 {
  margin: 0 0 10px;
  color: var(--sfm-v6-navy, #001854);
  font-size: clamp(24px, 2.5vw, 34px);
  font-weight: 750;
  line-height: 1.08;
}

.sfm-server-order-summary__head > strong {
  color: #536070;
  font-size: 15px;
}

.sfm-server-order-summary > dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 1px;
  background: rgba(0, 24, 84, .14);
}

.sfm-server-order-summary > dl > div {
  min-width: 0;
  padding: 13px 14px;
  background: var(--sfm-v6-paper, #fff);
}

.sfm-server-order-summary > dl > div:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.sfm-server-order-summary :is(dt, dd) {
  margin: 0;
  overflow-wrap: anywhere;
}

.sfm-server-order-summary dt {
  margin-bottom: 5px;
  color: #617080;
  font-size: 12px;
  font-weight: 700;
}

.sfm-server-order-summary dd {
  color: var(--sfm-v6-navy, #001854);
  font-size: 14px;
  font-weight: 800;
}

/* Preserve intlTelInput's country-dependent spacing against legacy generic
   input rules that use !important.  This supports every dial-code length. */
.intl-tel-input {
  width: 100% !important;
  max-width: 100%;
}

.iti {
  width: 100% !important;
  max-width: 100%;
}

/* Modern intlTelInput writes the country-specific spacing inline. Account
   form rules use !important, so consume the value mirrored by ac-info.php. */
:is(body#modernpanel, body#muspanel) .mpanelrightcon .iti > input:not([type="hidden"]) {
  padding-left: var(--sfm-intl-tel-padding-left, 85px) !important;
  padding-right: var(--sfm-intl-tel-padding-right, 13px) !important;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.separate-dial-code input {
  padding-right: 6px !important;
  padding-left: 52px !important;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input { padding-left: 66px !important; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input { padding-left: 76px !important; }
.intl-tel-input.separate-dial-code.iti-sdc-3 input { padding-left: 74px !important; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input { padding-left: 84px !important; }
.intl-tel-input.separate-dial-code.iti-sdc-4 input { padding-left: 82px !important; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input { padding-left: 92px !important; }
.intl-tel-input.separate-dial-code.iti-sdc-5 input { padding-left: 90px !important; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input { padding-left: 100px !important; }

/* Signup uses an ID-scoped generic input rule in sofmirablitz. Keep the phone
   text clear of the flag and dial code with selectors that deliberately win
   that cascade without changing intlTelInput's behaviour elsewhere. */
body#uyeolgirisbody #new-signin-signup #Signup_Form .intl-tel-input.separate-dial-code > input#gsm {
  min-width: 0;
  padding-right: 14px !important;
  padding-left: 84px !important;
  box-sizing: border-box !important;
}

body#uyeolgirisbody #new-signin-signup #Signup_Form .intl-tel-input.separate-dial-code.iti-sdc-2 > input#gsm { padding-left: 84px !important; }
body#uyeolgirisbody #new-signin-signup #Signup_Form .intl-tel-input.separate-dial-code.iti-sdc-3 > input#gsm { padding-left: 92px !important; }
body#uyeolgirisbody #new-signin-signup #Signup_Form .intl-tel-input.separate-dial-code.iti-sdc-4 > input#gsm { padding-left: 100px !important; }
body#uyeolgirisbody #new-signin-signup #Signup_Form .intl-tel-input.separate-dial-code.iti-sdc-5 > input#gsm { padding-left: 108px !important; }

body#uyeolgirisbody #new-signin-signup #Signup_Form .intl-tel-input .selected-flag {
  height: 100%;
  border-right: 1px solid rgba(0, 24, 84, .12);
  border-radius: 10px 0 0 10px;
  background: #f4f8f8 !important;
}

body#uyeolgirisbody #new-signin-signup #Signup_Form .intl-tel-input .selected-dial-code {
  color: var(--sfm-v6-navy, #001854);
  font-weight: 750;
}

body#uyeolgirisbody #new-signin-signup #Signup_Form .intl-tel-input .country-list {
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
}

body#uyeolgirisbody #new-signin-signup #Signup_Form .intl-tel-input:focus-within .selected-flag {
  border-right-color: rgba(0, 184, 200, .5);
}

#new-signin-signup #Signup_Form .sfm-signup-field-note {
  display: block;
  margin: 7px 2px 0;
  color: #5e7281;
  font-size: 12px;
  line-height: 1.45;
}

@media (min-width: 701px) and (max-width: 1100px) {
  .categoriesproduct.sfm-hosting-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(760px, calc(100% - 28px)) !important;
  }
}

@media (max-width: 700px) {
  .categoriesproduct.sfm-hosting-category-grid {
    grid-template-columns: 1fr !important;
    width: min(560px, calc(100% - 24px)) !important;
  }

  #new-signin-signup #Signup_Form .clean-theme-signup-box > .yuzde50 {
    flex-basis: 100%;
    width: 100% !important;
  }

  .sfm-server-order-summary {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-block: 18px 28px;
    padding: 20px 16px;
  }

  .sfm-server-order-summary > dl {
    grid-template-columns: 1fr;
  }

  .sfm-server-vds-card {
    min-height: 0 !important;
  }

  .sfm-server-inline-specs__row {
    grid-template-columns: minmax(86px, .75fr) minmax(0, 1.25fr);
  }

  .sfm-server-vds-disclosure {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
  }

  :is(body#modernpanel, body#muspanel) #tab-tab > ul.tab > .orderidno {
    flex: 1 1 100%;
    justify-content: center;
    margin-left: 0;
  }
}

/* Give the selected provider statement one point more emphasis while leaving
   the following legal-usage notice at its existing size and weight. */
.footer.sfm-v2-footer .sfm-footer-provider-notice {
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Keep every primary footer group, including Agreements, on the first row at
   wide desktop sizes. Tablet and mobile retain the existing responsive grid
   and disclosure behaviour. */
@media (min-width: 1181px) {
  .footer.sfm-v2-footer .sfm-footer-grid {
    grid-template-columns: minmax(340px, 1.45fr) repeat(6, minmax(90px, .55fr)) !important;
    gap: clamp(14px, 1.4vw, 22px) !important;
  }
}