@charset "utf-8";
body{font-family:'Titillium Web',sans-serif;font-size:15px;line-height:normal;color:#302847;margin:0;padding:0;overflow-x:hidden;background-repeat:repeat-x}
#muspanel{background-image:url(https://sofmira.com/templates/website/Modern/images/cloudbg.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:fixed}
#wrapper{width:85%;margin-left:auto;margin-right:auto}
a,img,input,select,textarea{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
a{color:#302847;text-decoration:none}
input,select,textarea{font-family:'Titillium Web',sans-serif;outline:none;padding:5px;font-size:15px;color:#635287;border:1px solid #ccc}
input,textarea{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:none;border:1px solid #444}
::-webkit-input-placeholder{color:rgba(0,0,0,0.35);}
:-moz-placeholder{color:rgba(0,0,0,0.35);}
::-moz-placeholder{color:rgba(0,0,0,0.35);}
:-ms-input-placeholder{color:rgba(0,0,0,0.35);}
textarea{resize:vertical}
p {line-height:23px;}
.zorunlu{font-weight:bolder;color:red}
.notice{color:orange;font-weight:700;display:inline-block}
.error{color:#f44336;font-weight:700}
.complete{color:green;font-weight:700;display:inline-block}
.red-info{display:inline-block;width:100%;color:#f44336;border:1px solid #f44336;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.orange-info{display:inline-block;width:100%;color:#FF9800;border:1px solid #FF9800;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.green-info{display:inline-block;width:100%;color:#4caf50;border:1px solid #4caf50;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.blue-info{display:inline-block;width:100%;color:#00bcd4;border:1px solid #00bcd4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.gray-info{display:inline-block;width:100%;color:#777;border:1px solid #777;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.green-info i{float:left;font-size:70px;margin:0 35px 17px 20px}
.red-info i{float:left;font-size:70px;margin:0 35px 17px 20px}
.selectalltext{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}
.clear{clear:both}
.is-fixed{position:fixed;top:20px;width:258px}
h1,h2,h3,h4,h5{padding:0;margin:0;font-weight:400} 
h1{font-size:32px}
h2{font-size:28px}
h3{font-size:26px}
h4{font-size:20px}
h5{font-size:18px}
input:disabled{background:#eee;padding-left:10px;width:97%}
select:disabled{background:#eee;padding-left:10px}
textarea:disabled{background:#eee;padding-left:10px;width:97%}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-animation:autofill 0s forwards;animation:autofill 0s forwards}
@keyframes autofill{100%{background:transparent;color:inherit}
}

/* Header menu fit fix - Nextcloud link added */
.header.sfm-home-header.sfm-site-header .head,
#muspanel .sfm-home-header .head,
body#home .sfm-home-header .head {
  width: min(92vw, 1828px) !important;
  max-width: min(92vw, 1828px) !important;
  grid-template-columns: minmax(190px, 260px) minmax(0, 1fr) auto !important;
  gap: clamp(12px, 1.2vw, 22px) !important;
}

.header.sfm-home-header.sfm-site-header .logo img,
#muspanel .sfm-home-header .logo img,
body#home .sfm-home-header .logo img {
  width: clamp(170px, 12vw, 230px) !important;
  max-width: 100% !important;
}

.header.sfm-home-header.sfm-site-header .sfm-home-mainnav,
#muspanel .sfm-home-mainnav,
body#home .sfm-home-mainnav {
  min-width: 0 !important;
  width: 100% !important;
  justify-content: center !important;
  gap: clamp(12px, 1.25vw, 26px) !important;
}

.header.sfm-home-header.sfm-site-header .sfm-home-mainnav a,
#muspanel .sfm-home-mainnav a,
body#home .sfm-home-mainnav a {
  font-size: clamp(13px, .9vw, 16px) !important;
  line-height: 1.15 !important;
}

.header.sfm-home-header.sfm-site-header .sfm-home-nav-actions,
#muspanel .sfm-home-nav-actions,
body#home .sfm-home-nav-actions {
  flex: 0 0 auto !important;
  min-width: max-content !important;
}

@media only screen and (max-width: 1380px) {
  .header.sfm-home-header.sfm-site-header .head,
  #muspanel .sfm-home-header .head,
  body#home .sfm-home-header .head {
    width: min(96vw, 1320px) !important;
    max-width: min(96vw, 1320px) !important;
    grid-template-columns: 180px minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav,
  #muspanel .sfm-home-mainnav,
  body#home .sfm-home-mainnav {
    gap: 11px !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav a,
  #muspanel .sfm-home-mainnav a,
  body#home .sfm-home-mainnav a {
    font-size: 13px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .header.sfm-home-header.sfm-site-header .head,
  #muspanel .sfm-home-header .head,
  body#home .sfm-home-header .head {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav,
  #muspanel .sfm-home-mainnav,
  body#home .sfm-home-mainnav {
    flex-wrap: wrap !important;
  }
}

/* Sofmira homepage reference refresh - 20260620 */
.sfm-home-promo {
  background: #28aee4;
  color: #ffffff;
  font-family: inherit;
}

.sfm-home-promo-inner {
  max-width: 1240px;
  min-height: 58px;
  margin: 0 auto;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  text-align: center;
  font-size: 15px;
  line-height: 1.35;
}

.sfm-home-promo strong {
  font-size: 16px;
  font-weight: 800;
}

.sfm-home-promo span {
  color: rgba(255,255,255,.92);
  font-weight: 600;
}

.sfm-home-promo a {
  color: #ffffff;
  border-bottom: 1px solid rgba(255,255,255,.65);
  font-weight: 800;
  white-space: nowrap;
}

.sfm-home-contactbar {
  background: #0b1320;
  color: #d9e6f2;
}

.sfm-home-contactbar-inner {
  max-width: 1240px;
  min-height: 48px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 14px;
  line-height: 1.4;
}

.sfm-home-contact-left,
.sfm-home-contact-right {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.sfm-home-contactbar a {
  color: #d9e6f2;
  font-weight: 600;
}

.sfm-home-contactbar a:hover,
.sfm-home-mainnav a:hover {
  color: #22aae8;
}

.sfm-home-contactbar i {
  margin-right: 5px;
  color: #7dd3fc;
}

.sfm-home-header.header {
  background: #ffffff !important;
  min-height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.09);
  position: relative;
  z-index: 30;
}

.sfm-home-header.header:before,
.sfm-home-header.header:after,
.sfm-home-header .headerwhite,
.sfm-home-header .menu {
  display: none !important;
}

.sfm-home-header .head {
  width: auto !important;
  max-width: 1240px;
  min-height: 88px;
  margin: 0 auto !important;
  padding: 18px 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 24px;
}

.sfm-home-header .head > .clear,
.sfm-home-header .head > .headbutonlar,
.sfm-home-header .sosyalbtns {
  display: none !important;
}

.sfm-home-header .logo {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
}

.sfm-home-header .logo img {
  width: 198px;
  max-width: 100%;
  height: auto;
  display: block;
}

.sfm-home-mainnav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-width: 0;
}

.sfm-home-mainnav a {
  color: #1e293b !important;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

.sfm-home-nav-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.sfm-home-nav-search,
.sfm-home-nav-cart {
  width: 54px;
  height: 54px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  font-size: 20px;
  box-shadow: 0 12px 22px rgba(34,170,232,.22);
}

.sfm-home-nav-search {
  background: #22aae8;
}

.sfm-home-nav-cart {
  background: #27d144;
  gap: 7px;
}

.sfm-home-nav-cart span {
  font-size: 15px;
  font-weight: 800;
}

#muspanel .rev_slider_wrapper#rev_slider_57_1_wrapper,
body#home .rev_slider_wrapper#rev_slider_57_1_wrapper {
  display: none !important;
}

#muspanel .wclientblockscon,
body#home .wclientblockscon {
  background: #f4f7fb;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#muspanel .wclientblockscon #clientAreaIndex-wrapper,
body#home .wclientblockscon #clientAreaIndex-wrapper {
  width: 100% !important;
  max-width: 1240px;
  margin: 0 auto !important;
  padding: 0 20px 72px !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 26px;
  align-items: stretch;
}

.sfm-home-hero {
  grid-column: 1 / -1;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  min-height: 570px;
  display: flex;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(18,29,45,.98) 0%, rgba(18,29,45,.94) 48%, rgba(18,29,45,.88) 100%),
    linear-gradient(135deg, transparent 0 48%, rgba(55,189,248,.12) 48% 52%, transparent 52%),
    #121d2d;
  color: #ffffff;
  overflow: hidden;
  position: relative;
}

.sfm-home-hero:before,
.sfm-home-hero:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.sfm-home-hero:before {
  background-image:
    linear-gradient(rgba(148,163,184,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.08) 1px, transparent 1px);
  background-size: 92px 92px;
  opacity: .35;
}

.sfm-home-hero:after {
  background:
    linear-gradient(120deg, transparent 0 17%, rgba(34,170,232,.14) 17% 18%, transparent 18%),
    linear-gradient(300deg, transparent 0 72%, rgba(39,209,68,.10) 72% 73%, transparent 73%);
  opacity: .65;
}

.sfm-home-hero-inner {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 82px 20px 128px;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(360px,.9fr);
  gap: 70px;
  align-items: center;
  position: relative;
  z-index: 2;
}

.sfm-home-eyebrow {
  margin: 0 0 12px;
  color: #38bdf8;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.sfm-home-eyebrow i {
  margin-right: 7px;
}

.sfm-home-hero h1 {
  max-width: 660px;
  margin: 0;
  color: #ffffff;
  font-size: 52px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: 0;
}

.sfm-home-hero-text {
  max-width: 690px;
  margin: 24px 0 0;
  color: #dbe7f2;
  font-size: 18px;
  line-height: 1.75;
  font-weight: 500;
}

.sfm-home-hero-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 34px;
}

.sfm-home-primary-cta,
.sfm-home-secondary-cta {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0 26px;
  font-size: 15px;
  font-weight: 900;
}

.sfm-home-primary-cta {
  background: #22aae8;
  color: #ffffff !important;
  box-shadow: 0 16px 28px rgba(34,170,232,.25);
}

.sfm-home-primary-cta i {
  margin-left: 8px;
}

.sfm-home-secondary-cta {
  border: 1px solid rgba(255,255,255,.24);
  color: #ffffff !important;
  background: rgba(255,255,255,.06);
}

.sfm-home-trust-list {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.sfm-home-trust-list li {
  color: #d9e6f2;
  font-size: 15px;
  font-weight: 700;
}

.sfm-home-trust-list i {
  width: 24px;
  color: #22c55e;
}

.sfm-home-hero-visual {
  min-height: 360px;
  position: relative;
}

.sfm-hero-panel {
  width: min(470px,100%);
  height: 382px;
  margin-left: auto;
  position: relative;
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 34px 80px rgba(0,0,0,.25);
}

.sfm-hero-cloud {
  position: absolute;
  top: 34px;
  left: 58px;
  width: 118px;
  height: 72px;
  border-radius: 42px;
  border: 2px solid rgba(255,255,255,.45);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #38bdf8;
  font-size: 30px;
}

.sfm-hero-server {
  position: absolute;
  left: 72px;
  bottom: 34px;
  width: 172px;
  height: 250px;
  border-radius: 8px;
  background: linear-gradient(90deg,#dce8f1 0 42%,#34495a 42% 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
}

.sfm-hero-server span {
  display: block;
  height: 28px;
  margin: 18px 14px 0 88px;
  border-radius: 4px;
  background: repeating-linear-gradient(90deg,#2db4e8 0 8px,rgba(45,180,232,.35) 8px 14px);
}

.sfm-hero-shield {
  position: absolute;
  left: 12px;
  bottom: 108px;
  width: 116px;
  height: 138px;
  clip-path: polygon(50% 0, 100% 18%, 88% 74%, 50% 100%, 12% 74%, 0 18%);
  background: linear-gradient(160deg,#37bdf8,#1d75ad);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 32px;
  box-shadow: 0 16px 30px rgba(34,170,232,.22);
}

.sfm-hero-person {
  position: absolute;
  right: 72px;
  bottom: 34px;
  width: 96px;
  height: 220px;
  border-radius: 48px 48px 18px 18px;
  background:
    linear-gradient(#f4b38e 0 34px, transparent 34px),
    linear-gradient(110deg, transparent 0 30%, #32b2e4 30% 68%, transparent 68%),
    linear-gradient(90deg, #263646 0 48%, #516170 48%);
}

.sfm-hero-chip {
  position: absolute;
  width: 56px;
  height: 20px;
  border: 2px solid rgba(255,255,255,.32);
  border-radius: 4px;
}

.sfm-hero-chip.chip-a {
  top: 52px;
  right: 36px;
}

.sfm-hero-chip.chip-b {
  top: 112px;
  right: 136px;
}

.sfm-hero-chip.chip-c {
  bottom: 86px;
  right: 16px;
}

#muspanel .wclientblockscon .homedomainarea-con,
body#home .wclientblockscon .homedomainarea-con {
  grid-column: 1 / -1;
  width: 100%;
  margin: -82px auto 18px !important;
  padding: 0 !important;
  position: relative;
  z-index: 6;
}

#muspanel .wclientblockscon .homedomainarea,
body#home .wclientblockscon .homedomainarea {
  width: 100% !important;
  max-width: 1120px;
  margin: 0 auto !important;
  background: #ffffff !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 60px rgba(15,23,42,.15) !important;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.18);
}

#muspanel .wclientblockscon .homedomainarea .padding30,
body#home .wclientblockscon .homedomainarea .padding30 {
  padding: 28px 34px 30px !important;
}

.sfm-domain-card-inner h2 {
  margin: 0 0 20px;
  color: #162033;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0;
}

#DomainCheck {
  width: 100%;
  max-width: 980px;
  margin: 0 auto 22px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  background: #f7fafc;
  border-radius: 18px;
  padding: 10px;
  border: 1px solid #e5edf5;
}

#DomainCheck input[name="domain"],
#DomainCheck input[type="text"] {
  width: 100% !important;
  height: 58px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1e293b !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  padding: 0 18px !important;
}

#DomainCheck input[type="submit"] {
  height: 58px !important;
  min-width: 178px;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #22aae8 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 24px rgba(34,170,232,.25) !important;
}

#muspanel .wclientblockscon .homedomainarea .spottlds,
body#home .wclientblockscon .homedomainarea .spottlds {
  float: none !important;
  width: auto !important;
  min-height: 72px;
  display: inline-grid !important;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 12px;
  margin: 8px !important;
  padding: 12px 16px !important;
  border-radius: 14px;
  background: #f8fbff;
  border: 1px solid #e5edf5;
  color: #1e293b;
  text-align: left;
}

#muspanel .wclientblockscon .homedomainarea .spottlds img,
body#home .wclientblockscon .homedomainarea .spottlds img {
  width: 58px;
  max-height: 42px;
  object-fit: contain;
}

#muspanel .wclientblockscon .homedomainarea .spottlds strong,
body#home .wclientblockscon .homedomainarea .spottlds strong,
#muspanel .wclientblockscon .homedomainarea .amount_spot_view,
body#home .wclientblockscon .homedomainarea .amount_spot_view {
  font-weight: 900;
  color: #162033;
}

#muspanel .wclientblockscon .product-group-item,
body#home .wclientblockscon .product-group-item {
  width: auto !important;
  min-height: 230px;
  margin: 0 !important;
  padding: 28px 24px !important;
  border: 1px solid rgba(148,163,184,.20) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 32px rgba(15,23,42,.08) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#muspanel .wclientblockscon .product-group-item:hover,
body#home .wclientblockscon .product-group-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 46px rgba(15,23,42,.12) !important;
}

#muspanel .wclientblockscon .product-group-icon,
body#home .wclientblockscon .product-group-icon {
  max-width: 58px !important;
  max-height: 58px !important;
  margin-bottom: 18px !important;
}

#muspanel .wclientblockscon .product-group-item h2,
body#home .wclientblockscon .product-group-item h2,
#muspanel .wclientblockscon .product-group-item h3,
body#home .wclientblockscon .product-group-item h3,
#muspanel .wclientblockscon .product-group-item-title,
body#home .wclientblockscon .product-group-item-title {
  color: #162033 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

#muspanel .wclientblockscon .product-group-item-desc,
body#home .wclientblockscon .product-group-item-desc {
  color: #68778e !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin-top: 12px !important;
}

#muspanel .wclientblockscon .sfm-home-service-band,
body#home .wclientblockscon .sfm-home-service-band {
  grid-column: 1 / -1;
  border-radius: 16px;
  background: #132235;
  color: #ffffff;
  padding: 32px;
  display: grid;
  grid-template-columns: minmax(0,1.3fr) minmax(240px,.8fr) auto;
  gap: 24px;
  align-items: center;
  box-shadow: 0 22px 46px rgba(15,23,42,.16);
}

.sfm-home-service-band h2,
.sfm-home-service-band h3 {
  color: #ffffff !important;
  margin: 0 0 10px;
  font-size: 26px;
  font-weight: 900;
}

.sfm-home-service-band p,
.sfm-home-service-points span {
  color: #d9e6f2 !important;
}

.sfm-home-service-cta {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 999px;
  background: #22aae8;
  color: #ffffff !important;
  font-weight: 900;
  white-space: nowrap;
}

@media only screen and (max-width: 1180px) {
  .sfm-home-mainnav {
    gap: 13px;
  }

  .sfm-home-mainnav a {
    font-size: 14px;
  }

  .sfm-home-hero h1 {
    font-size: 44px;
  }
}

@media only screen and (max-width: 1024px) {
  .sfm-home-header .head {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 16px;
  }

  .sfm-home-mainnav {
    flex-wrap: wrap;
  }

  .sfm-home-hero-inner {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .sfm-home-hero-visual {
    min-height: 310px;
  }

  .sfm-hero-panel {
    margin: 0 auto;
  }

  #muspanel .wclientblockscon #clientAreaIndex-wrapper,
  body#home .wclientblockscon #clientAreaIndex-wrapper {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  #muspanel .wclientblockscon .sfm-home-service-band,
  body#home .wclientblockscon .sfm-home-service-band {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 760px) {
  .sfm-home-promo-inner,
  .sfm-home-contactbar-inner {
    flex-direction: column;
    gap: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .sfm-home-contact-left,
  .sfm-home-contact-right {
    justify-content: center;
    gap: 10px 14px;
  }

  .sfm-home-mainnav {
    gap: 10px 14px;
  }

  .sfm-home-nav-actions {
    width: 100%;
    justify-content: center;
  }

  .sfm-home-hero {
    min-height: auto;
  }

  .sfm-home-hero-inner {
    padding: 56px 20px 108px;
  }

  .sfm-home-hero h1 {
    font-size: 34px;
  }

  .sfm-home-hero-text {
    font-size: 16px;
  }

  .sfm-home-hero-visual {
    display: none;
  }

  #muspanel .wclientblockscon .homedomainarea-con,
  body#home .wclientblockscon .homedomainarea-con {
    margin-top: -62px !important;
  }

  #DomainCheck {
    grid-template-columns: 1fr;
  }

  #DomainCheck input[type="submit"] {
    width: 100% !important;
  }

  #muspanel .wclientblockscon #clientAreaIndex-wrapper,
  body#home .wclientblockscon #clientAreaIndex-wrapper {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  #muspanel .wclientblockscon .product-group-item,
  body#home .wclientblockscon .product-group-item {
    min-height: 200px;
  }
}

@media only screen and (max-width: 520px) {
  .sfm-home-promo-inner {
    font-size: 13px;
  }

  .sfm-home-promo strong {
    font-size: 14px;
  }

  .sfm-home-header .logo img {
    width: 172px;
  }

  .sfm-home-mainnav a {
    font-size: 13px;
  }

  .sfm-home-hero h1 {
    font-size: 30px;
  }

  .sfm-domain-card-inner h2 {
    font-size: 20px;
  }

  #muspanel .wclientblockscon .homedomainarea .padding30,
  body#home .wclientblockscon .homedomainarea .padding30 {
    padding: 22px 16px !important;
  }
}
@-webkit-keyframes autofill{100%{background:transparent;color:inherit}
}
.padding5{padding:5px}
.padding10{padding:10px}
.padding15{padding:15px}
.padding20{padding:20px}
.padding25{padding:25px}
.padding30{padding:30px}
.jssorl-009-spin img{animation-name:jssorl-009-spin;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:linear}
@keyframes jssorl-009-spin {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.formcon{float:left;width:100%;border-bottom:1px solid #ccc;padding:7px 0;word-wrap:break-word}
.kinfo{font-size:13px;font-weight:400}
.middle .yuzde30{vertical-align:middle}
.middle{vertical-align:middle}
.formcon .yuzde30{vertical-align:middle;font-weight:600;font-size:15px;padding:7px 0}
.formcon .yuzde70{vertical-align:middle;font-size:15px}
.formcon .yuzde40{vertical-align:middle;font-weight:600;font-size:15px}
.formcon .yuzde60{vertical-align:middle;font-size:15px}
.formcon .yuzde50{vertical-align:middle;font-size:15px}
.jssorb064{position:absolute}
.jssorb064 .i{position:absolute;cursor:pointer}
.jssorb064 .i .b{fill:#000;fill-opacity:.5;stroke:#fff;stroke-width:400;stroke-miterlimit:10;stroke-opacity:.5}
.jssorb064 .iav .b{fill:#fff;fill-opacity:1;stroke:#fff;stroke-opacity:.7;stroke-width:2000}
.jssorb064 .i.idn{opacity:.3}
.jssora051{display:block;position:absolute;cursor:pointer}
.jssora051 .a{fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10}
.jssora051:hover{opacity:.8}
.jssora051.jssora051dn{opacity:.5}
.jssora051.jssora051ds{opacity:.3;pointer-events:none}
.mioslidertext{color:#fff;position:absolute;top:270px;left:140px;width:350px;height:250px}
.mioslidertext h1{font-weight:700;font-size:24px}
.mioslidertext p{font-weight:200;font-size:14px}
.mioslidertext #largeredbtn{font-size:11px;color:#FFF;margin-top:10px;padding:7px 50px}
div.required-field-info h5{-webkit-animation:blink 3s ease-in 0 infinite normal;animation:blink 3s ease-in 0 infinite normal}
@-webkit-keyframes blink {
0%{opacity:1}
25%{opacity:0}
50%{opacity:1}
75%{opacity:0}
100%{opacity:1}
}
@keyframes blink {
0%{opacity:1}
25%{opacity:0}
50%{opacity:1}
75%{opacity:0}
100%{opacity:1}
}

.menu{float:right;position:relative;z-index:75}
.menu ul{padding:0;margin:0}
.menu li{float:left;position:relative;list-style-type:none}
.menu li a{float:right;font-family: 'Raleway',sans-serif;color:#fff;padding-left:25px;padding-right:25px;text-decoration:none;line-height: 68px;font-weight:700;font-size: 16px;border-bottom: 2px solid transparent;}
.menu li a:hover {border-bottom:2px solid white;}
#megamenuli {position:inherit;}
#megamenuli a:hover {border:none}
.menu ul li ul li:hover a{background: rgba(0, 0, 0, 0.08);}
.menu ul li ul{width:200px;float:left;position:absolute;top:68px;left:0;z-index:1;display:none;margin:0;padding:0;background:#fff;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-top-right-radius:5px;border-top-left-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px}
.menu ul li ul li{float:none;margin:0;padding:0}
.menu ul li ul li a{background:none;font-weight:400;font-size:14px;color: #635287;float:none;text-align:left;display:block;line-height:40px;margin:0;padding: 0 0 0 15px;}
.menu ul li ul li a:hover {border:none}
#noborder a {border:none}
.menu li:hover>ul{display:block;-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;position: absolute;}
.sabithead .menu li:hover>ul{-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0px;border-top-left-radius:0px}
.menu ul li ul li ul{width:200px;height:auto;float:left;position:absolute;top:0;left:195px;z-index:1;display:none}
.menu ul li ul li ul li a:hover{background:rgba(0,0,0,0.13)}
.ulup{position:absolute;color:white;width:100%;text-align:center;bottom:-9px;display:none;font-size:16px}
.menu li:hover .ulup{display:block}
.menu li a i{font-size:14px;margin-left:10px}
#megamenu{width:100%;left:0px;border-radius:5px;position:absolute;overflow:hidden;margin:0;padding:0;background-color:#fff;background-size:100% auto;background-repeat:repeat;background-position:top center}
#megamenu:hover a{border:none}
.menu li #megamenuservice:hover a{border:none}
.ulup.mega{width:auto;margin-left:7%;bottom:-7px}
#fullwidth .ulup.mega{margin-left:6%}
#megamenuservice a{float:none;padding:0;line-height:normal;font-weight:400;font-size:15px;color:#635287}
#megamenuservice{width:30%;margin:0px 8px;margin-top:10px;display:inline-block;text-align:center;vertical-align:top;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;position:relative;background:rgba(255,255,255,0.7)}
#megamenuservice:hover{box-shadow:0px 0px 20px #ccc,inset 0px 0px 10px 5px #eee}
#megamenuservice i{font-size:50px;margin-left:0}
.menuAc{padding:5px;color:#fff;font-weight:700;cursor:pointer;display:none;font-size:24px;width:100%;float:left}
.sayfalama{width:100%;text-align:center;margin:17px auto}
input,select,textarea{width:100%;border-bottom-width:2px;border-bottom-color:#ccc;padding:10px 0;border-style:none none solid}
input:focus{border-bottom-width:2px;border-bottom-color:#1aaf36;padding-left:5px;border-style:none none solid}
select:focus{border-bottom-width:2px;border-bottom-color:#1aaf36;padding-left:5px;border-style:none none solid}
textarea:focus{border-bottom-width:2px;border-bottom-color:#1aaf36;padding-left:5px;border-style:none none solid}
[data-tooltip],.tooltip{position:relative;cursor:pointer}
[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after{position:absolute;visibility:hidden;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(0.71,1.7,0.77,1.24);-moz-transition:opacity .2s ease-in-out,visibility .2s ease-in-out,-moz-transform .2s cubic-bezier(0.71,1.7,0.77,1.24);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(0.71,1.7,0.77,1.24);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);pointer-events:none}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after{visibility:visible;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
.tooltip:before,[data-tooltip]:before{z-index:1001;border:6px solid transparent;background:transparent;content:""}
.tooltip:after,[data-tooltip]:after{z-index:1000;padding:8px;width:150px;background-color:#ccc;color:#555;content:attr(data-tooltip);font-size:13px;line-height:1.2;text-align:center;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#raporlar [data-tooltip]:after{width:230px;background:#ccc;color:#2d2d2d;box-shadow:0 0 5px #c5c5c5}
#raporlar .tooltip-bottom:before{border-bottom-color:hsl(0,0%,80%)}
.mpanelinfo [data-tooltip]:after{width:100px;background-color:hsl(32,86%,64%);color:#fff;font-weight:700}
.mpanelinfo .tooltip-right:before{border-top-color:transparent;border-right-color:#000;border-right-color:hsl(32,86%,64%);margin-top:5px}
[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after,.tooltip-top:before,.tooltip-top:after{bottom:100%;left:50%}
[data-tooltip]:before,.tooltip:before,.tooltip-top:before{margin-left:-6px;margin-bottom:-12px;border-top-color:#ccc}
[data-tooltip]:after,.tooltip:after,.tooltip-top:after{margin-left:-80px}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,.tooltip-top:hover:before,.tooltip-top:hover:after,.tooltip-top:focus:before,.tooltip-top:focus:after{-webkit-transform:translateY(-12px);-moz-transform:translateY(-12px);transform:translateY(-12px)}
.tooltip-left:before,.tooltip-left:after{right:100%;bottom:50%;left:auto}
.tooltip-left:before{margin-left:0;margin-right:-12px;margin-bottom:0;border-top-color:transparent;border-left-color:#000;border-left-color:hsla(0,0%,20%,0.9)}
.tooltip-left:hover:before,.tooltip-left:hover:after,.tooltip-left:focus:before,.tooltip-left:focus:after{-webkit-transform:translateX(-12px);-moz-transform:translateX(-12px);transform:translateX(-12px)}
.tooltip-bottom:before,.tooltip-bottom:after{top:100%;bottom:auto;left:50%}
.tooltip-bottom:before{margin-top:-12px;margin-bottom:0;border-top-color:transparent;border-bottom-color:hsl(0, 0%, 80%)}
.tooltip-bottom:hover:before,.tooltip-bottom:hover:after,.tooltip-bottom:focus:before,.tooltip-bottom:focus:after{-webkit-transform:translateY(12px);-moz-transform:translateY(12px);transform:translateY(12px)}
.tooltip-right:before,.tooltip-right:after{bottom:50%;left:100%}
.tooltip-right:before{margin-bottom:0;margin-left:-12px;border-top-color:transparent;border-right-color:#000;border-right-color:hsla(0,0%,20%,0.9)}
.tooltip-right:hover:before,.tooltip-right:hover:after,.tooltip-right:focus:before,.tooltip-right:focus:after{-webkit-transform:translateX(12px);-moz-transform:translateX(12px);transform:translateX(12px)}
.tooltip-left:before,.tooltip-right:before{top:3px}
.tooltip-left:after,.tooltip-right:after{margin-left:0;margin-bottom:-16px}
.sayfalama span a{text-decoration:none;border-radius: 5px;font-size:15px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;border:1px solid #CCC;padding:5px 10px}
.sayfalama span a:hover{background-color:#E5E5E5}
.sayfalama .sayfalama-active a{background-color:#E5E5E5}
.iletisimtable{float:left;width:49%}
.iletisiminfo{text-align:center;margin-top:15px;margin-bottom:15px}
.iletisimtable h4{color:#a93030}
.gonderbtn{color:#635287;border:2px solid #635287;display:inline-block;padding:10px 25px;border-radius:50px}
.gonderbtn:hover{color:#FFF;text-decoration:none;background-color:#635287}
.btn{font-family:'Titillium Web',sans-serif;font-size:15px;cursor:pointer;display:inline-block;padding:10px 5px;width:58%;border-radius:50px;color:#302847;border:1px solid #333;margin-top:5px;text-align:center}
.btn:hover{color:#fff;background:#333;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.iletisimbilgileri iframe{box-shadow:0 0 15px #ccc}
.clearmob{display:none}
#slider{position:relative}
#largeredbtn{font-size:16px;color:#FFF;margin-top:30px;padding:10px 60px;border:1px solid #FFF}
#largeredbtn:hover{color:#000;background:#fff}
.slidetext-container h1{font-weight:700;font-size:38px}
.slidetext-container p{font-weight:200;font-size:20px;width:50%}
.slides-container img{opacity:.7;filter:alpha(opacity=70)}
.header{background-position:center center;margin-bottom:10px;background-image:url(https://sofmira.com/templates/website/Modern/images/image4.jpg);float:left;height:300px;width:100%;position:relative;z-index:55;-webkit-box-shadow:inset 0 198px 110px -45px rgba(0,0,0,0.68);-moz-box-shadow:inset 0 198px 110px -45px rgba(0,0,0,0.68);box-shadow:inset 0 198px 110px -45px rgba(0,0,0,0.68);background-size:100% auto}
#fullwidth #wrapper{width:85%}
#muspanel .header{height:auto;margin-bottom:0;}
#home .header{position:absolute;background:none}
.head{width:85%;margin-right:auto;margin-left:auto;margin-top:25px}
.sosyalbtns a{float:left;color:#ffffff87;font-size:18px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;width:40px;height:40px;text-align:center;line-height:40px;border:1px solid transparent}
.sosyalbtns a:hover{color:#fff;border:1px solid #fff}
.sosyalbtns{float:left}
.langbtn{float:left;margin-left:10px}
.langbtn a{color:#fff;line-height:40px;margin:0 5px}
.headbutonlar{float:right;    font-family: 'Raleway',sans-serif;}
.headbutonlar a{float:right;color:#ffffff87;margin-left:30px;font-size:15px}
.headbutonlar a:hover{color:#ccc}
.headbutonlar i{margin-right:7px}
#sepeticon{font-size:26px;float:right;color:#fff;margin-top:-7px;margin-right:15px}
.sabithead #sepeticon{font-size:26px;margin-top:15px;float:right;color:#fff}
#sepeticon span{font-size:13px;width:20px;height:20px;background:linear-gradient(#9BC90D 0%,#79A70A 100%);color:#fff;position:absolute;text-align:center;line-height:19px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-left:-10px}
.logo{float:left;margin-top:15px;position:absolute}
#muspanel .logo{position:relative;margin-bottom:20px}
#muspanel #fullwidth .logo{margin-bottom:0}
.logo img{width:180px}
.domainhome{background-color:#1aaf36;float:left;height:112px;width:100%}
#v2domainhome{background-color:#2c3037}
.hdomainslogan{color:#fff;margin-top:20px;float:left}
.hdomainslogan h3{font-size:27px;font-weight:700}
.hdomainslogan h4{font-size:22px;font-weight:200}
.hdomainsorgu{float:right;width:47%;margin-top:10px}
.hdomainsorgu input{width:100%;padding:20px 0;color:#fff;font-size:26px;background:transparent;outline:none;border-color:transparent transparent #fff;border-style:solid;border-width:2px;position:relative;z-index:2}
.hdomainsorgu ::-webkit-input-placeholder{color:#fff}
.hdomainsorgu :-moz-placeholder{color:#fff}
.hdomainsorgu ::-moz-placeholder{color:#fff}
.hdomainsorgu :-ms-input-placeholder{color:#fff}
.hsorgulabtn{color:#fff;font-size:30px;padding:13px 15px;margin-top:-73px;float:right;position:relative;z-index:2;margin-right:-3px}
.hsorgulabtn:hover{color:#1aaf36;background:#fff}
.domainfiyatlar{background-color:#696f7a;float:left;white-space:nowrap;overflow:hidden;height:50px;width:100%;box-shadow:0 0 10px #696f7a}
.domainfiyatlar h4{float:left;color:#fff;font-weight:600;font-size:24px;margin:5px 20px;text-shadow:0 0 2px #4a4e55;text-transform:lowercase}
.domainfiyatlar h4 span{color:#393d45;font-weight:700;font-size:22px}
.tablopaketler{background-repeat:no-repeat;background-position:center top;float:left;width:100%;background-size:100% 100%;text-align:center; padding: 25px 0px; margin: 35px 0px;box-shadow: inset 0 0 70px 40px #fff;}
#wrapper .tablopaketler { padding-top: 0px; margin-top: 35px; padding-bottom: 0px; margin-bottom: 0px;}
.tablopaketler{margin-bottom:25px;padding-bottom:50px;padding-top:35px}
.pakettitle{float:left;width:100%;padding-top:15px;text-align:center;    color: #1aaf36;}
 .pakettitle{margin-top:50px;padding-bottom:15px}
.line{background-color:#ddd;float:left;height:0.5px;width:100%;margin-top:15px;margin-bottom:15px}
.pakettitle .line {display:none;}
.pakettitle h2{font-size:22px;margin:15px 0;display:inline-block;font-weight:300;color:#635287}
.pakettitle h1{font-size:34px}
.tablopaketler .gonderbtn{border:none;font-size:17px;padding:17px 30px;color:#635287;float:none;margin:5px;border-radius:50px;-webkit-box-shadow:0px 20px 45px 0px rgba(0,0,0,0.08);box-shadow:0px 20px 45px 0px rgba(0,0,0,0.08)}
.tablopaketler .gonderbtn:hover{background:#1aaf36;color:#fff}
#paketaktifbtn{background:#635287;color:#fff}
.miotab-content{text-align:center}
.tablepaket{background-color:#FFF;display:inline-block;vertical-align:top;width:31%;text-align:center;margin:8px;padding-bottom:15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:relative;-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.tablepaket strong{margin-bottom:10px;display:inline-block}
.tablepaket b{margin-bottom:10px;display:inline-block}
.tablepaket.active{border:2px solid #1aaf36;padding:25px 0px;margin-top:-10px;overflow:hidden}
.tablepaket.active .gonderbtn{background:#1aaf36;color:#fff}
.tablepaket.active .gonderbtn i{display:none;font-size:20px;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}
 @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.tablepaket .gonderbtn i {display:none;}
.tablepaket:first-child:nth-last-child(4),.tablepaket:first-child:nth-last-child(4) ~ .tablepaket{width:23%}
.tablepaket:first-child:nth-last-child(8),.tablepaket:first-child:nth-last-child(8) ~ .tablepaket{width:23%}
.tablepaket:first-child:nth-last-child(12),.tablepaket:first-child:nth-last-child(12) ~ .tablepaket{width:23%}
.tablepaket:hover{-webkit-box-shadow:0px 20px 45px 0px rgba(0,0,0,0.17);box-shadow:0px 20px 45px 0px rgba(0,0,0,0.17)}
.tpakettitle{width:100%;color:#635287;text-align:center;font-size:28px;font-weight:900;margin-bottom:15px;margin-top:25px}
.paketline{height:1px;background:#cecece;width:50%;display:inline-block;margin:10px auto}
#upgrade .paketline {display: block;}
#tableactive {border:2px solid #1aaf36}
.tpakettitle i{color:#635287;margin-top:-12px;float:left;text-align:center;width:100%;font-size:28px}
.ribbonx{width:200px;height:300px;position:relative;border:1px solid #BBB;background:#EEE}
.ribbon{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
.ribbon div{font-size:12px;font-weight:700;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#79A70A;background:linear-gradient(#9BC90D 0%,#79A70A 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}
.ribbon div::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #79A70A;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #79A70A}
.ribbon div::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #79A70A;border-bottom:3px solid transparent;border-top:3px solid #79A70A}
div.mostpopularx{-webkit-animation:blink 3s linear 0 infinite normal;animation:blink 3s linear 0 infinite normal}
@-webkit-keyframes blink {
0%{opacity:1}
25%{opacity:0}
50%{opacity:1}
75%{opacity:0}
100%{opacity:1}
}
@keyframes blink {
0%{opacity:1}
25%{opacity:0}
50%{opacity:1}
75%{opacity:0}
100%{opacity:1}
}
.tablepaket span{float:left;width:100%;padding:5px 0}
.tablepaket h3{color:#1aaf36;float:left;width:100%;font-size:36px;font-weight:900}
.tablepaket h3 div{position:relative;display:inline}
.tablepopular{position:absolute;background:#1aaf36;color:white;width:150px;height:60px;font-size:14px;-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(-40deg);left:-52px;line-height:80px;top:-12px}
.tablepaket h4{font-weight:300;font-size:22px;color:#635287;line-height:25px;display:inline-block;width:100%}
.tablepaket .gonderbtn{margin-top:10px;display:inline-block;width:41%;text-transform:uppercase;margin-bottom: 15px;background:#fff;color:white;border:none;font-weight:600;background:#4CAF50}
.tablepaket .gonderbtn:hover {background:#1aaf36}
.tablepaket .gonderbtn i{margin-right:5px}
.anascript{background-image:url(https://sofmira.com/templates/website/Modern/images/anascript-bg.jpg);background-repeat:no-repeat;background-position:center center;float:left;text-align:center;width:100%;background-size:100% 100%;padding:25px 0;box-shadow:inset 0 0 70px 30px #fff}
.scriptkategoriler{float:left;width:23%;margin-top:15px}
.scriptkategoriler a{float:left;width:100%;color:#fff;padding:6px;padding-left:20px;margin-bottom:8px;font-size:16px;border-left-width:1px;border-left-style:solid;border-left-color:#FFF}
.scriptkategoriler a span{font-weight:600}
.scriptkategoriler a:hover{background:#fff;color:#000}
#scataktif{background:#fff;color:#000}
.anascriptlist{position:relative;display:inline-block;vertical-align:top;background-color:#FFF;margin:1%;width:255px;text-align:center;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;border-radius: 7px;overflow: hidden;}
.anascriptlist:hover{box-shadow:0 0 10px #ccc}
.anascriptlist h4{font-size:15px;margin-top:10px;font-family:'Raleway',sans-serif}
.anascripler{float:right;width:72%;margin-top:15px}
.anascriptlist div h5{color: #1aaf36;font-size: 26px;    margin-bottom: 10px;    font-weight: 900;}
.tumscriptbtn{font-size:16px;margin:15px 0;margin-top:20px}
.scriptozellk{float:left;padding: 3px 10px;font-size: 14px;color:#fff;background:#54d719;opacity:.8;filter:alpha(opacity=80);margin-bottom:-45px;margin-top:15px;}
#mobiluyum{margin-bottom:-75px;margin-top:50px;background:#635287}
.ribbon{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
.ribbon span{font-size:10px;font-weight:700;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#79A70A;background:linear-gradient(#2989d8 0%,#1e5799 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}
.ribbon span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #1e5799;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #1e5799}
.ribbon span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #1e5799;border-bottom:3px solid transparent;border-top:3px solid #1e5799}
.ribbon2{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
.ribbon2 span{font-size:10px;font-weight:700;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#79A70A;background:linear-gradient(#9BC90D 0%,#79A70A 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;right:-21px}
.ribbon2 span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #79A70A;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #79A70A}
.ribbon2 span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #79A70A;border-bottom:3px solid transparent;border-top:3px solid #79A70A}
.anascriptlist img{height:190px;width:100%;    border-radius: 5px;}
.scripthoverinfo{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0;filter:alpha(opacity=00);position:absolute;width:255px;height:195px;background:rgba(0,0,0,0.6)}
.scripthoverinfo a{color:#fff;background: none;border:2px solid #fff;margin:80px 5px;    padding: 8px 5px;border-radius: 5px;}
.scripthoverinfo a:hover{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-ms-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);background:#fff;color:#000}
.urunozellikleri{width:100%;display:inline-block;margin-top:25px;text-align:center}
.urunozellik{display:inline-block;border:1px solid #333;padding:15px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:26%;padding:15px;margin:9px;text-align:center;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.urunozellik h4{font-weight:600;font-size: 16px;}
.urunozellik i{font-size:35px;margin-bottom:10px}
.katslogan{float:left;width:100%;text-align:center;margin-top:10px}
.urunozellikleri .fa-caret-right{display:inline-block;font-size:24px;margin-left:-13px;margin-top:50px;position:absolute}
.urunozellikleri .fa-check-circle{display:inline-block;font-size:20px;margin-left:-18px;margin-top:50px;background:#fff;position:absolute}
.anascriptlist:hover .scripthoverinfo{opacity:1;filter:alpha(opacity=100)}
.nedenbiz{background-image:url(https://sofmira.com/templates/website/Modern/images/nedenbizbg.jpg);background-repeat:repeat;background-position:center center;float:left;height:auto;width:100%;margin:35px 0;box-shadow: inset 0 0 70px 30px #fff;;text-align: center;}
.ozellik{height:auto;width: 28%;text-align: center;margin: 30px;/* float:left; */display: inline-block;vertical-align: top;}
.servisikon{height:120px;width:120px;/* float:left; */background:#f0f0f0;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;line-height:150px;display:inline-block;text-align:center;font-size:54px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;/* margin-right:20px; */}
.ozellik h4{color:#635287;font-weight:700;font-size: 24px;    margin-bottom: 15px;}
.ozellik p{font-size:15px;line-height:20px;margin:0}
.servisikonalt{height:104px;width:104px;color:#1aaf36;border:3px solid #fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;float:left;margin-left:5px;margin-top:5px;line-height:104px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;overflow:hidden}
.ozellik .servisikonalt:hover{background:#1aaf36}
.ozellik .servisikonalt:hover i{color:#fff}
.ozellik:hover .servisikon{background:#1aaf36}
.ozellik:hover .servisikonalt i{color:#fff}
.servisinfos{/* float:right; */width: 100%;margin-top: 10px;}
#genelpaketler .pakettitle{color:#FFF}
#genelpaketler .gonderbtn{color:#FFF;border:2px solid #FFF}
#genelpaketler .gonderbtn:hover{background:#1aaf36;border:2px solid #1aaf36}
#genelpaketler #paketaktifbtn{background:#1aaf36;border:2px solid #1aaf36}
#genelpaketler .tpakettitle{background:#1aaf36}
#genelpaketler .fa.fa-caret-down{color:#1aaf36}
#genelpaketler .tablepaket .gonderbtn{color:#1aaf36;border:2px solid #1aaf36}
#genelpaketler .tablepaket .gonderbtn:hover{color:#fff}
#genelpaketler .tablepaket h3{color:#1aaf36}
#genelpaketler .tablepaket h4{color:#1aaf36}
.musterigorusleri{width:100%;float:left;margin:25px 0}
.list_carousel{width:100%;margin:auto;height:auto}
.list_carousel ul{margin:0;padding:0;list-style:none;display:block}
.list_carousel li{width:250px;height:auto;display:block;float:left}
.list_carousel.responsive{width:auto;margin-left:0}
.clearfix{float:none;clear:both}
.prev{float:left;margin-left:10px}
.next{float:right;margin-right:10px}
.pager{float:right;text-align:right;margin-top:-95px;position:relative;z-index:22}
.pager a.selected{text-decoration:underline}
.pager a{margin:3px;border:2px solid #635287;background:#fff;color:transparent;width:22px;height:22px;float:left;-webkit-border-radius:100;-moz-border-radius:100;border-radius:100%}
.pager a:hover{background:#635287}
.pager a.selected{background:#635287}
.musterigorusleri .list_carousel{width:900px;margin:auto}
#foo2 li{width:900px;height:250px}
.musyorum{width:100%;height:auto;color:#635287;background:#eeeeee57;text-align:center;float:left;font-size:16px;font-weight:500;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#mgorusarrow{margin-left:25px;font-size:65px;position:absolute;margin-top:-66px;color:#eeeeee57}
.yorumyapan{float:left;margin-top:25px;margin-left:25px;width:45%}
.yorumyapan img{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;float:left;margin-right:20px}
.yorumyapan h3{float:left;font-size:18px;font-weight:700;width:75%;    margin-top: 10px;}
.yorumyapan h4{float:left;font-size:16px;width:75%;font-weight:300}
.gorusgonderbtn{float:right;margin-top:-45px;font-weight:700;position:relative;z-index:22;color:#999}
.gorusgonderbtn:hover{color:#000}
.modalDialog{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.7);z-index:99999;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none}
.modalDialog:target{opacity:1;pointer-events:auto}
.modalDialog>div{width:700px;position:relative;margin:5% auto;padding:5px 20px 13px;border-radius:4px;background:#fff}
.close{background:#606061;color:#FFF;line-height:25px;position:absolute;right:-10px;text-align:center;top:-10px;width:24px;text-decoration:none;font-weight:700;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000}
.close:hover{background:#00d9ff}
#gorusgonder input{margin-bottom:5px}
#gorusgonder hr{border:1px solid #ccc}
.modalDialog h2{font-size:20px;padding:15px 0;margin-bottom:15px;border-bottom:1px solid #eee}
.blogvehaber{background-image:url(https://sofmira.com/templates/website/Modern/images/bloghaberbg.jpg);background-repeat:repeat;background-position:center top;float:left;width:100%;margin:35px 0;text-align:center;padding:30px 0;box-shadow:inset 0 0 70px 40px #fff}
.haberblog{background:#fff;width:485px;float:none;margin:20px 25px;display:inline-block;text-align:left;vertical-align:top;    border-radius: 7px;}
.haberbloktitle{width:100%;float:left;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #eee}
.haberbloktitle h4{font-weight:700}
.haberbloktitle i {color:#635287}
.haberblog li{width:455px}
.haberblog .list_carousel li img{float:left;margin-right:15px;    border-radius: 7px;}
.haberblog li h4 a{color:#1aaf36;font-size:20px;font-weight:600;font-family:'Raleway',sans-serif;}
.haberblog li h4 span{font-size:16px;color:#77777787}
.haberblog .pager{margin:0}
.haberblog p{font-size:14px}
.pager a{width:18px;height:18px;border:2px solid #ccc}
.pager a:hover{background:#ccc}
.pager a.selected{background:#ccc}
.haberbloktitle h4{font-size:18px}
#bloghome{float:right}
.rakamlarlabiz{margin-bottom:35px;float:left;width:100%}
.istatistik{float:left;width:22%;margin:15px;text-align:center}
.istatistik h1{font-size:46px;font-weight:700;color:#635287}
.istatistik h2{font-size:24px;font-weight:200;color:#635287;margin-top:15px}
.istatistik span{width:70%;height:1px;background:#635287;display:inline-block}
.istatistik i{font-size:120px;color:#eee;float:right;position:absolute;margin-top:-130px;z-index:-1}
.footlogos{text-align:center;margin-top:20px;float:left;width:100%}
.footlogos img{width:120px;vertical-align:middle;margin:17px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.footlogos img:hover{-webkit-filter:none;filter:none}
.ebulten{background-image:url(https://sofmira.com/templates/website/Modern/images/ebultenbg.jpg);background-repeat:no-repeat;background-position:center center;float:left;height:200px;width:100%;background-size:100% auto}
.ebultencont{background-color:#FFF;width:700px;margin:auto;height:55px;margin-top:70px;box-shadow:0 0 45px #a9a9a9a8;border-radius:50px}
.ebultencont i{float:left;font-size:24px;color:#ccc;margin:14px;margin-left:20px}
.ebultencont input{float:left;border:none;line-height:45px;width:450px;padding:5px;font-family: 'Raleway',sans-serif;}
.aboneolbtn{background:#635287;color:#fff;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;float:right;margin:6px;width:95px;text-align:center;    border-radius: 50px;}
.aboneolbtn:hover{background:#1aaf36;}
.footslogan{float:left;text-align:center;width:100%;color:#ffffff80}
.footslogan:hover h2 a{color:white}
.footslogan h4{font-size:22px;font-weight:200}
.footslogan h2{margin-bottom:10px;font-size:30px;font-weight:600}
.footer{background-image:url(https://sofmira.com/templates/website/Modern/images/footerbg.png);background-color: #2e3d44;background-size: 100% auto;background-repeat:repeat;background-position:center top;float:left;height:auto;width:100%;padding:70px 0;color:#fff}
.footslogan a{color:#fff}
.footer a{color:#ffffff80}
.footlogo {width: 180px;    margin-bottom: 30px;}
.footinfos{float:left;width:25%;margin-right:20px;color:#ffffff80;    font-family: 'Raleway',sans-serif;}
.footinfos h5{font-size:15px;font-weight:600;margin:20px 0px}
.footinfos h4{font-weight:600;margin:15px 0px}
.footinfos h5 span{margin-top:10px;float:left;width:100%;font-weight:900}
.footblok{float:left;width:14%;margin:21px;font-size:14px;font-family:'Raleway',sans-serif}
.footblok h3{font-weight:900;font-size:15px;margin-bottom:10px}
.footblok a{color:#ffffff9e;float:left;width:100%;font-weight:400;padding:5px 0px}
.footblok a:hover{padding-left:3px;color:#fff}
.footend{width:100%;background:#1c1c1c;height:74px;float:left}
.footend a{color:#ccc}
.footend span{line-height:74px;color:#ccc;font-weight:200;float:left}
.footer .line{background-color:#4c606b;margin-top:25px;margin-bottom:25px}
.footsosyal{display:inline-block;margin:auto;width:100%;text-align:center}
.footsosyal a{display:inline-block;color:#ffffff87;font-size:18px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;width:50px;height:50px;text-align:center;line-height:50px;border:1px solid transparent;margin:0px 10px}
.footsosyal a:hover{background:#00000030}
.cd-top{display:inline-block;height:60px;border-radius: 5px;width:60px;position:fixed;bottom:50px;right:20px;box-shadow:0 0 10px rgba(0,0,0,0.05);overflow:hidden;text-indent:100%;white-space:nowrap;background:rgba(232,98,86,0.8) url(https://sofmira.com/templates/website/Modern/images/cd-top-arrow.svg) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0 .3s;-moz-transition:opacity .3s 0s,visibility 0 .3s;transition:opacity .3s 0s,visibility 0 .3s}
.cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s,visibility 0 0;-moz-transition:opacity .3s 0s,visibility 0 0;transition:opacity .3s 0s,visibility 0 0}
.cd-top.cd-is-visible{visibility:visible;opacity:1}
.cd-top.cd-fade-out{opacity:.5}
.cd-top.cd-fade-out:hover{opacity:1.5}
.no-touch .cd-top:hover{background-color:#e86256;opacity:1}
.sabithead{display:none;background-color:#635287}
.sabithead .menu li a{line-height:60px;font-weight:600;font-size:15px;text-shadow:0 0 2px #767676}
.sabithead .menu li ul li a{line-height:40px}
.sabithead .menu ul li ul li a{border:none;color:white;font-weight:300}
.sabithead .menu ul li ul {    background: #635287;top:60px;}
.sabithead .menu li:hover a{border: none}
.sabithead .ulup {bottom: -5px;}
#fullwidth{position:relative;height:auto;background:none;margin:0;padding-bottom:0}
#muspanel #fullwidth{height:auto;}
#fullwidth .head{width:100%;background:#e5e5e5;margin:0;height:50px;line-height:50px}
#fullwidth .head a{color:#3d3d3d;padding:0 15px;margin-left:0}
#fullwidth .head a:hover{background:#d8d8d8}
#fullwidth #sepeticon{margin-top:12px;position:relative;z-index:22;color:#fff;font-size:28px}
#fullwidth #sepeticon span{font-size:13px;width:20px;height:20px;background:linear-gradient(#9BC90D 0%,#79A70A 100%);color:#fff;position:absolute;text-align:center;line-height:20px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-left:-10px}
#fullwidth .headustlinks a{line-height:50px;padding:0 10px;float:left;border-right:1px solid #dedede}
#fullwidth .sosyalbtns a{padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:none;line-height:50px;height:auto}
#fullwidth .sosyalbtns a:hover{background:#d8d8d8}
.fullwidthhead{width:100%;height:auto;padding:12px 0;float:left;background-image:url(https://sofmira.com/templates/website/Modern/images/menubg2018.jpg);position:relative;margin-top:0;background-size:100%;background-color:white}
#fullwidth .logo{padding:5px 0;display:inline-block;float:left;height:40px;position:relative;margin:0px;width:auto}
#fullwidth .headbutonlar a{float:right;color:#635287;margin-left:10px;font-size:14px;border:2px solid transparent;padding:10px 15px;border-radius:50px;font-weight:500}
#fullwidth .headbutonlar a:hover{color:white;background:#635287}
#fullwidth .headbutonlar{margin-top:5px}
#fullwidth .langbtn{float:left;margin-left:20px;margin-top:15px;font-size:16px}
#fullwidth .langbtn a{color:#333}
.headmail{float:right;margin-top:5px;font-size:16px;margin-left:40px;color:#333}
.headmail a{color:#333}
.headmail i{float:left;font-size:40px;margin-right:10px;margin-top:5px}
.headinfospan{float:left;font-size:16px;line-height:23px}
#fullwidth .menu{float:left;width:100%;margin:0;background-image:url(https://sofmira.com/templates/website/Modern/images/menubg.jpg);background-position:top center}
.menucolor{background-color:#635287;float:left;    z-index: -1;height:68px;width:100%;position:absolute;opacity:.3;filter:alpha(opacity=30)}
#fullwidth .menu ul li ul li:hover a{background:rgba(0,0,0,0.3)}
#fullwidth .menu li:hover a{background:rgba(0,0,0,0.2);color:#ffffffd6}
#fullwidth .menu ul li ul li ul{top:0px}
#fullwidth .menu ul li ul{background:#635287;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;top:68px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-left-radius:0px;border-top-right-radius:0px}
#fullwidth .headbutonlar #headicon{font-size:20px;padding:0px;width:30px;height:30px;line-height:30px;text-align:center;margin:0px;margin-right:20px;margin-top:3px}
#fullwidth .headbutonlar #headicon .basket-count{font-size:13px;width:20px;height:20px;background:linear-gradient(#9BC90D 0%,#79A70A 100%);color:#fff;position:absolute;text-align:center;line-height:20px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-left:-5px;margin-top:-5px}
#fullwidth .headbutonlar #headicon .fa-shopping-cart{font-size:22px}
#fullwidth #megamenuservice{width:20%;box-shadow:none;background:rgba(0,0,0,0.28)}
#fullwidth #megamenuservice:hover{background:#1aaf3669}
#fullwidth #megamenuservice:hover a{background:none}
#fullwidth #megamenuservice a{padding:0px}
.digerhmzinfo{float:right;width:200px;color:white;position:absolute;right:0px;top:0px;padding:0px 45px;height:100%;background:#1aaf36;font-weight:200}
.digerhmzinfo h5{margin-top:25px;font-family:'Raleway',sans-serif}
.digerhzmucgen{width:0;height:0;top:30px;position:absolute;border-style:solid;border-width:15px 15px 15px 0;border-color:transparent #1aaf36 transparent transparent;margin-left:-53px;margin-top:65px}
#fullwidth .menu li .digerhmzinfo a{padding:10px 25px;line-height:normal;float:left;border-radius:50px;margin-top:10px;font-size:15px}
#fullwidth .menu li .digerhmzinfo a:hover{background:rgba(0,0,0,0.34)}
#megamenu:hover #megamenuservice a {background:none;}
#fullwidth .menu li:hover #megamenuservice a {background:none;}
#fullwidth #megamenu {color: #ffffffd6;}
#fullwidth .headbutonlar .borderedbtn {border:2px solid #635287}
#fullwidth .headbutonlar #headicon i{margin:0px;}
#slider2,#slider3{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin:0 auto}
.rslides_tabs{list-style:none;padding:0;background:rgba(0,0,0,.25);box-shadow:0 0 1px rgba(255,255,255,.3),inset 0 0 5px rgba(0,0,0,1.0);-moz-box-shadow:0 0 1px rgba(255,255,255,.3),inset 0 0 5px rgba(0,0,0,1.0);-webkit-box-shadow:0 0 1px rgba(255,255,255,.3),inset 0 0 5px rgba(0,0,0,1.0);font-size:18px;list-style:none;margin:0 auto 50px;max-width:540px;padding:10px 0;text-align:center;width:100%}
.rslides_tabs li{display:inline;float:none;margin-right:1px}
.rslides_tabs a{width:auto;line-height:20px;padding:9px 20px;height:auto;background:transparent;display:inline}
.rslides_tabs li:first-child{margin-left:0}
.rslides_tabs .rslides_here a{background:rgba(255,255,255,.1);color:#fff;font-weight:700}
.callbacks_container .slidetext-container{width:80%;margin:12%;margin-top:8%;position:absolute;z-index:22}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.callbacks li{position:absolute;width:100%;left:0;top:0}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0,.8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none}
.callbacks_nav{position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);left:0;display:none;opacity:.7;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url(https://sofmira.com/templates/website/Modern/images/themes.png) no-repeat left top;margin-top:-120px}
.callbacks_nav:active{opacity:1}
.callbacks_nav.next{left:auto;background-position:right top;right:0}
.head2logo{float:left;margin-right:25px}
.slidetext-container{width:80%;margin:auto;margin-top:20%;color:#fff;text-align:left}
.sayfaustheader{background-image:url(https://sofmira.com/templates/website/Modern/images/image4.jpg);background-repeat:no-repeat;background-position:center top;float:left;height:260px;width:100%;background-size:100% auto}
.headerwhite{background-image:url(https://sofmira.com/templates/website/Modern/images/headerwhite.png);background-repeat:repeat;background-position:center bottom;width:100%;height:149px;display:inline-block;position:absolute;bottom:-2px}
#home .headerwhite {display:none;}
#muspanel .sayfabaslik{margin-top:20px;display:none}
.sayfabaslik{float:right;color:#fff;text-align:right;margin-top:35px;position:relative;z-index:1;text-shadow:0 0 2px #666}
.sayfabaslik i{font-size:12px;margin:10px}
.sayfabaslik a{color:#fff;font-weight:200;font-size:16px}
.sayfabaslik a:hover{color:#ccc}
.sayfabaslik h1{font-weight:bolder;font-size:24px}
.sayfacontent{float:right;width:74%;margin-bottom:35px;}
.sidebar{float:left;width:24%;border-right-width:3px;border-bottom-width:3px;border-right-style:solid;border-bottom-style:solid;border-right-color:#ececec;border-bottom-color:#fff;margin-top:20px;margin-bottom:35px}
.sidelinks a{float:left;width:100%;padding:10px 0;-webkit-border-radius:7px;-webkit-border-top-right-radius:1px;-webkit-border-bottom-right-radius:1px;-moz-border-radius:7px;-moz-border-radius-topright:1px;-moz-border-radius-bottomright:1px;border-radius:7px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom:1px solid #eee}
.sidelinks span{padding:2px 7px;display:inline-block}
.sidelinks a:hover{color:#1aaf36;background:#eee}
.paypasbutonlar{float:right;margin-top:20px;text-align:center;color:#666;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;position:relative}
.scriptpaylas{margin-top:15px}
.fullwidtscriptdetay{margin-top:-65px}
#header2 .paypasbutonlar{margin-top:45px}
.paypasbutonlar a{color:#666;float:left;height:40px;width:40px;font-size:16px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;text-align:center;line-height:250%;background:#fff;border-top:1px solid #eee}
.paypasbutonlar a:hover{color:#fff;background:#666}
#facepaylas:hover{background:#365899}
#twitpaylas:hover{background:#000000}
#googlepaylas:hover{background:#d73d32}
#linkedpaylas:hover{background:#008cc9}
#uyeolgirisbody{background:#000}
#uyeolgirisbody .footend{bottom:0;position:fixed}
.uyeolgirishead{float:left;width:100%;margin-top:15px;color:#fff;margin-bottom:5%}
.uyeolgirishead h1{float:right;font-weight:200;margin-top:30px}
.uyeolgirisyap{float:left;width:100%;margin-bottom:80px}
#girisyapright h4{border-bottom:1px solid #ccc;padding-bottom:10px}
#girisyapright h4 i{margin-right:5px}
.uyeol h4{border-bottom:1px solid #ccc;padding-bottom:10px}
.uyeol h4 i{margin-right:5px}
.sifreunuttulink{float:right}
.uyeolgirisyap .btn{font-size:16px;    padding: 15px 0px;background:#fff;margin-bottom:15px;border:1.5px solid #1aaf36;color:#1aaf36;font-weight:700;outline:none}
.uyeolgirisyap .btn:hover{background:#1aaf36;color:#fff;border:1.5px solid transparent}
.uyeol{float:right;width:40%;margin-bottom:20px;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.girisyap h3{text-align:center;font-size:20px;margin-top:30px;font-weight:700}
.uyeolgirisslogan{float:left;color:#fff;width:40%;text-align:center;margin-top:6%}
.uyeolgirisyap .gonderbtn{float:none;color:#fff;border:1px solid #fff;padding:15px 45px;font-weight:700;font-size:16px}
.uyeolgirisyap .gonderbtn:hover{background:#fff;color:#000}
.checkbox-custom,.radio-custom{opacity:0;position:absolute}
.checkbox-custom,.checkbox-custom-label,.radio-custom,.radio-custom-label{display:inline-block;vertical-align:middle;cursor:pointer;width:auto}
.checkbox-custom-label,.radio-custom-label{position:relative;margin-bottom: 5px;}
.checkbox-custom+.checkbox-custom-label:before,.radio-custom+.radio-custom-label:before{content:'';border:1.5px solid #1aaf36;    border-radius: 5px;display:inline-block;line-height:20px;vertical-align:middle;width:20px;height:20px;padding:2px;margin-right:10px;text-align:center}
.checkbox-custom:checked+.checkbox-custom-label:before{content:"\f00c";font-family:'FontAwesome';background:#1aaf36;color:#fff;font-size:15px}
.radio-custom+.radio-custom-label:before{border-radius:50%}
.radio-custom:checked+.radio-custom-label:before{content:"\f00c";font-family:'FontAwesome';color:#fff;background:#1aaf36}
#uyelik table tbody tr td h4{padding-bottom:10px;border-bottom:1px solid #eee;margin-top:-8px}
#uyelik input{border-bottom-width:2px;border-bottom-color:#ccc;padding:10px 0;border-style:none none solid}
#uyelik input:focus{border-bottom-width:2px;border-bottom-color:#1aaf36;padding-left:5px;border-style:none none solid}
.uyeolgirisslogan h4{font-weight:200}
#uyelik::-webkit-input-placeholder{color:#444}
#uyelik:-moz-placeholder{color:#444}
#uyelik::-moz-placeholder{color:#444}
#uyelik:-ms-input-placeholder{color:#444}
#girisyapright{float:right}
#uyegirisloganleft{float:left}
.iletisimpage{float:left;width:100%}
.iletisimblok{display:inline-block;width:22%;    line-height: 23px;text-align:center;border-right:1px solid #eee;vertical-align:top;min-height:175px}
#compnayinfo{width:30%;text-align:left;    line-height: 27px;}
.iletisimblok h3{font-weight:700;font-size:18px;margin-bottom:10px;color:#1aaf36}
.iletisimblok i{font-size:70px;margin-bottom:15px}
.iletisimblok span{float:left;width:100%;font-size:15px}
.googlemap{width:48%;float:left;margin-bottom:25px}
.iletisimtitle{padding-bottom:10px;margin-bottom:10px;width:100%;float:left;border-bottom:1px solid #eee;font-weight:700;font-size:20px}
.iletisimformu{float:right;width:48%}
.iletisimslogan{text-align:center;width:80%;font-weight:200;font-size:22px;margin:auto;margin-bottom:35px}
.iletisimformu input,textarea{width:100%;border-bottom-width:2px;border-bottom-color:#ccc;padding:16px 0;border-style:none none solid}
.iletisimformu input:focus{border-bottom-width:2px;border-bottom-color:#1aaf36;padding-left:5px;color:#1aaf36;border-style:none none solid}
.iletisimformu textarea:focus{border-bottom-width:2px;border-bottom-color:#1aaf36;padding-left:5px;color:#1aaf36;border-style:none none solid}
.bigmaplink{font-size:13px;float:right;color:#777;font-weight:400;margin-top:10px}
.bigmaplink:hover{color:#000;text-decoration:underline}
.sayfabaslik{margin-top:35px;background:rgba(0,0,0,0.4);padding:10px 30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#header2 .sayfabaslik{margin-top:55px}
#rightsidebar{float:right}
.listeleme{float:left;width:73%;margin-top:17px}
.list{display:inline-block;width:46%;margin:10px;    border-radius: 7px;
    overflow: hidden;box-shadow:0 0 15px #eee;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.list:hover{box-shadow:0 0 15px #ccc}
.list h4 a{color:#1aaf36}
.list p{margin:0;padding:7px 0;padding-right:5px}
.list img{margin-bottom:10px;float:left;width:100%;height:225px}
.listbaslik{font-size:22px;font-weight:700;float:left;width:100%;padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:15px}
.sidebar h4{font-size:17px;font-weight:700;float:left;width:100%;padding-bottom:15px;border-bottom:1px solid #eee}
.bloginfos{font-size:14px;float:left;width:100%;background:rgba(0,0,0,0.6);margin-top:-35px;color:#fff}
.bloginfos a{color:#fff;float:right}
.alanadisorgu{width:100%;float:left;text-align:center;margin-bottom:20px}
.alanadisorgu .gonderbtn{background:#8BC34A;margin-left: -156px;}
.alanadisorgu .gonderbtn:hover{background:#72a833}
#transferbtn{background:#009595;margin-left:0px;}
#transferbtn:hover{background:#635287}
.transfercode{width:70%;text-align:center;display:none;transition-property:all;transition-duration:0;transition-timing-function:ease;opacity:1;margin:auto;margin-bottom:50px}
.transfercode input{border-radius:2.20588rem;width:45%;border:0px;padding:20px 32px;padding-top:17px;padding-bottom:21px;-webkit-box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);border:1px solid #f5f3f3;margin:25px 0px;font-size:22px;font-weight:300;color:#607D8B}
.alanadisorgu h1{font-weight:200;font-size:36px;margin-bottom:20px}
.alanadisorgu input{border-radius: 2.20588rem;width: 45%;height: 100%;border: 0px;padding: 20px 32px;padding-top: 19px;-webkit-box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.06);box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.06);border: 1px solid #f5f3f3;margin: 25px 0px;font-size: 22px;font-weight: 300;color: #607D8B;}
#transfercode .lbtn{border:0px;background-color:#635287;border-radius:2.20588rem;color:#FFFFFF;margin-left:-158px;padding:20px 0px;display:inline-block;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;width:150px;font-weight:normal;font-size:16px}
.alanadisorgu .gonderbtn{color:#fff;border:none;font-size:16px;-moz-border-radius:0;padding:18px 40px;z-index:5;position:relative}
#checkButton{border:0px;background-color:#8BC34A;border-radius:2.20588rem;color:#FFFFFF;margin-left:-158px;padding:20px 0px;position:absolute;margin-top:30px;display:inline-block;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;width:150px;font-size:16px}
#checkButton:hover{background:#709d3d}
.uzantibox{width:10%;padding:5px 0;border:2px solid #eee;vertical-align:top;border-radius:7px;text-align:center;display:inline-block;margin:7px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;text-transform:lowercase}
.uzantibox img{width:auto;max-height:30px}
.uzantibox:hover{border:2px solid #1aaf36}
.uzantibox H4{font-weight:700}
.popuzantilar{text-align:center;margin-top:15px}
.uzantibox .checkbox-custom+.checkbox-custom-label:before,.radio-custom+.radio-custom-label:before{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.domainozellikler{background-image:url(https://sofmira.com/templates/website/Modern/images/domainbg.jpg);background-size: 100% auto;margin-bottom:0;margin-top: 80px;background-repeat:no-repeat;background-position:center center;float:left;height:auto;width:100%;padding-top:35px;padding-bottom:35px;font-size:16px;box-shadow: inset 0 0 70px 40px #fff;}
.domainozellikler h3{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #aac28f;font-weight:600;font-size:24px;display: none;}
.domainozellikler h4{font-weight: 700;font-size:18px;margin-bottom: 10px;}
.domainozellikler i{font-size: 70px;display: inline-block;/* margin-right:25px; */line-height:50px;text-align:center;width:75px;}
.dozelliklist{margin: 20px;display: inline-block;width: 29%;text-align: center;vertical-align: top;}
.domainiconleft{/* float:left; *//* width:100px; */margin-bottom: 20px;}
.domainfeatright{display:inline-block;width: 100%;font-size: 15px;}
.tescilucretleri{width:90%;padding-top:25px;text-align:center;margin:35px auto 50px}
.tescilucretleri span{float:left;width:125px;padding:5px;border-right-width:1px;border-right-style:solid;border-right-color:#CCC;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC}
.tescilucretleri table {    border-radius: 10px;    overflow: hidden;}
.tescilucretleri h4{margin-bottom:30px;font-size:26px}
.tescilsonuc{float:left;width:100%;margin-bottom:35px}
.tescilucretleri table tr td{padding:15px 0px;border-bottom:1px solid #efefef;}
.tescilucretleri table tr{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.tescilucretleri table tr:hover{background:#eee}
.tescilsonuc{float:left;width:100%;margin-bottom:25px;padding-bottom:40px;border-bottom:1px solid #eee}
.tescilsonuc table{width:70%;margin:auto}
#tesclsure{text-align-last:center;border:none;cursor:pointer;padding:0}
.tescilsonuc table thead tr td .checkbox-custom-label{margin-right:0}
.tescilsonuc tr td{padding:5px 10px;border-bottom:1px dotted #EBEBEB;line-height:40px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.checkbox-custom+.checkbox-custom-label:before,.radio-custom+.radio-custom-label:before#tesclsure{width:190px;text-align:center;text-align-last:center}
.hostingozellikler{float:left;width:100%;padding-top:20px;margin-top: 35px;}
.hostozellk{display:inline-block;width:22%;font-size:16px;font-weight:300;vertical-align:top;text-align:center;padding:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.hostozellk h4{font-size:20px;font-weight:400}
.hostozellk:hover{background:#f6f6f6;box-shadow:0 0 12px #eee}
.sss{float:left;width:100%;padding-top:20px;border-top:1px solid #ebebeb}
.sss h4{margin-bottom:15px}
.sss #accordion h3{font-size:17px;border-radius:10px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#scriptlistesi{background:none;padding:0;text-align:left}
#scriptlistesi .anascripler{text-align:center}
#scriptlistesi .scriptkategoriler a{color:#302847;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#eee;border-right-width:2px;border-right-style:solid;border-right-color:#eee;margin-bottom:0;padding:12px 7px;font-size:15px}
#scriptlistesi .scriptkategoriler a:hover{background:#eee}
#scriptlistesi #scataktif{background:#eee}
.scriptlisttitle{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ebebeb;color:#1aaf36;font-size:22px;width:100%;text-align:left}
#scriptlistesi .anascriptlist{box-shadow:0 0 5px #b1b1b1;margin:1.4%}
#scriptlistesi .anascriptlist:hover{box-shadow:0 0 10px #777}
.scriptdetayinfo{float:left;width:71.5%;padding-right:28px;margin-right:15px;border-right:2px solid #ebebeb}
.scriptrightside{float:right;width:24%;position:-webkit-sticky;position:sticky;top:15px}
.scriptdetayinfo img{width:100%;height:auto;margin-bottom:15px;box-shadow:0 0 10px #9d9d9d}
.scriptrightside h4{font-size:18px;margin-bottom:7px;font-weight:300}
.scriptrightside h4 i {margin-right:10px;}
.scriptrightside .btn{font-size:15px;padding:12px 0;width:100%;font-size:16px;border-radius:50px;background:#eee;border:#eee}
.scriptrightside .btn:hover{background:#ccc;color:#333}
.sunucugereksinim{margin-top:20px;line-height:25px;font-size:15px}
.scriptfiyat{float:left;width:100%;padding:10px 0;text-align:center;border-top:2px solid #ebebeb;border-bottom:2px solid #ebebeb;margin:20px 0}
.scriptfiyat span{font-size:24px;font-weight:200}
.scriptdetaybenzer{float:left;width:100%;margin-top:50px;text-align:center}
.scriptdetaybenzer .anascriptlist{box-shadow:0 0 5px #b1b1b1}
.scriptozellks{margin:5px;border:2px solid #eee;width:47.8%;line-height:20px;    border-radius: 5px;display:inline-block;height:120px;vertical-align:top;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;text-shadow:0 0 2px #ccc}
.scriptozellks:hover{border:2px solid #302847}
.scriptozellks h3{font-size:16px;font-weight:700;margin-bottom:7px}
.scriptozellkinfo{float:right;width:82%}
.ozellkiconxx{font-size:45px;text-align:center;width:50px;float:left}
.scriptozellks p{font-size:14px;font-weight:300;padding:0;margin:0;padding-bottom:10px}
.scriptfiyat h1{font-weight:700;color:#8bc34a;line-height:38px}
#urunsatinlink{border:1px solid #4CAF50;color:#4CAF50;font-weight:700;background:#4CAF50;color:#fff}
#urunsatinlink:hover{color:#fff;background:#368639}
.kutubanner{width:100%;text-align:center;margin-top:25px}
.scriptrightside .paypasbutonlar{margin-top:5px;float:left;margin-bottom:0}
.surumgecmisi{margin-top:25px;font-size:14px}
.sunucular{float:left;width:100%;margin-top:10px;margin-bottom:25px}
#datatable tr td:last-child{border-right:none}
.datatable tr td:last-child{border-right:none}
.sunucular table tr td{font-size:16px;border-bottom:1px solid #ebebeb;padding:12px}
.sunucular table tr:hover{background:#eee;}
.sunucular table tr{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.sunucustok{background:#4caf50;color:#fff;padding:2px 0;font-size:12px;margin-left:-73px;position:absolute;margin-top:-50px;width:62px}
.sunucustok:after{content:'';position:absolute;border-color:transparent transparent transparent #4caf50;border-style:solid;border-width:5px;width:0;height:0;margin-top:5px;margin-left:4px}
.indirim{background:#4caf50;color:#fff;border-radius:3px;padding:2px 0;font-size:13px;display:inline-block;margin-left:15px;width:100px;text-align:center;line-height:21px;position:relative}
.indirim:after{content:'';position:absolute;border-color:transparent #4caf50 transparent transparent;border-style:solid;border-width:6px;width:0;height:0;margin-top:4px;left:-12px}
#tukendi{background:#f44336}
#tukendi:after{border-color:transparent transparent transparent #f44336;border-style:solid;margin-left:11px;border-width:5px}
.sunucular .gonderbtn i{margin-right:7px}
.sunucular select{padding:5px 0;font-weight:700;text-align-last:center}
.sunucular .gonderbtn{border:none;background:#4caf50;color:#fff}
.sunucular .gonderbtn:hover{background:#3a993e}
#sunucutukenbtn{opacity:.4;filter:alpha(opacity=40);background:none;color:#81c04e}
#digerpaketler .tpakettitle{background:#FF9800}
#digerpaketler .tpakettitle i{color:#FF9800}
#digerpaketler .tablepaket h3{color:#FF9800}
#digerpaketler .tablepaket h4{color:#FF9800}
#digerpaketler .tablepaket .gonderbtn{border:2px solid #FF9800;color:#FF9800}
#digerpaketler .tablepaket .gonderbtn:hover{color:#fff;background:#FF9800}
#smspaketleri .tpakettitle{background:#E91E63}
#smspaketleri .tpakettitle i{color:#E91E63}
#smspaketleri .tablepaket h3{color:#E91E63}
#smspaketleri .tablepaket h4{color:#E91E63}
#smspaketleri .tablepaket .gonderbtn{border:2px solid #E91E63;color:#E91E63}
#smspaketleri .tablepaket .gonderbtn:hover{color:#fff;background:#E91E63}
#sslpaketleri .tpakettitle{background:#8bc34a}
#sslpaketleri .tpakettitle i{color:#8bc34a}
#sslpaketleri .tablepaket h3{color:#8bc34a}
#sslpaketleri .tablepaket h4{color:#8bc34a}
#sslpaketleri .tablepaket .gonderbtn{border:2px solid #8bc34a;color:#8bc34a}
#sslpaketleri .tablepaket .gonderbtn:hover{color:#fff;background:#8bc34a}
.siparisbilgileri{margin-bottom:40px}
.siparisbilgileri .radio-custom-label{margin-bottom:5px}
.siparisbilgileri .btn{font-size:16px;float:right;color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:200px;background:#8bc34a;text-align:center;font-size:16px;margin-top:10px;font-weight:700;}
.siparisbilgileri .btn i {display:none}
.siparisbilgileri .btn i{margin-left:5px}
.siparisbilgileri .btn:hover{background:#635287;color:#fff}
.siparisbilgileri table{width:70%}
.siparisbilgileri table tr td{padding: 12px 10px;border-bottom:1px solid #ebebeb}
.ilanasamalar{float:left;width:100%;padding-bottom:20px;text-align:center;margin-bottom:40px;margin-top: 25px;}
.ilanasamax{text-align:center;vertical-align:top;width:32.7%;font-size:18px;display:inline-block}
.ilanasamax h3{width:80px;background:#eee;text-align:center;height:80px;margin-bottom:7px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;line-height:80px;font-size:34px;font-weight:700;text-shadow:.03em .03em #fff}
.ilanasamalar .ilanasamax:first-child:nth-last-child(4),.ilanasamalar .ilanasamax:first-child:nth-last-child(4) ~ .ilanasamax{width:24%}
.ilanasamalar .ilanasamax:first-child:nth-last-child(5),.ilanasamalar .ilanasamax:first-child:nth-last-child(5) ~ .ilanasamax{width:19%}
.asamaline{width:100%;background:#eee;height:5px;margin-top:60px;float:left;margin-bottom:-70px}
#asamaaktif h3{background:#1aaf36;color:#fff;text-shadow:none}
#asamaaktif{color:#1aaf36;font-weight:bolder}
.domainsec{width:800px;margin:auto}
.domainsec input{width:76%;font-size:20px}
.domainsec select{border-radius:2.20588rem;width:80%;height:100%;border:0px;padding:20px 32px;padding-top:19px;-webkit-box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);border:1px solid #f5f3f3;margin:25px 0px;font-size:18px;font-weight:300}
.domainsec table{width:100%}
.domainsec .btn{margin-top:25px}
.domainsec h5{margin-top:7px;color:#302847;font-size:17px}
.domainsec .alanadisorgu .gonderbtn{text-align:center;border:0px;background-color:#8BC34A;border-radius:2.20588rem;color:#FFFFFF;margin-left:-160px;padding:18px 0px;display:inline-block;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;width:150px;font-size:16px}
.domainsec .tescilsonuc table{width:100%;font-size:15px}
.domainsec .tescilsonuc{margin:0;padding:0;border:none}
.domainsec .alanadisorgu{margin-top:0;margin-bottom:15px}
.sadeckyinfo{font-size:16px;color:#302847;margin:0 7px;font-size:18px;margin-bottom:10px;float:left;width:100%}
.domainsec .tescilsonuc .gonderbtn{background:#ff9800;color:#fff;border:transparent;padding:5px 40px;margin-bottom:20px}
.domainsec .tescilsonuc .gonderbtn:hover{background:#d57f00}
.sipdvmtmmbtn .gonderbtn{width:40%;border:none;background:#ebebeb;margin-bottom:15px;padding:18px 0;font-size:18px}
.sipdvmtmmbtn .gonderbtn i{margin-right:5px}
#alisverisdevam:hover{background:orange;color:#fff}
#alisveristamam:hover{background:green;color:#fff}
.sungenbil{float:left;width:63%}
.skonfiginfo{border:1px solid #ebebeb;float:left;width:100%;border-radius:10px}
.sunucukonfigurasyonu{float:left;width:100%;margin-bottom:50px}
.skonfiginfo h4{float:left;width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ebebeb;font-weight:700;font-size:18px}
.sunucusipside{float:right;width:35%;position:-webkit-sticky;position:sticky;top:15px}
.skonfigside{float:left;background:#635287;color:#fff;padding-bottom:10px;border-radius:10px}
.skonfigside .line{    background: rgb(0 0 0 / 35%);}
.skonfigside h4{float:left;width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgb(0 0 0 / 35%);font-weight:700}
.skonfigside span{float:left;width:100%;padding:6px 0;font-size:14px}
.skonfigside span strong{float:right;   }
.sunucretler span{font-size:16px}
.sunucretler #total_amount {    font-size: 26px;}
.skonfigside h3 span{font-size:20px}
.sunucusipside .gonderbtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#8bc34a;text-align:center;font-size:18px;margin-top:10px;font-weight:700;    border-radius: 10px;}
.sunucusipside .gonderbtn:hover{background:#333;color:#fff}
.sepet{float:left;width:100%;margin-bottom:60px}
.sepetleft{float:left;width:73%}
.sepetright{float:right;width:25%;position:-webkit-sticky;position:sticky;top:15px}
.sepetrightshadow{    -webkit-box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.06);    border-radius: 10px;}
.sepetbaslik{float:left;line-height:50px;width:100%;background:#635287;color:#fff;-webkit-border-radius:10px;-moz-border-radius:2px;border-radius:10px;font-size:16px;font-weight:700}
.uhinfo{width:40%;float:left}
.sepetlistcon .uhinfo{line-height:25px}
.uhperiyod{width:25%;text-align:center;float:left}
.uhperiyod h5{font-size:18px;font-weight:600}
.uhperiyod option{font-size:15px;font-size:14px}
.uhtutar h4{font-size:20px}
.uhtutar h4 strong{position:relative}
.uhtutar{width:25%;text-align:center;float:left}
.sepetlist{float:left;width:100%;margin:8px 0;-webkit-box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);border-radius:10px}
.sepetlistcon{padding:30px 20px}
.uhinfo h5{margin:0;font-size:18px}
.uhinfo h4 a{font-size:15px;color:#c20000;margin:0;float:left}
.uhinfo p{font-size:14px}
.uhinfo p span{font-weight:600}
.uhperiyod select{text-align-last:center;border:none;padding:5px 0px;width:auto;display:block;margin:auto;font-weight:600;font-size:18px}
.uhsil{float:right;width:10%;text-align:center;}
.uhsil a{font-size:20px;}
.uhsil a:hover{color:#333}
.green-label{background-color:#81bc00;color:#fff}
.row-label{display:inline-block;padding-right:8px;padding-left:8px;font-size:11px;position:absolute;margin-left:-8px;height:19px;line-height:19px;border-radius:2px 0 0 0;letter-spacing:1px}
.green-label::before{position:absolute;content:" ";width:0;height:0;border-style:solid;border-width:0 8px 8px 0;border-color:transparent #679404 transparent transparent;left:0;bottom:-7px}
.sepetsipinfo{font-size:14px}
.sepetrightcon{padding:15px;}
.sepetsipinfo h5{font-weight:700;font-size:19px;color:#FF5722;width:120px}
.sepetsipinfo tr td{border-bottom:1px dotted #ebebeb;padding:10px 0}
.sepetsipinfo input{text-align-last:center}
.sepetright .gonderbtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#8bc34a;text-align:center;font-size:18px;margin-top:10px;font-weight:700;border-radius:10px;}
.sepetright .gonderbtn:hover{background:#635287;color:#fff}
.smspreviewinfo .yuzde30{vertical-align:top;}
.yuzde5{width:5%;display:inline-block}
.yuzde10{width:9%;display:inline-block}
.yuzde15{width:15%;display:inline-block}
.yuzde20{width:19%;display:inline-block}
.yuzde30{width:29%;display:inline-block}
.yuzde33{width:33%;display:inline-block}
.yuzde40{width:39%;display:inline-block}
.yuzde50inpt{width:49%;display:inline-block}
.yuzde50{width:49%;display:inline-block}
.yuzde60{width:59%;display:inline-block}
.yuzde70{width:69%;display:inline-block}
.yuzde80{width:79%;display:inline-block}
.yuzde90{width:89%;display:inline-block}
.yuzde25{width:24.5%;display:inline-block}
.yuzde75{width:74%;display:inline-block}
.sepetlistcon .checkbox-custom-label{margin-right:25px;margin-top:5px}
.sepetlistcon .radio-custom-label{margin-right:25px;margin-top:10px}
.mpanelinfo{float:left;width:100%;height:65px;background:#635287;color:#fff;line-height:65px;font-size:16px}
.header .mpanelinfo{background:rgba(0,0,0,0.5)}
#fullwidth .mpanelinfo{background:#343434}
.mpanelright{float:right;box-shadow:0 0 3px #ccc;border-radius: 7px;width:75%;margin-bottom:20px;background:#fff;margin-top:20px;min-height:430px}
.mpanelrightcon{padding:20px;word-wrap:break-word}
.mpaneltitle{float:left;width:100%;border-bottom:1px solid #ebebeb;padding-bottom:10px;margin-bottom:15px}
.mpanelrightcon .ui-widget-content{border:none}
.mpaneltitle i{margin-right:7px}
.mpaneltitle h4{font-size:18px}
.mpanelright tr td{border-bottom:1px solid #eee}
.mpanelhaber h5 span{font-size:14px;color:#777}
.mpanelhaber{float:left;width:100%;border-bottom:1px dotted #ccc;padding:12px 0}
.mpanelhaber img{float:left;width:135px;margin-right:20px;    border-radius: 5px;margin-left:5px;opacity:.6;filter:alpha(opacity=60)}
.mpanelhaber:hover img{opacity:1;filter:alpha(opacity=100);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.mpanelhaber p{margin:0;color:#666}
.songiris{float:right;font-size:14px}
.muspanelbloks{float:left;width:100%;margin-top:20px;text-align:center}
.mpanelblok{display:inline-block;width:18.8%;margin-right: 10px;background:#eee;border-radius: 5px;text-align:center;box-shadow:0 0 5px #ccc;overflow:hidden;min-height:147px;position:relative}
.mpanelblok:first-child:nth-last-child(4),.mpanelblok:first-child:nth-last-child(4) ~ .mpanelblok{width:24%}
.mpanelblok:first-child:nth-last-child(3),.mpanelblok:first-child:nth-last-child(3) ~ .mpanelblok{width:32%}
.mpanelblok:first-child:nth-last-child(2),.mpanelblok:first-child:nth-last-child(2) ~ .mpanelblok{width:49%}
.mpanelblok h1{font-size:30px;margin-top:25px;font-weight:bolder;color:#fff;position:relative;z-index:6}
.mpanelblok h2{font-size:17px;color:#fff;position:relative;z-index:6}
.mblokbtn{width:100%;color:rgba(255,255,255,0.5);background:rgba(0,0,0,0.3);text-align:left;font-size:14px;-webkit-transition:all .3s ease-out;position:absolute;bottom:0;z-index:6;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.mpanelblokicon{z-index:5;color:rgba(0,0,0,0.13);font-size:150px;position:absolute;top:-43px;margin:0;right:-100%;left:-100%}
.mblokbtn span{float:right;margin-right:5px}
a .mblokbtn:hover{color:rgba(255,255,255,1.5);background:rgba(0,0,0,0.43)}
.mblokbtn .padding10{padding:6px}
#green{background:#8BC34A}
#blue{background:#2196f3}
#red{background:#f44336}
#gray{background:#607D8B}
#turquise{background:#00bcd4}
#turquise h2{line-height:15px}
.mpanelleft{float:left;box-shadow:0 0 3px #ccc;border-radius: 7px;width:24%;margin-bottom:40px;background:#fff;margin-top:20px}
.mpanelbtns a{float:left;width:100%;padding:7px 0;border-bottom:1px solid #eee;font-size:16px;font-weight:600}
.mpanelbtns i{width:20px;text-align:center;float:left;margin-right:12px;line-height:25px}
.mpanelbtns a:hover{background:#eee}
#mpanelbtnsaktif{background:#eee;font-weight:600}
.mpanelbtns a span{padding:7px 15px;display:block}
.sayfayolu{float:right}
.sayfayolu a{margin:0 5px}
.sayfayolu a:hover{color:#000}
.sayfayolu a:first-child{font-weight:700}
#bigcontent{width:100%}
.datatbspan{float:left;margin-right:7px;line-height:50px}
.dttblegoster{float:left;width:100px;margin-right:7px}
#datatable tr{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
#datatable tr td{border-bottom:1px solid #eee;padding:10px}
.incelebtn{display:inline-block;padding:7px 15px;background:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:13px;font-weight:700}
.incelebtn:hover{background:#ccc}
.ticketdetail{float:left;width:100%}
.ticketinfos{float:left;width:100%}
.ticketstatusbtn .gonderbtn{width:48%;margin-top:25px;margin-bottom:25px}
.ticketstatusbtn .graybtn{float:left;opacity:1;filter:alpha(opacity=100);box-shadow:0 0 5px #ccc;background:#e1e1e1}
.ticketstatusbtn .graybtn:hover{background:#ccc}
.ticketstatusbtn .mavibtn{float:right}
.ticketinfos input{width:49%;padding:20px 0}
.ticketinfos select{width:49%;padding:20px 0}
#ticketfixed{width:100%;margin-bottom:20px}
#ticketfixed .destekinfo{width:23%}
.destekdetayleft{float:left;width:100%}
.destekdetayright{float:left;width:100%;margin-bottom:35px}
.destekdetaymsj{border:1px solid #46BE8A;margin-bottom:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.msjyazan{float:left;width:100%;border-bottom:1px solid #ddd;padding-bottom:10px}
.reply-message{padding:15px;padding-bottom:0}
.ticket-attachment-file{margin-top:15px;font-size:14px}
.ticket-attachment-file a{color:#777}
.ticket-attachment-file a:hover{color:#333}
.ticket-attachment-file i{margin-right:5px}
.destekdetaymsjcon{padding:15px}
.msjyazan h4{font-size:16px;float:left;font-weight:700;color:#46BE8A}
.msjyazan h5{font-size:13px;float:right;background:#46BE8A;color:#fff;font-weight:400;padding:0 8px;margin-left:10px}
.msjyazan h4 span{font-size:13px;background:#46BE8A;color:#fff;font-weight:400;padding:0 8px;margin-left:10px}
#yetkilimsj{border:1px solid #62A8EA}
#yetkilimsj .msjyazan h4{color:#62A8EA}
#yetkilimsj .msjyazan h5{background:#62A8EA}
#yetkilimsj .msjyazan h4 span{background:#62A8EA}
.destekdetayright .gonderbtn{color:#fff;border:none;float:right;box-shadow:0 0 10px #ccc;padding:15px 0;width:50%;background:#8bc34a;text-align:center;font-size:18px;margin-top:10px;font-weight:700}
.destekdetayright .gonderbtn:hover{background:#333;color:#fff}
.destekdosyaeki{float:left;width:45%}
.mavibtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#62A8EA;text-align:center;font-size:16px;margin-top:10px;font-weight:700}
.mavibtn:hover{background:#333;color:#fff}
.metalbtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#635287;text-align:center;font-size:16px;margin-top:10px;font-weight:700}
.metalbtn:hover{background:#333;color:#fff}
.graybtn{-webkit-filter:grayscale(100%);filter:grayscale(100%);color:#777;opacity:.5;filter:alpha(opacity=50);border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#ccc;text-align:center;font-size:15px;margin-top:10px;font-weight:700}
.graybtn:hover{background:#CCC;color:#777}
.yesilbtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#8bc34a;text-align:center;font-size:16px;margin-top:10px;font-weight:700}
.yesilbtn:hover{background:#333;color:#fff}
.redbtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#E21D1D;text-align:center;font-size:16px;margin-top:10px;font-weight:700}
.redbtn:hover{background:#333;color:#fff}
.turuncbtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#f26c31;text-align:center;font-size:16px;margin-top:10px;font-weight:700}
.turuncbtn:hover{background:#333;color:#fff}
#destekcvpyaz .lbtn{float:right;margin:20px;margin-right:30px}
.lbtn{padding:5px 15px;border:2px solid #635287;color:#635287;font-weight:600;border-radius:50px;display:inline-block;outline:none}
.lbtn:hover{color:#fff;background:#635287}
.sbtn{padding:7px 2px;width:35px;display:inline-block;text-align:center;font-size:16px;background:#eee;border-radius:5px}
.sbtn:hover{color:#fff;background:#635287}
.green{border-color:#81c04e;color:#81c04e}
.green:hover{color:#fff;background:#81c04e}
.red{border-color:#F44336;color:#F44336}
.red:hover{color:#fff;background:#F44336}
.orange{border-color:orange;color:orange}
.orange:hover{color:#fff;background:orange}
.blue{border-color:#62A8EA;color:#62A8EA}
.blue:hover{color:#fff;background:#62A8EA}
.ucte1{width:33%}
.destekinfo{display:inline-block;width:23%;vertical-align:top;margin:5px;border:1px solid #ccc;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.destekinfocon{padding:25px 10px}
.destekinfo h4{color:#777;font-size:14px}
.destekinfo h5{color:#777;font-size:15px}
.destektalebiolustur{float:left;width:100%}
.destektalebiolustur .yesilbtn{width:50%;float:right}
.bilgibankasi{float:left;width:100%;text-align:center;margin:20px 0}
.bilgibankasi .btn{width:44%;font-size:15px;font-weight:600;border:none;margin-top:15px;padding:9px 20px;display:inline-block;vertical-align:top;border-right:1px solid #ccc;border-left:1px solid #ccc}
.hizmetblok{display:inline-block;width:48%;margin:9px;vertical-align:top;font-size:14px;border-right:1px solid #eee;border-bottom:1px solid #eee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.hizmetblok tr:nth-child(1) td{font-size:15px;padding:12px;background:none;border-bottom:1px solid #eee;color:#1aaf36;background:#efefef;background:-moz-linear-gradient(top,#efefef 0%,#fff 100%);background:-webkit-linear-gradient(top,#efefef 0%,#fff 100%);background:linear-gradient(to bottom,#efefef 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#ffffff',GradientType=0)}
.hizmetblok #otherLimits tr:nth-child(1) td{background:none;color:#444;padding:8px}
.hizmetblok tr td{padding:8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border-bottom: 1px solid #eee;}
.hizmetblok:first-child{border-right:none}
ul.tab{list-style-type:none;margin:0;padding:0;overflow:hidden;border:none;display:inline-block;width:100%;background:#f2f2f2;background:-moz-linear-gradient(top,#f2f2f2 0%,#fff 100%);background:-webkit-linear-gradient(top,#f2f2f2 0%,#fff 100%);background:linear-gradient(to bottom,#f2f2f2 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#ffffff',GradientType=0)}
ul.tab li{float:left}
ul.tab li a{display:inline-block;text-align:center;padding:14px 30px;text-decoration:none;transition:.3s;font-size:15px;border-bottom:2px solid #e7e7e7;border-right:1px solid #dbdbdb}
ul.tab li a i{margin-right:7px}
ul.tab li a.active{border-bottom:2px solid #fff}
.tabcontent{display:none;padding:30px 0;border-top:none}
.tabcontent{-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s}
@-webkit-keyframes fadeEffect {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeEffect {
from{opacity:0}
to{opacity:1}
}
.hizmetblok:nth-child(-n+1){border-bottom:none}
.cpanelebmail{float:left;width:100%;text-align:center;word-wrap:break-word;min-height:323px}
.cpanelebmail img{margin:auto;width:140px;padding:7px 15px;display:block}
.cpanelebmail h5{font-size:17px;margin:15px 0;font-weight:600}
.cpanelebmail .gonderbtn{width:90%;padding:12px 0;font-weight:600;font-size:15px}
.cpanelebmail .gonderbtn i{font-size:20px;line-height:0}
.cpanelebmail .yesilbtn{color:#8bc34a;box-shadow:none;background:#eeeeee;width:47%;}
.cpanelebmail .yesilbtn{color:#8bc34a;box-shadow:none;background:#eeeeee;width:47%;}
.cpanelebmail .yesilbtn:hover{color:#fff;background:#8bc34a}
.cpanelebmail .turuncbtn{color:#f26c31;box-shadow:none;background:#eee;width:47%}
.cpanelebmail .turuncbtn:hover{color:#fff;background:#f26c31}
.cpanelebmail .mavibtn{color:#62A8EA;box-shadow:none;background:#eee;width:47%}
.cpanelebmail .mavibtn:hover{color:#fff;background:#62A8EA}
#updownbtn{width:95%;color:#635287;opacity:1.5;filter:alpha(opacity=100);font-weight:600;background:#eee;box-shadow:none;margin-top:5px}
#updownbtn:hover{background:#635287;color:#fff}
#updownbtn i{font-size:20px;line-height:0;margin-right:5px}
.espotaolustur{width:80%;margin:auto;margin-bottom:25px}
.tabcontentcon{width:80%;margin:auto;margin-bottom:25px}
.tabcontentcon h5{font-size:16px}
#sentSMS{font-size:16px}
.destekolsbtn{font-size:16px;float:right;padding:10px 20px;margin-top:-8px}
.destekolsbtn:hover{background:#8bc34a}
.domaindetayinfo{text-align:center;float:left;width:100%;word-wrap:break-word}
.domaindetayinfo h4{font-size:16px;margin:15px 0}
.domaindetayinfo h5{font-size:16px;margin:15px 0;font-weight:600}
.domaindetayinfo .gonderbtn{padding:12px 0;font-weight:600;font-size:15px}
.domaindetayinfo .yesilbtn{color:#8bc34a;box-shadow:none;background:#fff;width:47%;border:1px solid #8bc34a}
.domaindetayinfo .yesilbtn:hover{color:#fff;background:#8bc34a}
.domaindetayinfo .mavibtn{color:#62A8EA;box-shadow:none;background:#fff;width:47%;border:1px solid #62A8EA}
.domaindetayinfo .mavibtn:hover{color:#fff;background:#62A8EA}
.domaindetayinfo i{font-size:80px}
#whoisbilgileri .ucte1{width:32.5%}
.whoisgizlenmis{background:orange;color:#fff;padding:3px 0;font-size:13px;font-weight:600;position:relative;margin:auto;margin-top:-20px;width:120px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#epostayonet h5{font-size:16px}
.mailyonsec{float:left;width:100%;margin:10px 0}
.mailyonsec span{float:left;width:25%}
.mailyonbtn .gonderbtn{width:33%;font-size:16px;padding:12px 0}
.yuzde45{width:45%}
#smsgonder .yuzde50{float:left;margin-left:5px}
#rehber .checkbox-custom-label{margin-right:25px}
#rehber div{font-size:15px}
#rehber .checkbox-custom+.checkbox-custom-label:before,.radio-custom+.radio-custom-label:before{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.faturalarim table tr td,th{padding:20px;border-bottom:1px solid #eee}
.fatcusinfo{display:inline-block;width:50%;vertical-align:top}
.fatodenmedi{display:inline-block;padding:10px 25px;text-align:center;width:50%;border:2px solid red;color:red;margin-bottom:20px;font-weight:600}
.fatodendi{border:2px solid #8BC34A;color:#8BC34A;font-weight:600}
.fattutarlar span{text-align:left}
.odemeyontem{float:left;margin-bottom:20px;width:100%}
.odemeyontem h5{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc}
.odemeyontem .checkbox-custom-label{margin-right:25px;margin-top:10px}
.odemeyontem .radio-custom-label{margin-right:25px;margin-top:10px}
.odemeyontem .checkbox-custom+.checkbox-custom-label:before{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.odemeyontem .checkbox-custom+.radio-custom+.radio-custom-label:before{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.faturaodenmis{float:left;width:100%;text-align:center}
.tutartd td{background:#fff;background:-moz-linear-gradient(top,#fff 0%,#efefef 100%);background:-webkit-linear-gradient(top,#fff 0%,#efefef 100%);background:linear-gradient(to bottom,#fff 0%,#efefef 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#efefef',GradientType=0);font-size:16px}
.durumraportable{height:250px;overflow-y:scroll}
.hesapbilgilerim table tr td{padding:7px;border-bottom:1px solid #eee;font-size:15px}
.adresbilgisi{float:left;width:100%;padding:10px 0;border-bottom:1px solid #eee;font-size:14px}
.adresbilgisi .yuzde80{padding:10px 0}
.menuurunlink a span{padding:1px 22px}
.menuurunlink a{font-weight:400;font-size:15px}
.ui-accordion .ui-accordion-content{padding:25px;border-top:0}
#header2{height:220px;margin-bottom:20px;background-position:center center}
#muspanel #header2{display:none}
#header2 .headerwhite{margin-top:74px;bottom:auto}
#muspanel .headerwhite{display:none}
.mobilgenislet{display:none}
.bilgibanka{margin-bottom:35px}
.bbankadetay{float:left;margin-bottom:45px}
.bbankaara{float:left;width:100%;text-align:center;margin-bottom:20px}
.bbankaara h3{color:#1aaf36}
.bbankaara input{font-size:18px}
.bbankaara h4{margin-bottom:15px}
.bbankaara .lbtn{padding:10px 20px;font-size:20px;border:2px solid #c6c6c6;margin-left:5px;color:#c6c6c6}
.bbankaara .lbtn:hover{background:#c6c6c6;color:#fff}
.bbankakonu{box-shadow:0 0 5px #ccc;display:inline-block;margin:10px;margin-bottom:15px;width:30%;color:#777;vertical-align:top;font-size:13px}
.bbankakonu h4{font-size:16px;color:#333}
.bbankakonu i{float:left;margin-right:15px;font-size:32px;margin-bottom:12px;color:#1aaf36}
.bbankabasliklar{float:left;width:100%;margin-bottom:25px}
.bbbaslik{font-size:20px}
.encokokunanbasliklar h5{float:left;width:100%;padding:13px 0;border-bottom:1px solid #eee;font-size:15px}
.encokokunanbasliklar{display:inline-block;width:100%}
.encokokunanbasliklar .error{font-size:17px;color:#777;font-weight:400}
.encokokunanbasliklar h5 a{font-weight:600}
.encokokunanbasliklar h5 i{margin-right:7px}
.encokokunanbasliklar h5 a:hover{color:#000;padding-left:5px}
.encokokunanbasliklar h5 span{font-size:16px}
.faydalimi{float:left;width:100%;margin-bottom:20px}
.faydalimi h5{float:left;margin-right:10px;margin-top:5px;font-size:16px}
#faydaliContent{float:left}
#successful-1{float:left}
#successful-2{float:left}
#successful-3{float:left}
#votingContent{display:inline-block}
.bbkonuinfo{float:right;color:#777}
.bankablok{width:48%;display:inline-block;margin:10px 0px}
.bankalogo{width:100%;float:left}
.bankalogo img{width:30%;float:left}
.bankalogo h4{float:right;font-weight:400;font-size:18px;line-height:42px}
.bankainfo{float:right;width:100%}
.bankainfo h5{font-size:14px;padding:2px 0}
.bankainfo h5 span{width:35%;float:left;font-weight:700}
.bankablok .line{margin:10px 0}
#newAddress h3{font-size:15px;font-weight:700}
.progresspayment{display:inline-block;padding:30px 0;width:100%;}
.progresspayment h4{font-size:17px;padding:15px}
.progresspayment h3{font-weight:700;    font-size: 22px;color:#2bb673;margin-top:25px}
#progressh3{color:#1aaf36}
.balancepage{margin:15px 0;float:left;width:100%}
.balancepage .green-info{margin-bottom:10px}
.balancepage .fa-info-circle{float:left;font-size:70px;margin:25px 35px 55px 20px}
.balancepage h5{font-size:18px}
.tabcontentcon .yesilbtn{width:240px;float:right;font-size:15px}
.tabcontentcon .turuncbtn{width:240px;float:left;font-size:15px}
.tabcontentcon .mavibtn{width:240px;float:left;font-size:15px}
.tabcontentcon .redbtn{width:240px;float:right;font-size:15px}
.menuurunlink{width:100%}
#acdashboardnews{float:right;width:37%}
#acdashboardactivity{float:right;width:36%;margin-left:20px;font-size:14px;}
#turquise h1{font-size:26px;line-height:50px}
#SenderIDList tr td{border-bottom:1px solid #ccc}
.smsaccountbalanceinfo .fa-info-circle{float:left;font-size:80px;color:#00bcd4;margin-right:35px;margin-top:15px;margin-left:30px}
.smsucretleri tr td{border-bottom:1px solid #eee;padding:5px}
#raporlar table tr td{border-right:1px solid #eee;border-bottom:1px solid #eee}
#pre-register-countries label{float:left;width:50%;font-size:14px;margin-bottom:5px}
#baslikislemleri .modalDialog div{width:900px}
#baslikislemleri .dataTables_filter{display:none}
.sendsmstableinfo{width:100%}
.sendsmstableinfo tr td{padding:10px;border-bottom:1px solid #eee}
.sendsmstableinfo tr td img{margin-right:5px;float:left;margin-top:5px}
.sendsmstableinfo tr th{background:#eee}
#PnResult span{font-size:18px}
#PnResult{float:right;text-align:right;margin-top:10px}
.smspreviewinfo{padding:10px;border-bottom:1px solid #eee}
.durumraportable tr td{padding:5px}
#reports td img{margin-right:7px;margin-top:5px;float:left}
.internationalsmspage{margin-bottom:25px;width:100%;float:left}
.internationalsmspage .leftblock{float:left;width:50%}
.internationalsmspage .leftblock h3{font-size:28px;margin-bottom:30px}
.internationalsmspage .leftblock h4{font-weight:200}
.internationalsmspage .rightblock{color:#474747;float:right;text-align:center;margin-top:25px;width:50%;min-height:350px;background-size:100% 100%;background-repeat:no-repeat}
.internationalsmspage .rightblocktitle{margin-bottom:20px;color:#1aaf36;font-size:26px}
.internationalsmspage .rightblock .lbtn{border:2px solid #777;color:#777}
.internationalsmspage .rightblock .lbtn:hover{background:#777;color:#fff}
.internationalsmspage .rightblock .active{background:#777;color:#fff}
.internationalsmspage .rightblock select{width:50%;padding:20px}
.internationalsmspage .select2-container{text-align:left}
.internationalsmspage .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px}
.internationalsmspage .select2-container--default .select2-selection--single{height:auto;padding:8px;font-size:16px}
.internationalsmspage .select2-container--default .select2-selection--single .select2-selection__arrow{height:55px;right:15px}
.internationalsmspage .select2-selection__rendered img{margin-top:12px;margin-right:10px}
.sepetleft .lbtn{margin-bottom:20px}
.slidermio{float:left;width:100%}
.slidermio .list_carousel li{width:auto;height:auto}
.reference{width:100%;display:inline-block;margin-bottom:25px;text-align:center}
.referenceselect{float:left;width:100%;text-align:center;margin:25px 0px;}
.referenceselect select{font-size:18px;width:30%;color:#777;padding:15px 0}
.referenceselect option{font-size:17px}
.reference .anascriptlist{box-shadow:0 0 5px #eee}
.reference .anascriptlist:hover{box-shadow:0 0 10px #ccc}
.required-field-info{float:right;width:84%}
.mailgsmverify i{float:none;font-size:15px;margin:auto}
#ozet .tabcontentcon{width:85%}
.captchainput{width:110px;font-weight:600;font-size:15px;margin-left:5px}
.captcha-content{margin:auto;margin-top:20px;width:320px;text-align:center}
#captchainput{width:110px;font-weight:600;font-size:15px;margin:0px;margin-bottom:25px}
.captcha-content img {border-radius:7px;}
.required-field-info input:focus{padding-left:0}
.required-field-info input{padding:10px 0;margin-right:5px;font-size:14px}
.hesapbilgisi{display:inline-block;margin:3px;width:100%}
.hesapbilgititle{font-weight:600;font-size:15px}
.hesapbilgisi .yuzde25{width:35%;float:left;line-height:37px}
.hesapbilgisi .yuzde75{width:64%;line-height:37px}
.kisiselbilgiler{float:left;width:49%}
.digerbilgiler{float:right;width:49%}
.hesapinfobloktitle{float:left;width:100%;padding-bottom:15px;border-bottom:1px solid #eee;margin-bottom:15px;font-weight:600;font-size:18px;color:#1aaf36}
.mailgsmverify strong{display:inline-block;width:220px;margin-right:20px;float:left;margin-top:15px}
.countryselect{display:inline-block;margin-top:7px;margin-left:15px;width:60px;height:30px;background-size:100% auto;text-align:center;padding-top:5px;background-repeat:no-repeat}
.countryselect a {color:#ffffff87;font-weight:bold;}
.countryselect a:hover {color:#ffffff;}
#selectLangCurrency{display:none;background-size:100% auto;box-shadow:none;background-position:center;background-color:transparent;color:white;text-align:center}
.langandcur{float:left;width:100%}
.langandcur img{display:inline-block;height:16px;margin-right:8px;margin-top:0px;margin-bottom:-3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.langcurclose{position:absolute;right:-10px;top:-10px;width:25px;height:25px;text-align:center;line-height:25px;background:#33333357;color:white;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.langandcur .currencyitems a {width:24%;}
.activelangcur {opacity:0.45; filter:alpha(opacity=45);}
.langandcur h4 {float:left;width:100%;padding-bottom:10px;margin-bottom:15px;    font-size: 24px;    font-weight: 600;}
.langandcur a{display:inline-block;vertical-align:top;margin:5px;font-size:16px;color:#9d9d9d;padding:10px;border:1px solid #ffffff42;border-radius:50px}
.langandcur a:hover{border:1px solid #fff;color:#fff}
.currencyitems {margin-top:25px;}
.countryselectimg{width:22px;height:17px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;opacity:.7;filter:alpha(opacity=70)}
.countryselectimg:hover{opacity:1;filter:alpha(opacity=100)}
#othercountrycon{background-position:center center;float:left;width:100%;height:auto;background-size:100% auto;background-color:#333;color:#fff;font-weight:200;}
#othercountrycon a{color:#eee;font-weight:300;}
#othercountrycon #ch-currency h5 {width:24%}
#othercountrycon h2{font-size:18px;border-bottom:1px solid #515151;    font-weight: 200;}
#othercountrycon h5{font-size:14px;margin-bottom:10px;float:left;width:33%}
#othercountrycon h5 a:hover{text-decoration:underline}
#othercountrycon h5 img{float:left;margin-right:5px;width:20px;    margin-bottom: 5px; height:17px;margin-top:3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
#fullwidth .head .countryselect a{padding:0;line-height:normal}
#fullwidth .head .countryselect a:hover{    background:none;}
#fullwidth .head .countryselect{line-height:normal;margin-top:10px;background-image:url(https://sofmira.com/templates/website/Modern/images/map2.png)}
#fullwidth .head #othercountrycon h5 a{background:none}
#fullwidth .menu li a {font-weight:300;padding:0px 35px;border:none}
#fullwidth .menu ul li ul li a {    padding: 0 0 0 10px;}
#fullwidth .menu li a:hover{border:none}
#offer{position:absolute;font-size:12px;margin-top:-5px;margin-left:-35px;font-style:normal;background:#4caf50;line-height:normal;padding:3px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight:400}
#ConvertBody{text-align:center;font-size:16px}
.categoriesproduct{display:inline-block;text-align:center;width:100%;margin-top:15px;margin-bottom:30px}
.categoriesproduct a img{height:50px;width:auto;float:left;margin-right:10px}
.categoriesproduct a{line-height:50px;margin:5px;font-size:16px;border:none;padding:5px 30px;border-bottom:2px solid #ccc}
.categoriesproduct a:hover{background:#d7d7d7;border-bottom:2px solid #ccc;color:#635287}
.categoriesproduct a i{font-size:30px;line-height:50px;margin-right:15px;float:left}
#category-button-active{background:#d7d7d7;border-bottom:2px solid #b0b0b0}
#tercihler .checkbox-custom-label,.radio-custom-label{margin: 2.5px 0px;}
#tercihler .tabcontentcon{width:55%;margin-top:30px;margin-bottom:30px}
#sifredegistir .tabcontentcon{margin-bottom:60px}
#datatable thead img{height:20px;opacity:.6;filter:alpha(opacity=60)}
.datatable thead img{height:20px;opacity:.6;filter:alpha(opacity=60)}
.hostozellk img{width:120px}
.sunucusipside .error{padding-top:15px}
.tablepaket{display:inline-block;margin-bottom:25px;vertical-align:top;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-box-shadow:0px 20px 45px 0px rgba(0,0,0,0.08);box-shadow:0px 20px 45px 0px rgba(0,0,0,0.08);border-radius:7px}
.categoriesproduct a{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);    border-radius: 50px;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}
.categoriesproduct a:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.categoriesproduct a:active,.categoriesproduct a:focus,.categoriesproduct a:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.categoriesproduct a:active:before,.categoriesproduct a:focus:before,.categoriesproduct a:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}
#check_results a{font-size:16px;font-weight:700}
.spinner{width:40px;height:40px;margin:30px auto;background-color:#333;border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out}
@-webkit-keyframes sk-scaleout {
0%{-webkit-transform:scale(0)}
100%{-webkit-transform:scale(1.0);opacity:0}
}
@keyframes sk-scaleout {
0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0}
}
.sss .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{background:#eee;font-weight:600;color:#1aaf36}
.sss .ui-widget-content{color:#635287}
.sss .ui-state-default,.ui-state-hover{color:#635287}
div.angrytext{-webkit-animation:blink 3s ease-in 0 infinite normal;animation:blink 3s ease-in 0 infinite normal}
@-webkit-keyframes blink {
0%{opacity:1}
25%{opacity:0}
50%{opacity:1}
75%{opacity:0}
100%{opacity:1}
}
@keyframes blink {
0%{opacity:1}
25%{opacity:0}
50%{opacity:1}
75%{opacity:0}
100%{opacity:1}
}
#karart{display:block;position:fixed;top:0;left:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:991}
.content-updown{width:85%}
.content-updown .formcon .yuzde70 select{width:60%}
.content-updown .tablepaket select{width:190px;padding:10px;text-align-last:center;font-size:20px;font-weight:600;margin-bottom:10px}
.content-updown .tablepaket .gonderbtn{margin-top:0;font-size:15px;padding:12px 0px;width:60%}
#currentpacket{width:320px;margin-bottom:0;display:none}
.content-updown .tablepaket span{font-size:14px;padding:4px 0}
.content-updown .tpakettitle{font-size:24px;height:40px;line-height:40px;margin:0px;margin-top:10px}
.content-updown .tpakettitle i{font-size:25px}
.meter{height:30px;position:relative;background:#bebebe;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:0;-webkit-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);-moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);text-shadow:0 0 2px #848484}
.meter div{position:absolute;z-index:5;width:100%;color:#fff;font-size:13px;text-align:center;font-weight:600;line-height:30px}
.meter > span{display:block;height:100%;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;background-color:#2bc253;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#2bc253),color-stop(1,#54f054));background-image:-moz-linear-gradient(center bottom,#2bc253 37%,#54f054 69%);-webkit-box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);-moz-box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);position:relative;overflow:hidden}
.meter > span:after,.animate > span > span{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(255,255,255,.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.2)),color-stop(.75,rgba(255,255,255,.2)),color-stop(.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);z-index:1;-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-webkit-animation:move 2s linear infinite;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-border-top-left-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-bottomleft:20px;border-top-left-radius:20px;border-bottom-left-radius:20px;overflow:hidden}
.animate > span:after{display:none}
@-webkit-keyframes move {
0%{background-position:0 0}
100%{background-position:50px 50px}
}
.orange > span{background-color:#f1a165;background-image:-moz-linear-gradient(top,#f1a165,#f36d0a);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f1a165),color-stop(1,#f36d0a));background-image:-webkit-linear-gradient(#f1a165,#f36d0a)}
.redx > span{background-image:-moz-linear-gradient(top,#f0a3a3,#f42323);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0a3a3),color-stop(1,#f42323));background-image:-webkit-linear-gradient(#f0a3a3,#f42323)}
.nostripes > span > span,.nostripes > span:after{-webkit-animation:none;background-image:none}
#weak{background:#f44336;padding:6px;color:#fff;text-align:center;font-size:14px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#strong{background:#4CAF50;padding:6px;color:#fff;text-align:center;font-size:14px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#good{background:#cddc39;padding:6px;color:#fff;text-align:center;font-size:14px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#renewal_list{width:50%;padding:5px;margin:auto}
#renewal_list select{text-align-last:center}
#ModifyWhois input{padding-left:0}
#haveAddress h5{font-size:16px}
#sendbta{font-size:14px}
.ModifyDns{display:inline-block;width:45%;text-align:center;border:1px solid #eee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;min-height:300px;margin:20px;vertical-align:top}
#ModifyDns input{width:240px}
.ModifyDns .yuzde50{width:47%}
.ModifyDns input{padding-left:0}
#baslikislemleri table tr td{padding:10px;border-bottom:1px solid #eee}
#baslikislemleri table tr th{padding:10px}
#credit_list{width:50%;padding:5px;margin:auto}
#credit_list select{text-align-last:center}
.prereg-warning{font-weight:400;float:right;position:absolute;margin-left:15px;font-size:16px}
.domainlookuplist{width:70%;margin:auto}
.lookcolumtitle{background:#eee;display:inline-block;width:100%;font-weight:700;    border-radius: 7px;}
.lookcolum{width:25%;height:35px;line-height:35px;padding:10px 0;text-align:center;border-bottom:1px solid #eee;float:left}
.lookcolum .checkbox-custom-label{margin-right:-10px}
#tldok{color:#8BC34A;font-weight:700}
#tldno{color:#F44336;font-weight:700}
.tldhere{font-size:18px}
.tldavailable h4{color:#8BC34A;font-size:26px;line-height:45px}
#showTLDStatusUnavailable{color:#F44336}
.tldavailable{text-align:center;margin:35px 0}
.lookcolum .yesilbtn{padding:7px 0;margin:0;height:100%}
.tldlistfoot .lookcolum{border:none}
.spinnertld{line-height:45px}
.spinnertld > div{width:18px;height:18px;background-color:#ccc;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}
.spinnertld .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
.spinnertld .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes sk-bouncedelay {
0%,80%,100%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1.0)}
}
@keyframes sk-bouncedelay {
0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1.0);transform:scale(1.0)}
}
#upgrade .ion-speedometer{float:left;font-size:70px;margin:0 35px 17px 20px;line-height:25px;margin-top:-5px}
ul.tab .ion-speedometer{font-size:19px;line-height:0}
.amount-thousands{font-size:18px;float:left;width:100%;margin-bottom:15px;color:#777}
.invoicex{max-width:900px;background:#fff;margin:25px auto;box-shadow:0 0 15px #ccc;border-radius:7px}
.invoicex .padding{padding:40px}
.invoicex .tabcontentcon{margin-bottom:0px}
.custbillinfo{float:left;width:40%;font-size:14px}
.companybillinfo{float:right;width:45%;font-size:14px;text-align:right}
.companybillinfo img{margin-bottom:25px;height:45px;width:auto}
.invoicestatus{float:left;width:40%;text-align:center;border:2px dotted #eee;font-size:28px}
.invoicepaymethod{font-size:14px;display:inline-block;float:left;width:100%;color:#a9a9a9}
.invoicestatus .invpaid{color:#8BC34A}
.invoicestatus .invwait{color:#635287}
.invoicestatus .invnopay{color:#F44336}
.invoicetimes{float:right;width:40%;margin-bottom:20px;margin-top:15px}
.invoicetimes .formcon .yuzde50{font-size:14px}
.invoiceidx{float:left;font-size:18px;width:40%;text-align:center;margin-top:20px}
.invoicedesc{margin-top:25px;border:1px solid #eee;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.invoicedesc .formcon span{padding:0 10px}
.invoicedesc .formcon{padding:3px 0}
.invoicedesc .formcon .yuzde70{font-size:14px}
.invoicedesc .formcon .yuzde30{font-size:14px;text-align:center}
.otherincoivebtns{float:right;margin:7px 0px;z-index:5;position:relative}
.otherincoivebtns .sbtn{padding:4px 12px;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:auto;font-size:14px}
.otherincoivebtns .sbtn:hover{background:#635287;color:white;}
.otherincoivebtns .sbtn i{margin-right:5px}
.license-verify{float:left;width:100%;margin-bottom:80px}
.license-verify .pakettitle h2 span{font-size:18px;font-weight:300;color:#8d8d8d}
.license-verify-box{width:650px;margin:auto;margin-top:25px}
.license-verify-box input{padding:20px 0;font-size:18px}
.license-verification-result{text-align:center;width:100%;margin-top:25px}
.license-ok{background:#f6ffec;color:#75b22f;margin:auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.license-none{background:#fff2f1;color:#f44336;margin:auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.license-none .gonderbtn{border:2px solid #f44336;color:#f44336;margin-top:20px;font-weight:600}
.license-none .gonderbtn:hover{color:#fff;background:#f44336}
.license-verification-result i{font-size:48px;margin-bottom:15px}
.faturabilgisi .red-info{border:none;}
.faturabilgisi .red-info h5{color:#635287;font-size:16px;}
.resellericon{margin-left:5px;display:inline-block;margin-bottom:-8px;height:25px}
#payment-screen .bankablok{width:48.5%;margin:5px}
#payment-screen .green-info i{font-size:20px;margin:0;margin-top:2px;margin-right:10px}
#notifiballonalert{-webkit-animation:alert 2s linear 0 infinite normal;animation:alert 2s linear 0 infinite normal}
#orders-none{text-align:center;margin-top:55px;display:inline-block;width:100%}
#addons{width:90%;margin:auto}
#upgrade-product-none{text-align:center;margin-top:55px;color:#F44336;font-weight:bold}
.style-toggle-active{margin-left:-5px}
#style-toggle{position:fixed;left:0px;top:25%;background:white;width:590px;margin-left:-294px;z-index:485;border-radius:3px;box-shadow:0px 0px 7px #ccc;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
.styletheme{display:inline-block;box-shadow:0px 0px 10px #8e8e8e;margin:10px;text-align:center;line-height:130px;width:46%;height:130px;background-size:100% 100%;background-position:center;border-radius:3px;overflow:hidden}
.styletheme h5{color:white;background:rgba(0,0,0,0.6);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.styletheme h5:hover{opacity:0.0;filter:alpha(opacity=00)}
.style-toggle-button{float:right;background:white;padding:5px 15px;margin-right:-44px;font-size:22px;border-radius:3px;margin-top:27px;box-shadow:4px 0px 7px #ccc}
.style-toggle-button i{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;margin-right:-3px}
.gprimage{height:70px;-webkit-filter:grayscale(100%);filter:grayscale(100%);float:left;opacity:0.5}
.gprimage:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1.5}
.homedomainarea-con{width:75%;margin:auto}
.homedomainarea{-webkit-box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);width:100%;margin-top:-70px;z-index:50;position:relative;background:white;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.homedomainarea h1{color:#1aaf36}
.homedomainarea h4{font-size:24px;font-weight:300;color:#635287;margin:15px 0px}
.homedomainarea input:not([type="submit"]){border-radius:2.20588rem;width:60%;height:100%;border:0px;padding:20px 32px;-webkit-box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);border:1px solid #f5f3f3;margin:25px 0px;font-size:22px;font-weight:300;color:#635287}
.homedomainarea::-webkit-input-placeholder{color:#635287}
.homedomainarea:-moz-placeholder{color:#635287}
.homedomainarea::-moz-placeholder{color:#635287}
.homedomainarea:-ms-input-placeholder{color:#635287}
.homedomainarea input[type="submit"]:hover{background-color:#635287}
.homedomainarea input[type="submit"]{border:0px;background-color:#1aaf36;border-radius:2.20588rem;color:#FFFFFF;margin-left:-155px;padding:20px 0px;position:absolute;margin-top:30px;display:inline-block;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;width:150px;font-size:16px}
.spottlds:nth-last-child(2){border:none}
.spottlds{display:inline-block;width:132px;margin:15px 10px;border-right:1px solid #ccc;padding:0px 10px}
.spottlds img{height:25px;float:left}
.spottlds h5{font-weight:900;color:#635287}
.tableslogan{margin-top:20px;font-weight:300;font-size:26px}
#theme2 .homedomainarea-con{width:100%;background:#eeeeee;background:-moz-linear-gradient(top,#eeeeee 0%,#ffffff 100%);background:-webkit-linear-gradient(top,#eeeeee 0%,#ffffff 100%);background:linear-gradient(to bottom,#eeeeee 0%,#ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0 )}
#theme2 .homedomainarea h1{margin-top:25px}
#theme2 .homedomainarea{margin-top:0px}
.anatanitim{background-repeat:no-repeat;background-position:center top;display:inline-block;background:black;position:relative;overflow:hidden;color:#ffffffe8;width:100%;margin:50px 0px;background-size:100% auto;padding:80px 0px}
.anatanitim video{margin-top:-150px;opacity:0.5;width:100%;position:absolute}
.anatanitim .gonderbtn{float:right;position:relative;z-index:4;margin-top:80px;font-size:18px;color:white;border:2px solid white;width:200px;margin-right:150px;border-radius:30px;text-align:center;padding:10px 0px}
.anatanitim .gonderbtn:hover{background:white;color:black}
.tanslogan{float:left;width:40%;z-index:5;font-weight:200;font-size:16px;font-family:'Raleway',sans-serif;line-height:24px}
.anatanitim video{margin-top:-150px;opacity:0.5;width:100%;position:absolute}
.tanslogan h2{border-bottom:1px solid #ffffff3d;padding-bottom:15px}
#empty_list{margin-top:7%;margin-bottom:40px;color:#635287;text-align:center;display:none}
#empty_list i{font-size:54px;margin-bottom:20px}
#empty_list h4{font-size:22px}
#empty_list span{font-size:18px}
#continueshopbtn{padding:10px 30px;margin-top:25px}
.result-content h4{color:#4CAF50;font-size:22px}
.siparisbilgileri .ui-state-active{background:#635287;color:white}
.siparisbilgileri .ui-state-default{border-radius:10px}
.sepetsipinfo .totalamountinfo{border:none;padding-top:25px;padding-bottom:10px}
.sepetsipinfo .totalamountinfo strong{font-size:16px}
.sepetsipinfo .totalamountinfo h5{font-size:30px;color:#8bc34a}
#uyeolgiris{margin-bottom:3%;display:inline-block;width:100%}
#uyeolgiris input{padding:15px 0px}
#uyeolgiris .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel]{padding-left:84px}
.faturabilgisi .yesilbtn{width:220px;float:right}
#NotificationForm .gonderbtn{margin-top:20px}
.sunucular .lbtn{padding:7px 18px;border:none;background:#eee;font-size:14px;border-radius:5px}
.sunucular .lbtn:hover{background:#81c04e}
#StepForm2 .alanadisorgu input{margin:5px 0px;font-size:18px}
#StepForm1 .alanadisorgu option{font-size:15px}
#StepForm1 .alanadisorgu optgroup{font-size:15px}
#StepForm2 .alanadisorgu h5{margin-bottom:25px}
#muspanel table.dataTable thead th{padding: 14px 0px;}
.datatbspan {color:#302847}
#muspanel .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#302847!important;border:1px solid #eee;background-color:#eee;border-radius:3px}
#muspanel .dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#302847!important;border:1px solid #eee;background-color:#eee}
#muspanel .ui-widget-content{color:#302847}
#muspanel .ui-state-active {background:#635287;    border-radius: 10px;}
#muspanel .ui-accordion .ui-accordion-header {   border-radius: 10px;}
#muspanel .dataTables_info {color: #302847;}
#muspanel table.dataTable tbody tr{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#muspanel table.dataTable tbody tr:hover{background-color:#f3f3f3}
#muspanel .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:64px}
#muspanel .select2-container .select2-selection--single{height:64px}
#muspanel .select2-container--default .select2-selection--single .select2-selection__arrow{height:64px}
.amount_spot_view{position:relative;display:inline-block}
.amount_spot_view i{font-style:normal;font-size:18px;font-weight:400;position:absolute}
.software-price-lines{display:flex;flex-direction:column;gap:6px;align-items:center;margin:12px 8px 14px;color:#1aaf36;font-weight:800;font-size:20px;line-height:1.2}
.software-price-lines span{display:block;white-space:normal}
.currposleft{margin-left:-15px;left:0px}
.currposright{margin-right:-15px;right:0px}
.sepetsipinfo .amount_spot_view{margin-right:10px}
#total-amount-payable{margin-right:-10px}
.tablepaket .currposright{font-size:22px}
.products_features{line-height:28px}
.ddiscountnewprice{background:#fff;padding:2px 0px;text-transform:capitalize;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight:bold;width:60%;display:inline-block;color:#1aaf36;font-size:19px}
.uzantibox .amount_spot_view i{font-size:14px}
.uzantibox .currposright{margin-right:-10px}
.uzantibox .currposleft{margin-left:-10px}
.doldprice{text-decoration:line-through}
.dnewprice{color:white;position:relative;width:100%;margin-top:-10px;margin-bottom:7px}
.domdiscount{background:#fff;padding:2px 10px;text-transform:capitalize;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#009595;font-size:15px}
.invoiceremind{text-align:center;width:99%;display:inline-block}
.invoiceremind .red-info{width:100%;margin-top:10px;text-align:left;background:transparent;color:#302847;border:1px solid #302847}
.invoiceremind .red-info i{float:none;margin-bottom:0;font-size:65px;color:#F44336}
.invoiceremind h4{display:inline-block;font-weight:700;font-size:18px}
#payment-screen .red-info{display:inline-block;width:100%;color:#302847;border:none;margin-top:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#payment-screen .red-info h5{font-size:15px}
.serverblokbtn a{border-radius:50px}
.homedomainarea .amount_spot_view i{font-size:14px;font-weight:600}
.homedomainarea .currposleft{margin-left:-12px}
.homedomainarea .currposright{margin-right:-12px}
.homedomainarea h4 .amount_spot_view{margin:15px;font-weight:700}
.alanadisorgu h1 .amount_spot_view{margin:0px 15px;font-weight:700}
#megamenu #kurumsalmenu{background-image:url(https://sofmira.com/templates/website/Modern/images/kurumsalmenubg.jpg);padding:15px 0}
#megamenu #kurumsalmenulinks{float:left;font-size:15px;width:23%;margin-left:15px;text-shadow:.03em .03em #fff}
#megamenu #kurumsalmenulinks a{font-size:15px;color:#607D8B;padding-bottom:5px;font-weight:normal;font-family:'Titillium Web',sans-serif;padding:0px;line-height:35px;background:none;width:100%;float:left}
#megamenu #kurumsalmenulinks a:hover{padding-left:5px;color: #12232c;}
#megamenu #kurumsalmenulinks h4{font-size:16px;font-weight:700;  margin-bottom:10px;padding-bottom:10px;    border-bottom: 1px solid #607d8b36;color:#607D8B}
#megamenu #kurumsalmenulinks h3{font-size:22px; font-weight:700;color:#607D8B;line-height:28px;margin-bottom:15px;border:1px solid #607D8B;text-align:center;padding:10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#megamenu #kurumsalmenulinks h3 span{font-size:18px;font-weight:400}
#corporatemenu {background-position: center center; background-size:100%;}
.sunucular .dataTables_wrapper table tr td{font-size:15px;padding:10px 0px}
.orderperiodblock.active{box-shadow:0px 0px 7px #1aaf36}


/* #mobile-mobile-devices */
@media only screen and (min-width:320px) and (max-width:1024px) {
#wrapper{width:95%;position: relative;}
.clearmob{clear:both;display:block}
.menuAc{display:block;width:75px;float:right;text-align:center;position:absolute;top:-55px;font-size:30px;right:0;text-shadow: 0 0 10px #ccc;}
.sabithead .menuAc{display:block;width:20%;float:left;text-align:center;font-size:28px;position:absolute;top:0;left:-15px}
.sabithead .menu ul{top:53px}
.sabithead .menu ul li ul{top:0}
.sabithead .menu li a{padding:12px 15px;line-height:normal}
.sabithead #sepeticon{color:#fff;margin:10px;margin-right:20px;float:right}
.menu ul{display:none;position:absolute;float:left;width:100%;background:#1aaf36}
.menu ul li{float:none}
#megamenuli{position:relative}
.menu{float:left;width:100%;}
.menu li{float:left;width:100%}
.menu li a{float:left;width:100%;font-size:15px;background:rgba(0,0,0,0.2);line-height:40px;padding:0;border-bottom:1px solid rgba(0,0,0,0.2)}
.menu li a span{padding-left:25px}
.menu ul li ul{width:100%;float:left;position:relative;top:0;left:0;z-index:1;display:none;margin:0;padding:0;font-size:16px}
.menu ul li ul li ul{width:100%;top:41px;left:0}
.menu li:hover a{background:rgba(0,0,0,0.4)}
.menu ul li ul li a{width:100%;font-size:14px;padding:0;padding-left:10px;font-weight:300}
.menu ul li ul li ul li a{padding-left:20px}
.head{width:92%}
.nomobilbtn{display:none}
.headbutonlar a{float:left;margin-right:20px;font-size:13px;margin-left:0}
.sosyalbtns{display:none}
.logo{float:left;position:relative;    margin-top: 0px;}
#muspanel .logo{margin-bottom:0}
.logo img{width:195px}
.slidetext-container{width:90%;margin-top:65%}
.slidetext-container h1{font-size:22px}
.slidetext-container p{width:100%;font-size:15px}
.domainhome{height:auto;padding:10px 0}
.hdomainslogan{margin-top:0;float:none;text-align:center;line-height:35px}
.hdomainslogan h4{font-size:16px}
.hdomainslogan h3{font-size:18px}
.hdomainsorgu{float:left;width:100%;margin-top:0}
.hsorgulabtn{position:absolute;margin-left:0;right:0;font-size:24px;margin-top:-48px;margin-right:10px}
.hdomainsorgu input{font-size:18px;border:none;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:0;font-size:22px}
.domainfiyatlar{display:none}
.anatanitim{background-size:auto;padding-bottom:0;padding-bottom:30px}
.tanslogan{margin-top:30px;width:96%;margin-left:10px}
.tanslogan h2{font-size:22px}
.tablopaketler{height:auto;background-size:auto;background-position:center top;background-repeat:repeat;text-align:center}
.tablopaketler .gonderbtn{display:inline-block}
.tablepaket{float:none;width:90%;display:inline-block;margin:18px auto}
.anascript{background-repeat:repeat;background-position:top center;height:auto;background-size:auto}
.scriptkategoriler{width:100%}
.scriptkategoriler a{padding:5px 0 5px 10px;margin-bottom:4px;font-size:16px;width:95%}
.anascripler{float:left;width:100%;margin-top:15px}
.tumscriptbtn{margin-top:15px;width:85%;margin-bottom:20px}
.pakettitle h1{font-size:22px}
.pakettitle h2{font-size:20px}
.ozellik{width:100%;margin:20px 0}
.servisikon{height:90px;width:90px;font-size:36px;margin-right:0}
.servisikonalt{height:73px;width:73px;line-height:73px}
.ozellik h4{    font-size: 22px;
    margin-bottom: 10px;}
.ozellik p{font-size:15px;line-height:20px}
.servisinfos{width:100%}
.musterigorusleri .list_carousel{width:300px;margin:auto}
#foo2 li{width:300px;height:auto}
.yorumyapan{width:100%;margin-left:0}
.yorumyapan img{margin-right:10px;width:60px;height:60px}
.gorusgonderbtn{margin-top:0}
.pager{margin-top:-85px}
.anascriptlist img{height:auto;width:100%}
.modalDialog>div{width:93%;margin:15% auto;padding:5px 10px 12px}
.close{right:-2px;top:-3px}
.sabithead{display:none}
.footlogos{margin-bottom:10px}
.footlogos img{width:70px;height:auto;margin:10px}
.blogvehaber{height:auto;padding-bottom:25px}
.haberblog{width:100%;margin:0;margin-bottom:15px}
.haberblog .list_carousel{width:270px;margin:auto}
.haberblog .list_carousel li img{width:100%;margin-bottom:15px;}
.haberblog .list_carousel li{width:270px;margin:auto}
.haberblog .pager a{width:15px;height:15px;margin:2px}
.haberbloktitle h4{font-size:18px}
.istatistik{float:left;width:49%;display:inline-block;margin:35px 0px}
.ebultencont{width:95%}
.ebultencont i{margin-left:10px}
.ebultencont input{width:47%;font-size:12px}
.aboneolbtn{margin:5px;width:55px;font-size:14px;line-height:46px;padding:0px;width:110px}
.footslogan{line-height:normal;height:auto;text-align:center;padding:15px 0}
.footslogan h2{float:none}
.footinfos{float:none;width:94%;margin:12px;margin-bottom:20px;display:inline-block;vertical-align:top}
.footblok{float:none;width:42%;margin:12px;font-size:14px;display:inline-block;vertical-align:top}
.footend{height:auto;text-align:center;padding:15px 0}
#uyeolgirisbody .footend{position:relative}
.footend span{float:none;font-size:14px;line-height:normal}
.footsosyal{float:none;margin:auto;display:inline-block;margin-bottom:10px;margin-top:15px}
.footsosyal a{margin:0px 3px}
.istatistik i{font-size:90px;margin-top:-100px;margin-left:-40px}
.istatistik h1{font-size:36px}
.istatistik h2{font-size:18px;margin-top:0px}
#fullwidth .head{height:auto;line-height:normal}
#fullwidth .logo{height:auto;text-align:center;    float: none;    width: 140px;}
#fullwidth .logo img{width:170px;float:none}
.headmail i{margin-left:15px}
.headmail{display:none;float:none;margin-left:0;text-align:left}
#fullwidth .head a{padding:0 10px;margin-left:0;margin-right:0;font-size:13px;line-height:38px}
#fullwidth .headustlinks a{float:right}
.headinfospan{font-size:15px}
#fullwidth .menuAc{display:block;position:relative;float:left;text-align:center;top:0;font-size:28px;left:0;padding:0;margin-top:8px}
#fullwidth .sabithead .menuAc{display:block;position:relative;float:left;text-align:center}
.sabithead #wrapper{width:100%}
#fullwidth #sepeticon{margin-top:8px;position:absolute;z-index:22;color:#fff;font-size:28px;right:10px}
#fullwidth .sabithead #sepeticon{position:absolute;z-index:22;color:#fff;font-size:26px;right:7px}
#slider4 .slidetext-container h1{font-size:17px}
#slider4 .slidetext-container p{font-size:14px;width:100%;padding:0;margin:0;line-height:15px}
#slider4 .slidetext-container{width:90%;margin:10%;margin-top:10%}
#slider4 #largeredbtn{display:none}
.sayfabaslik{float:none;width:70%;text-align:center;margin:auto;margin-top:25px}
.alanadisorgu input{width:90%;margin-bottom:10px;font-size:15px;padding:24px 15px}
.transfercode input{width:75%;padding-top:24px;padding-bottom:24px;font-size:16px}
.transfercode{width:100%;margin-top:25px}
.domainsec .alanadisorgu{text-align:center}
.tescilsonuc tr td{line-height:normal}
.uzantibox{width:24%;margin:7px;margin-bottom:12px}
.tescilucretleri{width:100%}
#girisfootend{position:relative}
.uyeolgirishead .logo{float:none;width:70%;margin:auto;margin-top:20px;text-align:center}
.uyeolgirishead h1{display:none}
.uyeolgirisslogan{width:100%;margin-top:0}
#girisyapright{width:100%;margin-top:35px}
.hostozellk img{width:100px}
.hostozellk h4{font-size:18px}
.iletisimpage{float:left;text-align:center}
.iletisimblok{width:49%;margin-bottom:25px}
#compnayinfo{width:100%;text-align:center}
.iletisimslogan{font-size:18px;width:100%;margin-top:20px}
.googlemap{width:100%}
.iletisimformu{float:right;width:100%;margin-bottom:25px}
.iletisimformu .gonderbtn{float:right;width:100%;padding:10px 0;text-align:center;margin-top:10px}
#fullwidth .menu ul{position:relative;top:0}
.sayfaustheader{background-size:200% 100%;text-shadow:0 0 2px #000;height:160px}
#header2{height:145px;    background-size: auto 200%;}
#muspanel #header2{height:120px;margin-bottom:0;background-size:100%}
.listeleme{width:100%;margin-top:25px}
.list{width:100%;margin:0;margin-bottom:15px}
.list img{width:100%}
.sidebar{width:99%;margin-top:15px;margin-bottom:0}
.sayfacontent{width:100%;margin-bottom:15px;border:none}
.scriptrightside{width:98%;float:none;margin:auto;position:relative;top:0}
.sayfabaslik a{font-size:15px}
.scriptdetayinfo{float:none;width:97%;padding-right:0;margin:auto;border:none}
.kutubanner{display:none}
.sunucugereksinim{margin-bottom:20px}
.sunucustok{margin-left:0;margin-top:-30px}
.ilanasamax{width:31.9%;font-size:14px;line-height:20px}
.ilanasamax h3{width:50px;height:50px;line-height:50px;font-size:20px}
.asamaline{margin-top:47px;margin-bottom:-45px}
.ilanasamalar{margin-bottom:15px;margin-top:17px}
.uhtutar h4{font-size:16px}
.uhperiyod h5{font-size:16px}
.uhinfo h4 a{font-size:12px}
.siparisbilgileri table{width:100%}
.domainsec{width:100%}
.ui-accordion .ui-accordion-content{padding:15px}
.domainsec .btn{width:90%}
.siparisbilgileri table tr td{font-size:16px}
.sungenbil{width:100%}
.sunucusipside{width:100%;margin-top:20px}
.sipdvmtmmbtn .gonderbtn{width:85%}
.siparisbilgileri table tr td h4{font-size:16px}
.sayfabaslik h1{font-size:20px}
.sayfabaslik i{font-size:10px;margin:5px}
.sepetleft{width:100%}
.sepetright{width:100%}
.uhinfo{width:40%;font-size: 13px;}
.uhperiyod{font-size:13px}
.uhtutar{font-size:13px}
.uhsil a{font-size:15px}
.uhinfo h5{font-size:14px}
.uhperiyod select{width:100%;font-weight:500;font-size:14px}
.mpanelinfo{height:auto;line-height:20px;font-size:15px;text-align:center;padding:10px 0;margin-top:15px}
.sayfayolu{margin-bottom:10px;font-size:13px;float:left}
.mpaneltitle h4{font-size:16px;width:100%;float:left}
.destekinfo{width:44%;vertical-align:top}
#ticketfixed .destekinfo{width:44%}
.destekinfo h5{font-size:15px}
.destekinfocon{padding:10px 0}
.destekinfo h4{font-size:14px}
.destekdosyaeki{width:100%}
.destekdetayright .gonderbtn{padding:10px 0;font-size:16px;margin-top:15px}
.header{-webkit-box-shadow:inset 0 110px 110px -45px rgba(0,0,0,0.75);-moz-box-shadow:inset 0 110px 110px -45px rgba(0,0,0,0.75);box-shadow:inset 0 110px 110px -45px rgba(0,0,0,0.75);padding-bottom:25px;    background-size: auto 150%;height:auto;margin-bottom:20px;z-index:444}
#fullwidth #wrapper{width:100%}
.header #wrapper{width:100%}
.headerwhite{display:none}
.mpanelblok:first-child:nth-last-child(4),.mpanelblok:first-child:nth-last-child(4) ~ .mpanelblok{width:45%}
.mpanelblok{width:46%;min-height:130px;margin:5px;}
.mpanelblok h1{font-size:28px;margin-top:15px}
#turquise h1{font-size:22px;margin-top:25px;line-height:35px}
#destekcvpyaz .lbtn{float:left;margin-left:0;margin-right:0;font-size:14px}
.mpanelright{width:100%;margin-bottom:20px}
.mpanelleft{width:100%;margin-bottom:20px;margin-top:0}
.mpanelrightcon{padding:10px}
#muspanel .header{height:auto;margin-bottom:0;padding-bottom:0}
#muspanel .header .sayfabaslik{display:none}
.sepet{margin-top:0}
.destektalebiolustur .yesilbtn{width:100%}
.destektalebiolustur .ucte1{width:100%}
.faturaodenmis .yuzde30{width:100%}
.fattutarlar span,strong{text-align:center}
.fattutarlar .yuzde40{width:100%}
.fattutarlar .yuzde20{width:100%}
.hizmetblok{width:100%;margin:10px 0}
.tabcontentcon{width:100%}
ul.tab li{width:50%}
ul.tab li a{padding:14px 0;width:100%;font-size: 14px;    line-height: 25px;}
.tabcontentcon h5{font-size:16px}
#smsgonder .yuzde50{width:100%}
.mobiltable{overflow:scroll}
.destekolsbtn{float:right}
.dttblegoster{width:50px}
.mobilgenislet{top:9px;left:4px;height:25px;width:25px;display:block;color:#999;border:1px solid #999;border-radius:4px;box-sizing:content-box;text-align:center;font-family:'Courier New',Courier,monospace;line-height:30px;font-size:30px;content:'+';float:left;margin-right:7px}
.paypasbutonlar{margin-top:20px;margin-bottom:-50px}
#header2 .paypasbutonlar{margin-top:0px;text-shadow:none;position:absolute;right:10px;top:3px}
#scriptlistesi{margin:0}
.langbtn{position:absolute;right:10px;top:45px}
#fullwidth .langbtn{float:right;margin-left:20px;margin-top:15px;font-size:16px;position:relative;right:auto;top:auto}
.guncellebtn{width:50%}
.msjyazan h4{font-size:14px;margin-top:-2px}
.bilgibanka h3{font-size:22px}
.bilgibanka h4{font-size:18px}
.bbankaara input{font-size:18px}
.encokokunanbasliklar h5{font-size:16px}
.bbankakonu{margin:auto;width:100%;margin-bottom:15px}
.bbkonuinfo{float:left}
#fullwidth .menu{background-repeat:repeat-x;height:60px}
.menucolor{height:60px}
.alanadisorgu h1{font-size:20px;margin-bottom:20px;margin-top:25px}
.urunozellikleri .fa-caret-right{display:none}
.urunozellikleri .fa-check-circle{display:none}
.urunozellik{float:none;border:1px solid #999;padding:15px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:80%;padding:15px;margin:auto;text-align:center;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;margin-bottom:20px}
.domainsec h5{float:none;margin-top:12px;font-size:15px;margin-left:0}
.siparisbilgileri .btn{font-size:16px}
.scriptozellks{margin:auto;margin-bottom:10px;width:100%}
.sunucusipside{position:-webkit-relative;position:relative}
.scripthoverinfo{display:none}
.uyeol{width:100%;margin-top:35px}
.songiris{font-size:13px;float:none}
#muspanel{background-size:AUTO}
.mblokbtn{font-size:13px}
.mpanelblok h2{font-size:14px}
#header2 .sayfabaslik{margin-top:30px;display:block;text-align:center;width:90%;padding:10px;min-height:75px}
.progresspayment{width:95%;margin:auto;margin-bottom:20px}
.progresspayment h4{font-size:13px;padding:10px;margin-bottom:10px}
.progresspayment h3{margin-top:10px;font-size:20px}
.balancepage .fa-info-circle{display:none}
.balanceinfo{font-size:14px}
.balancepage .hesapbilgilerim table tr td{font-size:13px}
#acdashboardactivity{width:100%;margin-left:0}
#acdashboardnews{width:100%}
.muspanelbloks #blue{display:none}
.modalDialog{position:absolute}
#pre-register-countries label{margin-bottom:3px;width:50%}
#baslikislemleri .modalDialog div{width:90%}
#raporlar .modalDialog div{width:90%}
#raporlar .modalDialog{position:fixed}
.referenceselect select{font-size:16px;width:80%}
.referenceselect option{font-size:16px}
.red-info i{display:none}
.required-field-info{width:100%;font-size:13px}
#ozet .tabcontentcon{width:100%}
.required-field-info input{padding:10px 0;margin-right:5px;width:100%;margin-bottom:5px}
.mailgsmverify{margin-bottom:15px}
.kisiselbilgiler{width:100%}
.digerbilgiler{width:100%;margin-top:25px}
.hesapbilgititle{font-size:13px}
.hesapbilgisi .yuzde25{line-height:normal}
.hesapbilgisi .yuzde75 input{font-size:13px;padding:7px 0}
.hesapbilgisi .yuzde75 select{font-size:13px;padding:7px 0}
.hesapbilgisi .yuzde75 textarea{font-size:13px;padding:7px 0}
.hesapbilgisi .yuzde75{font-size:13px}
.countryselect{margin-top:0;margin-left:0;    display: none;}
#fullwidth .head .countryselect{margin-top:10px;margin-left:10px}
.tablepaket:first-child:nth-last-child(4),.tablepaket:first-child:nth-last-child(4) ~ .tablepaket{width:90%}
.tablepaket:first-child:nth-last-child(8),.tablepaket:first-child:nth-last-child(8) ~ .tablepaket{width:90%}
.tablepaket:first-child:nth-last-child(12),.tablepaket:first-child:nth-last-child(12) ~ .tablepaket{width:90%}
#addNewAddressForm .yuzde30{width:49%}
#addNewAddressForm .yuzde25{width:49%}
#addNewAddressForm .yuzde15{width:49%}
#tercihler .tabcontentcon{width:100%;margin-top:30px;margin-bottom:50px}
#sifredegistir .tabcontentcon{width:100%;margin-top:30px;margin-bottom:50px}
.hostozellk{width:42%;font-size:14px}
.categoriesproduct a{font-size:15px;text-align:left}
.tescilsonuc table{width:95%}
#tesclsure{width:100%}
.dozelliklist{font-size:13px;width:100%;margin:20px 0px}
.domainfeatright{width:70%}
#check_results a{font-size:14px;font-weight:700}
.internationalsmspage .leftblock{width:100%}
.internationalsmspage .leftblock h3{font-size:20px;text-align:center}
.internationalsmspage .leftblock h4{font-weight:300;font-size:16px}
.internationalsmspage .rightblock{width:100%;margin-top:50px}
.internationalsmspage .rightblock h2{font-size:22px}
.internationalsmspage .rightblock select{width:70%}
.ticketinfos{width:100%}
.ticketdetail{width:100%}
.hizmetblok:first-child:nth-last-child(2),.hizmetblok:first-child:nth-last-child(2) ~ .hizmetblok{width:100%}
.hizmetblok:first-child:nth-last-child(4),.hizmetblok:first-child:nth-last-child(4) ~ .hizmetblok{width:100%}
.hizmetblok:nth-child(n+4):nth-child(-n+5){width:100%}
.hizmetblok:nth-child(n+6):nth-child(-n+7){width:100%}
.hizmetblok:first-child:nth-last-child(6),.hizmetblok:first-child:nth-last-child(6) ~ .hizmetblok{width:100%}
#ModifyWhois input{width:49%;font-size:13px}
.tabcontentcon .yesilbtn{width:100%}
.tabcontentcon .turuncbtn{width:100%}
.tabcontentcon .mavibtn{width:100%}
.tabcontentcon .redbtn{width:100%}
.green-info i{display:none}
.green-info p{margin:0;font-size:13px}
.ModifyDns{width:100%;min-height:auto;margin:0;margin-bottom:20px}
.bankablok{width:100%;margin:0;margin-bottom:10px}
#payment-screen .bankablok{width:100%;margin:0;margin-bottom:10px}
#NotificationForm .yuzde40{width:95%}
.bankainfo h5 span{width:100%}
.domainlookuplist{width:100%}
.tldavailable h4{line-height:normal;font-size:22px}
.tldhere{font-size:15px;word-wrap: break-word;white-space: pre-line;}
.lookcolum{font-size:14px}
.tldlistfoot .lookcolum{width:50%}
.sss #accordion h3{font-size:15px}
.sss #accordion div{font-size:13px}
.content-updown .yuzde30{width:100%}
.content-updown .yuzde70{width:100%}
.content-updown .yuzde50{width:100%}
#addNewEmail .yuzde50inpt{width:100%}
#addNewEmail .yuzde50{width:100%}
#addNewEmail .incelebtn{width:100%;text-align:center;padding:10px 0;margin-top:5px;margin-bottom:5px}
.invoicex{max-width:100%;margin:0;margin-bottom:25px}
.invoicex .padding{padding:15px}
.custbillinfo{width:100%}
.companybillinfo{width:100%;text-align:left;margin-bottom:25px}
.invoicestatus{width:100%}
.invoicetimes{width:100%;margin-bottom:0}
.faturaodenmis{margin:30px 0}
.companybillinfo img{display:block}
.invoiceidx{width:100%}
.invoicedesc .padding20{padding:0}
.license-verify-box{width:100%}
.license-verification-result h4{font-size:18px}
.license-none{width:100%}
.license-ok{width:100%}
#addons {width:100%; }
#fullwidth .menu li a {    padding: 0px; }
#muspanel #fullwidth{  margin-bottom: -15px;}
.langcurclose{top:-1px;right:-3px;}
.langandcur a {width:49%;}
ul.tab li a.active{border-bottom:2px solid #009595;background:#009595;color:white}
.gprimage{float:none;margin-left:0px;margin-top:0px;margin-bottom:10px}
.headbutonlar{display:none}
#mobmenu{position:absolute;top:0px;width:100%;background:#635287;z-index:100}
#mobmenu ul{margin:0;margin-top:50px;padding:0}
#mobmenu ul li a{color:white}
#mobmenu ul li ul li a{padding-left:20px}
#mobmenu ul li{color:white;list-style-type:none}
#mobmenu ul .inner{overflow:hidden;display:none;float:left;width:100%}
#mobmenu ul .inner.show{}
#mobmenu ul li ul{margin-top:0px}
.mobmenu ul li ul li{padding-left:0}
#mobmenu ul li a.toggle{width:100%;display:block;background:#635287;color:#fefefe;border-radius:0.15em;transition:background .3s ease}
#mobmenu ul li ul li a.toggle{padding-left:20px}
#mobmenu ul li ul li ul li a{padding-left:35px}
#mobmenu ul li a.toggle:hover{background:rgba(0,0,0,0.18)}
#mobmenu ul a span{padding:0px 20px}
#mobmenu ul a{float:left;width:100%;padding:14px 0px;border-bottom:.1em solid #0000001a;color:#6c8193;font-size:15px}
#mobmenu .headbutonlar{float:none;display:inline-block;text-align:center;width:100%;margin-top:20px}
#mobmenu .headbutonlar a{float:left;margin-left:20px;font-size:13px}
#mobmenu #sepeticon{font-size:26px;float:right;color:#fff;margin-top:-7px;margin-right:27px}
#mobmenu .menuAc{top:50px}
.homedomainarea-con{width:93%}
.homedomainarea-con .padding30{padding:10px}
.homedomainarea h1{font-size:26px;margin-top:15px}
.homedomainarea input:not([type="submit"]){width:83%;padding:20px;font-size:18px}
.homedomainarea input[type="submit"]{width:110px;font-size:14px;padding:19px 0px;margin-left:-115px}
.spottlds{width:30%;border:none;text-align:center}
.spottlds img{float:none}
.homedomainarea h4{font-size:18px}
#home .pakettitle{margin-top:0px}
.tableslogan{font-size:18px}
.anascriptlist{margin-bottom:25px}
.musyorum{font-size:15px}
.istatistik h2{font-size:18px}
.istatistik h1{font-size:36px}
.ebulten{background-size:auto 100%}
.footer{padding:30px 0}
.footslogan h4{font-size:18px}
.footslogan h2{font-size:24px;margin-top:10px}
.footcopyright{text-align:center}
.fullwidthhead{text-align:center}
#mobmenu #megamenu{position:relative;padding:0px;margin-top:0px;background-size:auto}
#mobmenu #megamenuservice{width:44%}
#mobmenu #megamenuservice a{color:#635287}
#mobmenu #megamenuservice .padding20{padding:5px}
#mobmenu #megamenu h4{color:#635287}
#fullwidth #mobmenu{position:relative;float:left}
#fullwidth #mobmenu .headbutonlar{margin-top:0px}
#fullwidth #mobmenu .headbutonlar a{float:left;color:white;border-bottom:.1em solid #0000001a;font-size:13px;margin:0px;width:48%;padding:12px 0px;border-radius:0px}
#fullwidth #mobmenu #megamenuservice a{color:#ffffffd6}
#fullwidth #mobmenu .padding30{text-align:center;padding:20px 5px}
#fullwidth #mobmenu #megamenuservice .padding20{padding:10px 7px;display:inline-block}
#fullwidth #mobmenu .digerhmzinfo{float:none;padding: 15px;width:100%;position:relative;display:inline-block}
.anatanitim{background-size:auto;padding-bottom:60px;padding-top:50px}
.anatanitim .gonderbtn{float:left;margin-top:10px;font-size:16px;width:200px;margin-right:0px}
.anatanitim video{width:320%;background:#000}
.tanslogan{margin-top:30px;width:96%;margin-left:10px}
.tanslogan{margin-top:0px;width:100%;margin-left:0px;font-size:15px;position:relative}
#fullwidth .anatanitim #wrapper{width:90%}
.domainozellikler{background-size:auto 100%}
.domainsec .ui-accordion .ui-accordion-content{padding:15px 0px}
.domainsec select{width:98%}
#checkButton{border:0px;background-color:#8BC34A;border-radius:2.20588rem;color:#FFFFFF;margin-left:auto;padding:18px 0px;position:relative;margin-top:0px;margin-bottom:10px;display:inline-block;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;width:150px;font-size:16px}
#megamenu #kurumsalmenulinks{width:100%;margin-left:0px;margin-bottom:15px}
#corporatemenu{background-size:auto 100%}
.cd-top{height:40px;width:40px;bottom:20px;right:20px}
.tescilucretleri table tr td{padding:10px 0px;font-size:13px}
.tescilucretleri table tr th{padding:10px 0px;font-size:14px}
.tescilucretleri h4{margin-bottom:20px;font-size:20px}
.langandcur h4{font-size:19px}
.captcha-content{width:250px;transform:scale(0.8);margin-left:-20px}
.content-updown .tablepaket select{margin-bottom:15px;margin-left:auto;margin-right:auto;display:block}

}
/* #mobile-device-end */

/* #other-mobile-device{clear:both} */
@media only screen and (min-width:320px) and (max-width:374px) {
.slidetext-container{margin-top:65%}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.slidetext-container{margin-top:30%}
}
@media only screen and (min-width:568px) and (max-height:320px) {
.slidetext-container{margin-top:30%}
.slidetext-container h1{font-size:18px}
.slidetext-container p{width:100%;font-size:14px}
#largeredbtn{padding:5px 40px;font-size:14px}
}
@media only screen and (min-width:665px) and (max-width:759px) {
.cd-top{right:20px;bottom:20px}
.slidetext-container{width:90%;margin-top:30%}
.slidetext-container h1{font-size:22px}
.slidetext-container p{width:100%;font-size:16px}
#largeredbtn{padding:5px 40px;font-size:14px}
}
@media only screen and (min-width:320px) and (max-width:1023px) {
.mioslidertext{color:#fff;position:relative;left:0;width:100%;text-align:center}
}
@media only screen and (min-width:1024px) and (max-width:1248px) {
#wrapper{width:95%}
}
@media only screen and (min-width:665px) and (max-width:759px) {
.cd-top{right:20px;bottom:20px}
}
@media only screen and (min-width:950px) and (max-width:1156px) {
#fullwidth .menu li a{padding:0px 25px}
.menu li a{padding-left:18px;padding-right:18px}
}
@media only screen and (min-width:1023px) {
.cd-top{height:60px;width:60px;right:30px;bottom:30px;    border-radius: 7px;}
}

@media only screen and (max-width: 1025px) and (min-width: 320px) {
.invoiceremind{margin-bottom:15px;font-size:13px}
.invoiceremind h4{font-size:16px}
.invoiceremind .lbtn{float:none;margin-top:7px}
.invoiceremind .padding20{padding:15px}
}

/*  #Other-media-mobile-devices-end */























/* SofmiraModern override bundle. */
/*
 * SofmiraModern visual layer.
 * Scope: presentation only. It does not change forms, endpoints, tokens or module logic.
 */

:root {
  --sfm-bg: #07111f;
  --sfm-bg-2: #0d1b2e;
  --sfm-card: rgba(255, 255, 255, 0.88);
  --sfm-card-dark: rgba(8, 18, 34, 0.78);
  --sfm-line: rgba(20, 221, 214, 0.18);
  --sfm-cyan: #08d6c9;
  --sfm-blue: #2563eb;
  --sfm-violet: #8b5cf6;
  --sfm-pink: #ec4899;
  --sfm-ink: #172033;
  --sfm-muted: #64748b;
  --sfm-radius: 8px;
  --sfm-shadow: 0 22px 60px rgba(2, 8, 23, 0.18);
}

html,
body {
  background: #f5f8fc;
  color: var(--sfm-ink);
}

body {
  letter-spacing: 0;
}

a {
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.header {
  background:
    linear-gradient(135deg, rgba(7, 17, 31, .96), rgba(13, 27, 46, .93) 46%, rgba(22, 10, 55, .9)),
    url("../images/sunucubg.jpg") center / cover no-repeat !important;
  box-shadow: inset 0 -120px 140px rgba(2, 8, 23, .58) !important;
  overflow: hidden;
}

.header:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(8, 214, 201, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(139, 92, 246, .12) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .9), transparent 78%);
}

.header:after {
  content: "";
  position: absolute;
  right: 6%;
  top: 26%;
  width: min(34vw, 520px);
  aspect-ratio: 1;
  pointer-events: none;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(8, 214, 201, .18), rgba(139, 92, 246, .1) 42%, transparent 70%);
  filter: blur(10px);
}

.head,
#fullwidth .head {
  position: relative;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--sfm-radius);
  background: rgba(7, 17, 31, .58) !important;
  backdrop-filter: blur(16px);
  box-shadow: 0 14px 45px rgba(2, 8, 23, .22);
  padding: 10px 18px;
}

.logo img,
.head2logo img {
  max-height: 58px;
  width: auto !important;
  object-fit: contain;
}

.headbutonlar a,
.sosyalbtns a,
#fullwidth .headbutonlar a {
  color: rgba(255, 255, 255, .82) !important;
  border-radius: 999px;
  text-decoration: none;
}

.headbutonlar a:hover,
.sosyalbtns a:hover,
#fullwidth .headbutonlar a:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, .1) !important;
}

.menu {
  position: relative;
  z-index: 3;
}

.menu li a,
#fullwidth .menu li a {
  color: rgba(255, 255, 255, .9) !important;
  border-bottom: 0 !important;
  font-weight: 600 !important;
}

.menu li a:hover,
#fullwidth .menu li a:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, .1) !important;
}

.menu ul li ul,
#fullwidth .menu ul li ul {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--sfm-radius) !important;
  background: rgba(9, 20, 36, .96) !important;
  box-shadow: 0 22px 48px rgba(2, 8, 23, .34);
}

.menu ul li ul li a,
#fullwidth .menu ul li ul li a {
  color: rgba(255, 255, 255, .86) !important;
}

.sayfabaslik h1,
.sayfabaslik h2,
.sayfabaslik .breadcrumb,
.sayfabaslik a {
  position: relative;
  z-index: 2;
}

.gonderbtn,
.yesilbtn,
.mavibtn,
.green,
.incelebtn {
  border-radius: 999px !important;
  border: 0 !important;
  background: linear-gradient(135deg, var(--sfm-cyan), var(--sfm-blue)) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, .2);
}

.gonderbtn:hover,
.yesilbtn:hover,
.mavibtn:hover,
.green:hover,
.incelebtn:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(37, 99, 235, .28);
}

.homedomainarea-con {
  width: min(1120px, 92%) !important;
}

.homedomainarea {
  border: 1px solid rgba(255, 255, 255, .76);
  border-radius: var(--sfm-radius) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(238, 251, 255, .88)) !important;
  box-shadow: var(--sfm-shadow) !important;
}

.homedomainarea h1,
.pakettitle h1,
.alanadisorgu h1 {
  color: var(--sfm-ink) !important;
  letter-spacing: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
}

.alanadisorgu h1 {
  text-align: center;
  line-height: 1.32;
}

.alanadisorgu h1 strong,
.alanadisorgu h1 .amount_spot_view {
  display: inline-block;
  vertical-align: baseline;
}

.homedomainarea h4,
.pakettitle h2 {
  color: var(--sfm-muted) !important;
}

.homedomainarea input:not([type="submit"]),
.alanadisorgu input,
.transfercode input {
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .96) !important;
  color: var(--sfm-ink) !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .08) !important;
}

.homedomainarea input:not([type="submit"]):focus,
.alanadisorgu input:focus,
.transfercode input:focus {
  outline: 0;
  border-color: rgba(8, 214, 201, .72) !important;
  box-shadow: 0 0 0 5px rgba(8, 214, 201, .14), 0 18px 44px rgba(15, 23, 42, .1) !important;
}

.spottlds {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: var(--sfm-radius);
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

.tablopaketler {
  background:
    linear-gradient(180deg, #f8fbff, #eef7ff) !important;
  box-shadow: none !important;
}

.tablepaket {
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: var(--sfm-radius) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08) !important;
  overflow: hidden;
}

.tablepaket.active {
  border-color: rgba(8, 214, 201, .38) !important;
  box-shadow: 0 24px 55px rgba(8, 214, 201, .16) !important;
}

.tpakettitle,
.tablepaket h3,
.tablepaket h4 {
  color: var(--sfm-ink) !important;
}

.paketline {
  background: rgba(15, 23, 42, .08) !important;
}

.anatanitim,
.hizmetler,
.genelpaketler,
.muspanel,
.nedenbiz {
  background-color: #f8fbff;
}

.nedenbiz {
  padding: 56px 0 46px;
  background:
    radial-gradient(circle at 12% 10%, rgba(8, 214, 201, .12), transparent 30%),
    linear-gradient(180deg, #f8fbff, #eef7ff) !important;
  box-shadow: none !important;
}

.sofmira-service-card {
  width: calc(25% - 28px) !important;
  min-height: 292px;
  box-sizing: border-box;
  margin: 14px !important;
  padding: 26px 22px 22px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: var(--sfm-radius) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(238, 251, 255, .78));
  box-shadow: 0 18px 44px rgba(15, 23, 42, .08);
  color: var(--sfm-ink) !important;
  text-decoration: none !important;
}

.sofmira-service-card:hover {
  transform: translateY(-4px);
  border-color: rgba(8, 214, 201, .42);
  box-shadow: 0 26px 60px rgba(15, 23, 42, .13);
}

.sofmira-service-card .servisikon {
  width: 72px;
  height: 72px;
  line-height: 72px;
  background: linear-gradient(135deg, rgba(8, 214, 201, .18), rgba(37, 99, 235, .14)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .82);
}

.sofmira-service-card .servisikonalt {
  width: 58px;
  height: 58px;
  margin: 5px;
  line-height: 58px;
  color: var(--sfm-cyan) !important;
  border: 2px solid rgba(255, 255, 255, .9);
  background: rgba(255, 255, 255, .86);
}

.sofmira-service-card .servisikonalt i {
  font-size: 25px;
}

.sofmira-service-card h4 {
  margin: 18px 0 10px;
  color: var(--sfm-ink) !important;
  font-size: 20px !important;
  line-height: 1.2;
}

.sofmira-service-card p {
  min-height: 78px;
  color: var(--sfm-muted);
  font-size: 14px;
  line-height: 1.55;
}

.sofmira-service-card small {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  color: var(--sfm-blue);
  font-weight: 700;
}

.sofmira-service-card small:after {
  content: "\\f105";
  font-family: FontAwesome;
  font-weight: normal;
}

.wclientblockscon #clientAreaIndex-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}

.wclientblockscon .homedomainarea-con,
.wclientblockscon .clean-theme-home-news {
  flex: 0 0 100%;
}

.wclientblockscon .product-group-item {
  float: none !important;
  width: calc(50% - 18px) !important;
  min-height: 206px;
  margin: 0 !important;
  display: flex !important;
}

.wclientblockscon .product-group-item a {
  width: 100%;
  box-sizing: border-box;
  padding: 28px 24px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: var(--sfm-radius);
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 16px 38px rgba(15, 23, 42, .07);
  color: var(--sfm-ink) !important;
  text-decoration: none !important;
}

.wclientblockscon .product-group-item a:hover {
  transform: translateY(-3px);
  border-color: rgba(8, 214, 201, .4);
  box-shadow: 0 24px 56px rgba(15, 23, 42, .12);
}

.wclientblockscon .product-group-item span {
  display: block;
  color: var(--sfm-ink) !important;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
}

.wclientblockscon .product-group-item span i {
  display: block;
  margin: 0 auto 14px;
  color: #2f2548;
  font-size: 42px;
}

.wclientblockscon .product-group-item-desc {
  max-width: 340px;
  margin: 16px auto 0 !important;
  color: var(--sfm-muted);
  font-size: 15px;
  line-height: 1.55;
}

.wclientblockscon .sofmira-product-service a {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(238, 251, 255, .82));
}

.wclientblockscon .sofmira-product-service span i {
  color: var(--sfm-cyan);
}

.wclientblockscon .sofmira-product-service-main {
  width: calc(66.666% - 18px) !important;
}

.wclientblockscon .sofmira-product-service-main a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    radial-gradient(circle at 14% 18%, rgba(8, 214, 201, .16), transparent 28%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(238, 251, 255, .86));
}

.sfm-home-service-band {
  flex: 0 0 min(1040px, 100%);
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .9fr) auto;
  align-items: center;
  gap: 22px;
  margin: 18px auto 34px;
  padding: 30px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: var(--sfm-radius);
  background:
    linear-gradient(135deg, rgba(8, 214, 201, .1), rgba(37, 99, 235, .1)),
    rgba(255, 255, 255, .96);
  box-shadow: 0 20px 48px rgba(15, 23, 42, .08);
}

.sfm-home-service-copy span {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--sfm-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sfm-home-service-copy h2 {
  margin: 0;
  color: var(--sfm-ink);
  font-size: 28px;
  line-height: 1.2;
}

.sfm-home-service-copy p {
  margin: 12px 0 0;
  color: var(--sfm-muted);
  font-size: 15px;
  line-height: 1.6;
}

.sfm-home-service-points {
  display: grid;
  gap: 10px;
}

.sfm-home-service-points div {
  color: var(--sfm-ink);
  font-weight: 700;
  line-height: 1.35;
}

.sfm-home-service-points i {
  margin-right: 8px;
  color: var(--sfm-cyan);
}

.sfm-home-service-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--sfm-cyan), var(--sfm-blue));
  color: #fff !important;
  font-weight: 800;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 16px 34px rgba(37, 99, 235, .22);
}

.sfm-home-final-cta {
  flex: 0 0 100vw;
  display: block;
  width: 100vw;
  margin: 28px calc(50% - 50vw) 0;
  padding: 44px max(28px, calc((100vw - 1240px) / 2)) 50px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 7% 20%, rgba(8, 214, 201, .16), transparent 26%),
    radial-gradient(circle at 88% 15%, rgba(37, 99, 235, .2), transparent 32%),
    linear-gradient(135deg, #071426, #0a1528 54%, #102341);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.sfm-home-call {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 0 34px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  text-align: center;
}

.sfm-home-call p {
  margin: 0 0 10px;
  color: rgba(226, 232, 240, .56);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

.sfm-home-call a {
  color: #f8fafc !important;
  font-size: 32px;
  font-weight: 900;
  letter-spacing: .02em;
  text-decoration: none !important;
}

.sfm-home-footer-grid {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(240px, 1.35fr) repeat(4, minmax(145px, 1fr));
  gap: 32px;
  padding: 38px 0 0;
}

.sfm-home-footer-brand img {
  display: block;
  max-width: 260px;
  height: auto;
  margin: 0 0 28px;
}

.sfm-home-footer-brand p {
  margin: 0 0 18px;
  color: rgba(226, 232, 240, .58);
  font-size: 15px;
}

.sfm-home-footer-mail {
  display: inline-flex;
  margin-bottom: 20px;
  color: rgba(248, 250, 252, .72) !important;
  font-size: 21px;
  font-weight: 900;
  text-decoration: none !important;
}

.sfm-home-footer-brand address {
  max-width: 290px;
  margin: 0 0 22px;
  color: rgba(226, 232, 240, .65);
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.32;
}

.sfm-home-footer-gdpr {
  width: 74px;
  max-width: 74px;
  opacity: .46;
  filter: grayscale(100%);
}

.sfm-home-footer-col h3 {
  margin: 20px 0 18px;
  color: #f8fafc;
  font-size: 16px;
  font-weight: 900;
}

.sfm-home-footer-col a {
  display: block;
  margin: 0 0 11px;
  color: rgba(248, 250, 252, .72) !important;
  font-size: 15px;
  line-height: 1.25;
  text-decoration: none !important;
  transition: color .2s ease, transform .2s ease;
}

.sfm-home-footer-col a:hover {
  color: #fff !important;
  transform: translateX(3px);
}

.sfm-services-page {
  color: var(--sfm-ink);
}

.sfm-services-page * {
  box-sizing: border-box;
}

.sfm-services-hero {
  position: relative;
  overflow: hidden;
  padding: 66px 56px;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: var(--sfm-radius);
  background:
    radial-gradient(circle at 12% 12%, rgba(8, 214, 201, .2), transparent 26%),
    radial-gradient(circle at 88% 0%, rgba(37, 99, 235, .18), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(238, 251, 255, .88));
  box-shadow: var(--sfm-shadow);
}

.sfm-eyebrow,
.sfm-section-title span {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--sfm-blue);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sfm-services-hero h1 {
  max-width: 780px;
  margin: 0;
  color: var(--sfm-ink);
  font-size: 44px;
  line-height: 1.12;
}

.sfm-services-hero p {
  max-width: 720px;
  margin: 20px 0 0;
  color: var(--sfm-muted);
  font-size: 18px;
  line-height: 1.7;
}

.sfm-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.sfm-primary-cta,
.sfm-secondary-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none !important;
}

.sfm-primary-cta {
  background: linear-gradient(135deg, var(--sfm-cyan), var(--sfm-blue));
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(37, 99, 235, .22);
}

.sfm-secondary-cta {
  border: 1px solid rgba(15, 23, 42, .12);
  background: rgba(255, 255, 255, .78);
  color: var(--sfm-ink) !important;
}

.sfm-service-section,
.sfm-process-section,
.sfm-delivery-section,
.sfm-services-cta {
  margin-top: 34px;
}

.sfm-section-title {
  max-width: 780px;
  margin: 0 auto 24px;
  text-align: center;
}

.sfm-section-title h2,
.sfm-services-cta h2 {
  margin: 0;
  color: var(--sfm-ink);
  font-size: 32px;
  line-height: 1.2;
}

.sfm-section-title p {
  color: var(--sfm-muted);
  font-size: 16px;
}

.sfm-service-grid,
.sfm-process-grid,
.sfm-delivery-section {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.sfm-service-grid article,
.sfm-process-grid div,
.sfm-delivery-section div,
.sfm-services-cta {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: var(--sfm-radius);
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 16px 40px rgba(15, 23, 42, .07);
}

.sfm-service-grid article {
  padding: 26px 24px;
}

.sfm-service-grid article i {
  color: var(--sfm-cyan);
  font-size: 34px;
}

.sfm-service-grid article h3,
.sfm-process-grid h3,
.sfm-delivery-section h2 {
  margin: 16px 0 10px;
  color: var(--sfm-ink);
  font-size: 21px;
}

.sfm-service-grid article p,
.sfm-service-grid article li,
.sfm-process-grid p,
.sfm-delivery-section p,
.sfm-services-cta p {
  color: var(--sfm-muted);
  font-size: 15px;
  line-height: 1.62;
}

.sfm-service-grid ul {
  margin: 16px 0 0;
  padding-left: 18px;
}

.sfm-process-grid div,
.sfm-delivery-section div {
  padding: 24px;
}

.sfm-process-grid strong {
  color: var(--sfm-blue);
  font-size: 26px;
}

.sfm-services-cta {
  padding: 38px 28px;
  text-align: center;
  background:
    linear-gradient(135deg, rgba(8, 214, 201, .12), rgba(37, 99, 235, .1)),
    #fff;
}

.alanadisorgu {
  position: relative;
  margin: 0 auto 28px !important;
  padding: 34px 24px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: var(--sfm-radius);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(238, 251, 255, .86));
  box-shadow: var(--sfm-shadow);
}

.alanadisorgu h1 {
  font-size: clamp(26px, 4vw, 46px) !important;
}

.alanadisorgu input {
  max-width: 760px;
}

.popuzantilar,
.domainlookuplist {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: var(--sfm-radius);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 18px 45px rgba(15, 23, 42, .07);
}

.popuzantilar {
  padding: 22px;
}

.domainlookuplist {
  overflow: hidden;
}

.lookcolumtitle {
  background: linear-gradient(135deg, var(--sfm-bg), var(--sfm-bg-2)) !important;
  color: #fff;
}

.lookcolumlist {
  border-color: rgba(15, 23, 42, .07) !important;
}

#tldok {
  color: #039f8f !important;
}

#tldno {
  color: #e11d48 !important;
}

#tesclsure,
.domainlookuplist select,
.miotab-labels a {
  border-radius: 999px !important;
}

.footer,
.mainfooter,
footer {
  background:
    linear-gradient(135deg, #07111f, #101b31) !important;
  color: rgba(255, 255, 255, .78);
}

.footer a,
.mainfooter a,
footer a {
  color: rgba(255, 255, 255, .86) !important;
}

.footer {
  padding: 0 !important;
}

.footer .sfm-footer-showcase {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 44px max(28px, calc((100vw - 1240px) / 2)) 52px;
  background:
    radial-gradient(circle at 7% 20%, rgba(8, 214, 201, .16), transparent 26%),
    radial-gradient(circle at 88% 15%, rgba(37, 99, 235, .2), transparent 32%),
    linear-gradient(135deg, #071426, #0a1528 54%, #102341);
  box-sizing: border-box;
}

.sfm-footer-call {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 0 34px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  text-align: center;
}

.sfm-footer-call p {
  margin: 0 0 10px;
  color: rgba(226, 232, 240, .56);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

.sfm-footer-call a {
  color: #f8fafc !important;
  font-size: 32px;
  font-weight: 900;
  letter-spacing: .02em;
  text-decoration: none !important;
}

.sfm-footer-grid {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(220px, 1.3fr) repeat(5, minmax(110px, 1fr));
  gap: 24px;
  padding: 6px 0 0;
}

.sfm-footer-brand img {
  display: block;
  max-width: 260px;
  height: auto;
  margin: 0 0 22px;
}

.sfm-footer-whatsapp {
  margin: 0 0 18px;
}

.sfm-footer-whatsapp > span {
  display: block;
  max-width: 300px;
  margin: 0 0 8px;
  color: rgba(226, 232, 240, .62);
  font-size: 14px;
  line-height: 1.35;
}

.sfm-footer-contact-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

.sfm-footer-contact-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  color: #f8fafc !important;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .01em;
  text-decoration: none !important;
}

.sfm-footer-contact-link i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  color: #fff;
  font-size: 17px;
}

.sfm-footer-contact-link.is-phone i {
  background: linear-gradient(135deg, #38bdf8, #2563eb);
  box-shadow: 0 10px 24px rgba(56, 189, 248, .2);
}

.sfm-footer-contact-link.is-whatsapp i {
  background: linear-gradient(135deg, #25d366, #11b87a);
  box-shadow: 0 10px 24px rgba(37, 211, 102, .22);
}

.sfm-footer-contact-link.is-whatsapp span {
  color: rgba(248, 250, 252, .78);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
}

.sfm-footer-contact-link.is-phone span {
  font-size: 11px;
}

.sfm-footer-mail {
  display: inline-flex;
  margin-bottom: 20px;
  color: rgba(248, 250, 252, .72) !important;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none !important;
}

.sfm-footer-legal-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 310px;
  margin: 0 0 22px;
  color: rgba(226, 232, 240, .72);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.42;
}

.sfm-footer-legal-info strong {
  color: #f8fafc;
  font-size: 14px;
  font-weight: 900;
}

.sfm-footer-legal-info a {
  color: rgba(248, 250, 252, .86) !important;
  text-decoration: none !important;
}

.sfm-footer-copyline {
  margin: 30px 0 0;
  padding: 22px 0 0;
  border-top: 1px solid rgba(148, 163, 184, .14);
  color: rgba(226, 232, 240, .62);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.sfm-footer-brand address {
  max-width: 290px;
  margin: 0 0 22px;
  color: rgba(226, 232, 240, .65);
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.32;
}

.sfm-footer-gdpr {
  width: 74px;
  max-width: 74px;
  opacity: .46;
  filter: grayscale(100%);
}

.sfm-footer-col h3 {
  margin: 20px 0 18px;
  color: #f8fafc;
  font-size: 16px;
  font-weight: 900;
}

.sfm-footer-col a {
  display: block;
  margin: 0 0 11px;
  color: rgba(248, 250, 252, .72) !important;
  font-size: 15px;
  line-height: 1.25;
  text-decoration: none !important;
  transition: color .2s ease, transform .2s ease;
}

.sfm-footer-col a:hover {
  color: #fff !important;
  transform: translateX(3px);
}

.aciklamalar,
.sayfaicerik,
.content,
.white-area {
  border-radius: var(--sfm-radius);
}

@media only screen and (max-width: 1023px) {
  .head,
  #fullwidth .head {
    width: 92% !important;
    padding: 10px 14px;
  }

  .logo img,
  .head2logo img {
    max-height: 46px;
  }

  .menu ul,
  #fullwidth .menu ul {
    border-radius: var(--sfm-radius);
    background: rgba(8, 18, 34, .98) !important;
  }

  .sayfabaslik {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 18px 14px !important;
    overflow: hidden;
  }

  .sayfabaslik h1,
  .sayfabaslik a {
    display: block;
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: break-word;
  }

  .sayfabaslik a {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px !important;
    line-height: 1.45;
  }

  .homedomainarea-con {
    width: 94% !important;
  }

  .homedomainarea {
    overflow: hidden;
  }

  .homedomainarea h1 {
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px !important;
    line-height: 1.28;
  }

  .homedomainarea h4 {
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px !important;
    line-height: 1.45;
  }

  .homedomainarea .spottlds {
    width: calc(50% - 14px) !important;
    max-width: 132px;
    box-sizing: border-box;
    margin: 7px !important;
  }

  .homedomainarea input:not([type="submit"]),
  .alanadisorgu input {
    width: 100% !important;
    max-width: 100%;
    font-size: 16px !important;
    padding: 18px 20px !important;
  }

  .homedomainarea input[type="submit"],
  .alanadisorgu .gonderbtn,
  .domainsec .alanadisorgu .gonderbtn {
    position: relative !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;
    padding: 16px 20px !important;
  }

  .alanadisorgu {
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    padding: 24px 16px;
  }

  .alanadisorgu * {
    box-sizing: border-box;
  }

  #wrapper.wclientdomainpage {
    width: 94% !important;
  }

  .alanadisorgu h1 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px !important;
    line-height: 1.35;
  }

  .sofmira-service-card {
    width: 100% !important;
    min-height: auto;
    margin: 10px 0 !important;
    padding: 22px 18px;
  }

  .sofmira-service-card p {
    min-height: 0;
  }

  .wclientblockscon #clientAreaIndex-wrapper {
    gap: 12px;
  }

  .wclientblockscon .product-group-item {
    width: 100% !important;
    min-height: auto;
  }

  .wclientblockscon .sofmira-product-service-main {
    width: 100% !important;
  }

  .wclientblockscon .product-group-item a {
    padding: 24px 18px;
  }

  .wclientblockscon .product-group-item span {
    font-size: 18px;
  }

  .sfm-home-service-band {
    grid-template-columns: 1fr;
    margin: 10px 0 24px;
    padding: 22px 18px;
    text-align: center;
  }

  .sfm-home-service-copy h2 {
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
  }

  .sfm-home-service-copy p,
  .sfm-home-service-points {
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
  }

  .sfm-home-service-cta {
    width: 100%;
  }

  .sfm-home-final-cta {
    margin: 0 calc(50% - 50vw) 0;
    padding: 24px 18px 28px;
    text-align: center;
  }

  .sfm-home-call {
    padding-bottom: 24px;
  }

  .sfm-home-call p {
    font-size: 16px;
  }

  .sfm-home-call a {
    font-size: 28px;
  }

  .sfm-home-footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    padding-top: 28px;
  }

  .sfm-home-footer-brand img {
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
  }

  .sfm-home-footer-brand address {
    margin-left: auto;
    margin-right: auto;
  }

  .sfm-home-footer-col h3 {
    margin-top: 12px;
  }

  .sfm-home-footer-col a {
    margin-bottom: 9px;
  }

  .footer .sfm-footer-showcase {
    padding: 26px 18px 32px;
  }

  .sfm-footer-call {
    padding-bottom: 24px;
  }

  .sfm-footer-call p {
    font-size: 16px;
  }

  .sfm-footer-call a {
    font-size: 28px;
  }

  .sfm-footer-grid {
    grid-template-columns: 1fr;
    gap: 18px;
    padding-top: 0;
    text-align: center;
  }

  .sfm-footer-brand img {
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
  }

  .sfm-footer-whatsapp > span {
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
  }

  .sfm-footer-contact-actions,
  .sfm-footer-contact-link {
    justify-content: center;
  }

  .sfm-footer-contact-link {
    font-size: 17px;
  }

  .sfm-footer-contact-link.is-phone span {
    font-size: 10px;
  }

  .sfm-footer-brand address {
    margin-left: auto;
    margin-right: auto;
  }

  .sfm-footer-gdpr {
    margin-left: auto;
    margin-right: auto;
  }

  .sfm-footer-col h3 {
    margin-top: 12px;
  }

  .sfm-footer-col a {
    margin-bottom: 9px;
  }

  .sfm-services-hero {
    padding: 38px 22px;
    max-width: 100%;
    overflow: hidden;
  }

  .sfm-services-hero h1 {
    max-width: 300px;
    font-size: 24px;
    line-height: 1.28;
    overflow-wrap: break-word;
  }

  .sfm-services-hero p {
    max-width: 300px;
    font-size: 15px;
    overflow-wrap: break-word;
  }

  .sfm-services-page {
    width: 100% !important;
    max-width: 100%;
    overflow: hidden;
  }

  body#muspanel #wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }

  .sfm-services-page .sayfacontent,
  .sayfacontent {
    width: 100% !important;
    max-width: 100%;
    overflow: hidden;
  }

  .sfm-services-hero,
  .sfm-service-section,
  .sfm-process-section,
  .sfm-delivery-section,
  .sfm-services-cta {
    width: 100% !important;
    max-width: 100% !important;
  }

  .sfm-hero-actions {
    display: grid;
  }

  .sfm-service-grid,
  .sfm-process-grid,
  .sfm-delivery-section {
    grid-template-columns: 1fr;
  }

  .sfm-section-title h2,
  .sfm-services-cta h2 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    overflow-wrap: break-word;
  }

  .sfm-section-title p {
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
  }

  .sfm-services-hero h1,
  .sfm-services-hero p,
  .sfm-section-title h2,
  .sfm-section-title p {
    white-space: normal !important;
    word-break: normal;
  }

  .sfm-section-title p,
  .sfm-service-grid article p,
  .sfm-service-grid article li {
    overflow-wrap: break-word;
  }

  .lookcolumtitle,
  .lookcolumlist {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 14px !important;
  }

  .lookcolum {
    width: 100% !important;
    text-align: left !important;
  }
}

/* Sofmira homepage refresh final overrides */
#muspanel .sfm-home-promo,
body#home .sfm-home-promo {
  display: block !important;
  background: #28aee4 !important;
}

#muspanel .sfm-home-contactbar,
body#home .sfm-home-contactbar {
  display: block !important;
  background: #0b1320 !important;
}

#muspanel .sfm-home-header.header,
body#home .sfm-home-header.header {
  background: #ffffff !important;
  min-height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.09) !important;
}

#muspanel .sfm-home-header .head,
body#home .sfm-home-header .head {
  width: auto !important;
  max-width: 1240px !important;
  min-height: 88px !important;
  margin: 0 auto !important;
  padding: 18px 20px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#muspanel .sfm-home-header .head > .clear,
#muspanel .sfm-home-header .head > .headbutonlar,
#muspanel .sfm-home-header .sosyalbtns,
#muspanel .sfm-home-header .menu,
body#home .sfm-home-header .head > .clear,
body#home .sfm-home-header .head > .headbutonlar,
body#home .sfm-home-header .sosyalbtns,
body#home .sfm-home-header .menu {
  display: none !important;
}

#muspanel .sfm-home-header .logo,
body#home .sfm-home-header .logo {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#muspanel .sfm-home-mainnav,
body#home .sfm-home-mainnav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
}

#muspanel .sfm-home-hero,
body#home .sfm-home-hero {
  grid-column: 1 / -1 !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  min-height: 570px !important;
  display: flex !important;
  align-items: center !important;
  background:
    linear-gradient(90deg, rgba(18,29,45,.98) 0%, rgba(18,29,45,.94) 48%, rgba(18,29,45,.88) 100%),
    linear-gradient(135deg, transparent 0 48%, rgba(55,189,248,.12) 48% 52%, transparent 52%),
    #121d2d !important;
}

#muspanel .sfm-home-hero-inner,
body#home .sfm-home-hero-inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 82px 20px 128px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(360px,.9fr) !important;
  gap: 70px !important;
}

#muspanel .wclientblockscon #clientAreaIndex-wrapper,
body#home .wclientblockscon #clientAreaIndex-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 26px !important;
  max-width: 1240px !important;
  padding: 0 20px 72px !important;
}

#muspanel .wclientblockscon .homedomainarea-con,
body#home .wclientblockscon .homedomainarea-con {
  grid-column: 1 / -1 !important;
  margin: -82px auto 18px !important;
  z-index: 6 !important;
}

#muspanel .wclientblockscon .homedomainarea,
body#home .wclientblockscon .homedomainarea {
  max-width: 1120px !important;
  background: #ffffff !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 60px rgba(15,23,42,.15) !important;
}

#muspanel .wclientblockscon .product-group-item,
body#home .wclientblockscon .product-group-item {
  width: auto !important;
  min-height: 230px !important;
  margin: 0 !important;
  padding: 28px 24px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 32px rgba(15,23,42,.08) !important;
}

@media only screen and (max-width: 1024px) {
  #muspanel .sfm-home-header .head,
  body#home .sfm-home-header .head,
  #muspanel .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner {
    grid-template-columns: 1fr !important;
  }

  #muspanel .wclientblockscon #clientAreaIndex-wrapper,
  body#home .wclientblockscon #clientAreaIndex-wrapper {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media only screen and (max-width: 760px) {
  #muspanel .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner {
    padding: 56px 20px 108px !important;
  }

  #muspanel .sfm-home-hero-visual,
  body#home .sfm-home-hero-visual {
    display: none !important;
  }

  #muspanel .wclientblockscon #clientAreaIndex-wrapper,
  body#home .wclientblockscon #clientAreaIndex-wrapper {
    grid-template-columns: 1fr !important;
  }
}

body#muspanel,
body#home {
  overflow-x: hidden;
}

#muspanel .sfm-home-hero-copy,
body#home .sfm-home-hero-copy,
#muspanel .sfm-home-hero h1,
body#home .sfm-home-hero h1,
#muspanel .sfm-home-hero-text,
body#home .sfm-home-hero-text,
#muspanel .sfm-home-eyebrow,
body#home .sfm-home-eyebrow {
  text-align: left !important;
}

#muspanel .sfm-home-trust-list,
body#home .sfm-home-trust-list {
  justify-items: start !important;
}

html,
body#muspanel,
body#home {
  max-width: 100%;
  overflow-x: hidden !important;
}

#muspanel .sfm-home-hero,
body#home .sfm-home-hero {
  width: 100% !important;
  margin-left: 0 !important;
  box-sizing: border-box !important;
}

#muspanel .sfm-home-hero-inner,
body#home .sfm-home-hero-inner {
  width: 100% !important;
  box-sizing: border-box !important;
}

#muspanel .sfm-footer-showcase,
body#home .sfm-footer-showcase {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
  box-sizing: border-box !important;
}

/* Sofmira Three.js + Imagegen hero layer */
#muspanel .sfm-home-hero,
body#home .sfm-home-hero {
  background:
    linear-gradient(115deg, rgba(236,72,153,.80) 0%, rgba(236,72,153,.46) 38%, rgba(37,99,235,.80) 100%),
    linear-gradient(90deg, rgba(8,17,31,.96) 0%, rgba(8,17,31,.82) 42%, rgba(8,17,31,.40) 100%),
    url("../images/sofmira-hero-bg-imagegen.png") center right / cover no-repeat,
    #08111f !important;
  isolation: isolate;
}

#muspanel .sfm-home-hero:before,
body#home .sfm-home-hero:before {
  background-image:
    linear-gradient(rgba(148,163,184,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.07) 1px, transparent 1px) !important;
  background-size: 96px 96px !important;
  opacity: .32 !important;
}

#muspanel .sfm-home-hero:after,
body#home .sfm-home-hero:after {
  background:
    linear-gradient(90deg, rgba(8,17,31,.86) 0%, rgba(8,17,31,.54) 42%, rgba(8,17,31,.10) 100%),
    radial-gradient(circle at 76% 42%, rgba(37,99,235,.80), transparent 34%),
    radial-gradient(circle at 91% 78%, rgba(236,72,153,.80), transparent 28%) !important;
  opacity: 1 !important;
}

#muspanel .sfm-home-hero-copy,
body#home .sfm-home-hero-copy {
  position: relative;
  z-index: 4;
}

#muspanel .sfm-home-hero-visual,
body#home .sfm-home-hero-visual {
  min-height: 430px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  position: relative !important;
  z-index: 3 !important;
}

#muspanel .sfm-three-scene,
body#home .sfm-three-scene {
  width: min(600px,100%);
  height: 430px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(15,23,42,.38), rgba(15,23,42,.14)),
    radial-gradient(circle at 50% 28%, rgba(37,99,235,.40), transparent 36%),
    radial-gradient(circle at 82% 76%, rgba(236,72,153,.34), transparent 30%);
  border: 1px solid rgba(191,219,254,.22);
  box-shadow: 0 34px 90px rgba(0,0,0,.24);
}

#muspanel .sfm-three-scene:before,
body#home .sfm-three-scene:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 58px 58px;
  opacity: .18;
  pointer-events: none;
  z-index: 1;
}

#muspanel .sfm-three-canvas,
body#home .sfm-three-canvas {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  position: relative;
  z-index: 2;
}

#muspanel .sfm-three-fallback-card,
body#home .sfm-three-fallback-card {
  position: absolute;
  inset: 44px 40px;
  border-radius: 8px;
  background: rgba(15,23,42,.46);
  border: 1px solid rgba(125,211,252,.20);
  display: none;
  z-index: 0;
}

#muspanel .sfm-three-scene.sfm-three-fallback .sfm-three-fallback-card,
body#home .sfm-three-scene.sfm-three-fallback .sfm-three-fallback-card {
  display: block;
}

#muspanel .sfm-three-cloud-line,
body#home .sfm-three-cloud-line {
  position: absolute;
  top: 54px;
  right: 54px;
  width: 172px;
  height: 82px;
  border: 4px solid rgba(147,197,253,.80);
  border-radius: 60px;
}

#muspanel .sfm-three-server-lines,
body#home .sfm-three-server-lines {
  position: absolute;
  left: 70px;
  bottom: 56px;
  width: 210px;
  height: 220px;
  border-radius: 8px;
  background: repeating-linear-gradient(180deg, rgba(147,197,253,.76) 0 12px, rgba(15,23,42,.68) 12px 36px);
  box-shadow: 0 0 32px rgba(37,99,235,.36);
}

#muspanel .sfm-three-shield-mark,
body#home .sfm-three-shield-mark {
  position: absolute;
  left: 236px;
  bottom: 68px;
  width: 112px;
  height: 132px;
  clip-path: polygon(50% 0, 100% 18%, 88% 74%, 50% 100%, 12% 74%, 0 18%);
  background: linear-gradient(160deg, rgba(236,72,153,.86), rgba(37,99,235,.78));
  box-shadow: 0 0 30px rgba(236,72,153,.42);
}

@media only screen and (max-width: 1024px) {
  #muspanel .sfm-home-hero,
  body#home .sfm-home-hero {
    background:
      linear-gradient(135deg, rgba(236,72,153,.80) 0%, rgba(37,99,235,.80) 100%),
      linear-gradient(180deg, rgba(8,17,31,.94) 0%, rgba(8,17,31,.82) 56%, rgba(8,17,31,.68) 100%),
      url("../images/sofmira-hero-bg-imagegen.png") center right / cover no-repeat,
      #08111f !important;
  }

  #muspanel .sfm-home-hero-visual,
  body#home .sfm-home-hero-visual {
    min-height: 360px !important;
    justify-content: center !important;
  }

  #muspanel .sfm-three-scene,
  body#home .sfm-three-scene {
    height: 360px;
  }
}

@media only screen and (max-width: 760px) {
  #muspanel .sfm-home-hero-visual,
  body#home .sfm-home-hero-visual {
    display: flex !important;
    min-height: 260px !important;
  }

  #muspanel .sfm-three-scene,
  body#home .sfm-three-scene {
    height: 260px;
    width: 100%;
  }
}

/* Sofmira reference polish - 20260621 */
#muspanel .sfm-home-promo,
body#home .sfm-home-promo {
  background: linear-gradient(90deg,#24a8e8 0%,#35c2f0 100%) !important;
}

#muspanel .sfm-home-promo-inner,
body#home .sfm-home-promo-inner {
  min-height: 58px !important;
  max-width: 1240px !important;
  justify-content: center !important;
  gap: 24px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  flex-wrap: nowrap !important;
}

#muspanel .sfm-home-promo-inner strong,
body#home .sfm-home-promo-inner strong {
  white-space: nowrap;
}

#muspanel .sfm-home-promo-badges,
body#home .sfm-home-promo-badges {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

#muspanel .sfm-home-promo-badges em,
body#home .sfm-home-promo-badges em {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 7px;
  background: rgba(255,255,255,.94);
  color: #0f2740;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 8px 20px rgba(15,23,42,.12);
}

#muspanel .sfm-home-contactbar-inner,
body#home .sfm-home-contactbar-inner {
  min-height: 46px !important;
  font-size: 14px !important;
}

#muspanel .sfm-home-header .head,
body#home .sfm-home-header .head {
  min-height: 92px !important;
  padding: 14px 20px !important;
  grid-template-columns: 220px minmax(0,1fr) auto !important;
}

#muspanel .sfm-home-header .logo img,
body#home .sfm-home-header .logo img {
  width: 218px !important;
}

#muspanel .sfm-home-mainnav,
body#home .sfm-home-mainnav {
  gap: 18px !important;
}

#muspanel .sfm-home-mainnav a,
body#home .sfm-home-mainnav a {
  color: #172033 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

#muspanel .wclientblockscon,
body#home .wclientblockscon {
  background: #f3f7fb !important;
}

#muspanel .wclientblockscon #clientAreaIndex-wrapper,
body#home .wclientblockscon #clientAreaIndex-wrapper {
  max-width: 1240px !important;
  overflow: visible !important;
  padding: 0 20px 80px !important;
}

#muspanel .sfm-home-hero,
body#home .sfm-home-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 660px !important;
  margin-left: calc(50% - 50vw) !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(9,18,32,.97) 0%, rgba(9,18,32,.88) 42%, rgba(9,18,32,.30) 100%),
    linear-gradient(115deg, rgba(236,72,153,.80) 0%, rgba(236,72,153,.36) 38%, rgba(37,99,235,.80) 100%),
    url("../images/sofmira-hero-bg-imagegen.png") center right / cover no-repeat,
    #091220 !important;
}

#muspanel .sfm-home-hero:before,
body#home .sfm-home-hero:before {
  background-image:
    linear-gradient(rgba(148,163,184,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.10) 1px, transparent 1px) !important;
  background-size: 86px 86px !important;
  opacity: .30 !important;
}

#muspanel .sfm-home-hero:after,
body#home .sfm-home-hero:after {
  background:
    linear-gradient(90deg, rgba(9,18,32,.88) 0%, rgba(9,18,32,.55) 45%, rgba(9,18,32,.06) 100%),
    radial-gradient(circle at 72% 38%, rgba(37,99,235,.54), transparent 36%),
    radial-gradient(circle at 88% 72%, rgba(236,72,153,.52), transparent 30%) !important;
}

#muspanel .sfm-home-hero-inner,
body#home .sfm-home-hero-inner {
  max-width: 1240px !important;
  padding: 92px 20px 150px !important;
  grid-template-columns: minmax(430px,.88fr) minmax(520px,1.12fr) !important;
  gap: 52px !important;
}

#muspanel .sfm-home-eyebrow,
body#home .sfm-home-eyebrow {
  color: #56c7ff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

#muspanel .sfm-home-hero h1,
body#home .sfm-home-hero h1 {
  max-width: 670px !important;
  color: #ffffff !important;
  font-size: 58px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.28);
}

#muspanel .sfm-home-hero-text,
body#home .sfm-home-hero-text {
  max-width: 680px !important;
  color: #dbeafe !important;
  font-size: 18px !important;
  line-height: 1.72 !important;
}

#muspanel .sfm-home-primary-cta,
body#home .sfm-home-primary-cta {
  min-height: 56px !important;
  padding: 0 28px !important;
  background: linear-gradient(135deg,#25aeea,#38bdf8) !important;
  box-shadow: 0 18px 36px rgba(37,174,234,.28) !important;
}

#muspanel .sfm-home-secondary-cta,
body#home .sfm-home-secondary-cta {
  min-height: 56px !important;
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.28) !important;
}

#muspanel .sfm-home-proof-row,
body#home .sfm-home-proof-row {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#muspanel .sfm-home-proof-row span,
body#home .sfm-home-proof-row span {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border-radius: 8px;
  color: #dbeafe;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  font-size: 13px;
  font-weight: 800;
}

#muspanel .sfm-home-proof-row strong,
body#home .sfm-home-proof-row strong {
  color: #ffffff;
  font-size: 18px;
}

#muspanel .sfm-home-hero-visual,
body#home .sfm-home-hero-visual {
  min-height: 500px !important;
  justify-content: center !important;
}

#muspanel .sfm-three-scene,
body#home .sfm-three-scene {
  width: min(690px,100%) !important;
  height: 500px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#muspanel .sfm-three-scene:before,
body#home .sfm-three-scene:before {
  inset: 24px 12px !important;
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px) !important;
  background-size: 54px 54px !important;
  opacity: .18 !important;
}

#muspanel .sfm-three-canvas,
body#home .sfm-three-canvas {
  transform: scale(1.08) translateX(18px);
  transform-origin: center center;
  filter: drop-shadow(0 36px 54px rgba(0,0,0,.28));
}

#muspanel .sfm-three-labels,
body#home .sfm-three-labels {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}

#muspanel .sfm-three-label,
body#home .sfm-three-label {
  position: absolute;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border-radius: 999px;
  color: #ffffff;
  background: rgba(9,18,32,.62);
  border: 1px solid rgba(191,219,254,.28);
  box-shadow: 0 16px 34px rgba(0,0,0,.22);
  font-size: 12px;
  font-weight: 900;
}

#muspanel .label-speed,
body#home .label-speed { top: 76px; right: 86px; }
#muspanel .label-cloud,
body#home .label-cloud { top: 172px; left: 32px; }
#muspanel .label-secure,
body#home .label-secure { right: 24px; bottom: 106px; }

#muspanel .wclientblockscon .homedomainarea-con,
body#home .wclientblockscon .homedomainarea-con {
  margin: -92px auto 28px !important;
}

#muspanel .wclientblockscon .homedomainarea,
body#home .wclientblockscon .homedomainarea {
  max-width: 1160px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  box-shadow: 0 30px 70px rgba(15,23,42,.16) !important;
}

#muspanel .wclientblockscon .homedomainarea .padding30,
body#home .wclientblockscon .homedomainarea .padding30 {
  padding: 30px 34px 28px !important;
}

#muspanel .sfm-domain-card-inner h2,
body#home .sfm-domain-card-inner h2 {
  margin-bottom: 18px !important;
  font-size: 23px !important;
}

#muspanel #DomainCheck,
body#home #DomainCheck {
  max-width: 1010px !important;
  margin-bottom: 18px !important;
  border-radius: 999px !important;
  padding: 9px !important;
  background: #f8fbff !important;
}

#muspanel #DomainCheck input[name="domain"],
#muspanel #DomainCheck input[type="text"],
body#home #DomainCheck input[name="domain"],
body#home #DomainCheck input[type="text"] {
  height: 58px !important;
  padding-left: 22px !important;
}

#muspanel #DomainCheck input[type="submit"],
body#home #DomainCheck input[type="submit"] {
  min-width: 174px !important;
  height: 58px !important;
  border-radius: 999px !important;
}

#muspanel .sfm-domain-card-inner .spottlds,
body#home .sfm-domain-card-inner .spottlds {
  width: calc(20% - 18px) !important;
  min-width: 150px !important;
  min-height: 68px !important;
  margin: 7px !important;
  padding: 10px 12px !important;
  grid-template-columns: auto minmax(0,1fr) !important;
}

#muspanel .wclientblockscon .product-group-item,
body#home .wclientblockscon .product-group-item {
  min-height: 248px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(148,163,184,.20) !important;
  box-shadow: 0 16px 36px rgba(15,23,42,.09) !important;
}

@media only screen and (max-width: 1180px) {
  #muspanel .sfm-home-promo-inner,
  body#home .sfm-home-promo-inner {
    gap: 14px !important;
    font-size: 14px !important;
  }

  #muspanel .sfm-home-header .head,
  body#home .sfm-home-header .head {
    grid-template-columns: 190px minmax(0,1fr) auto !important;
    gap: 16px !important;
  }

  #muspanel .sfm-home-header .logo img,
  body#home .sfm-home-header .logo img {
    width: 190px !important;
  }

  #muspanel .sfm-home-mainnav,
  body#home .sfm-home-mainnav {
    gap: 12px !important;
  }

  #muspanel .sfm-home-mainnav a,
  body#home .sfm-home-mainnav a {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 1024px) {
  #muspanel .sfm-home-header .head,
  body#home .sfm-home-header .head,
  #muspanel .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner {
    grid-template-columns: 1fr !important;
  }

  #muspanel .sfm-home-hero,
  body#home .sfm-home-hero {
    min-height: auto !important;
  }

  #muspanel .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner {
    padding: 66px 22px 132px !important;
    gap: 34px !important;
  }

  #muspanel .sfm-home-hero h1,
  body#home .sfm-home-hero h1 {
    font-size: 46px !important;
  }

  #muspanel .sfm-home-hero-visual,
  body#home .sfm-home-hero-visual {
    min-height: 360px !important;
  }

  #muspanel .sfm-three-scene,
  body#home .sfm-three-scene {
    height: 360px !important;
  }

  #muspanel .sfm-domain-card-inner .spottlds,
  body#home .sfm-domain-card-inner .spottlds {
    width: calc(25% - 18px) !important;
  }
}

@media only screen and (max-width: 760px) {
  #muspanel .sfm-home-promo-inner,
  body#home .sfm-home-promo-inner {
    min-height: auto !important;
    padding: 12px 16px !important;
    flex-wrap: wrap !important;
  }

  #muspanel .sfm-home-promo-badges,
  body#home .sfm-home-promo-badges {
    order: 3;
    width: 100%;
    justify-content: center;
  }

  #muspanel .sfm-home-contactbar-inner,
  body#home .sfm-home-contactbar-inner {
    min-height: auto !important;
    padding: 11px 14px !important;
  }

  #muspanel .sfm-home-contact-right,
  body#home .sfm-home-contact-right {
    display: none !important;
  }

  #muspanel .sfm-home-header .head,
  body#home .sfm-home-header .head {
    min-height: auto !important;
    padding: 16px 14px !important;
  }

  #muspanel .sfm-home-mainnav,
  body#home .sfm-home-mainnav {
    max-width: 100%;
    overflow-x: auto;
    justify-content: flex-start !important;
    padding-bottom: 4px;
  }

  #muspanel .sfm-home-mainnav a,
  body#home .sfm-home-mainnav a {
    flex: 0 0 auto;
  }

  #muspanel .sfm-home-hero,
  body#home .sfm-home-hero {
    background:
      linear-gradient(180deg, rgba(9,18,32,.92) 0%, rgba(9,18,32,.78) 46%, rgba(9,18,32,.62) 100%),
      linear-gradient(135deg, rgba(236,72,153,.80) 0%, rgba(37,99,235,.80) 100%),
      url("../images/sofmira-hero-bg-imagegen.png") center right / cover no-repeat,
      #091220 !important;
  }

  #muspanel .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner {
    padding: 48px 20px 98px !important;
  }

  #muspanel .sfm-home-hero h1,
  body#home .sfm-home-hero h1 {
    font-size: 35px !important;
    line-height: 1.12 !important;
  }

  #muspanel .sfm-home-hero-text,
  body#home .sfm-home-hero-text {
    font-size: 16px !important;
    line-height: 1.64 !important;
  }

  #muspanel .sfm-home-hero-actions,
  body#home .sfm-home-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #muspanel .sfm-home-primary-cta,
  #muspanel .sfm-home-secondary-cta,
  body#home .sfm-home-primary-cta,
  body#home .sfm-home-secondary-cta {
    width: 100% !important;
  }

  #muspanel .sfm-home-proof-row,
  body#home .sfm-home-proof-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #muspanel .sfm-home-hero-visual,
  body#home .sfm-home-hero-visual {
    min-height: 250px !important;
  }

  #muspanel .sfm-three-scene,
  body#home .sfm-three-scene {
    height: 250px !important;
  }

  #muspanel .sfm-three-canvas,
  body#home .sfm-three-canvas {
    transform: scale(1.03) translateX(0) !important;
  }

  #muspanel .sfm-three-label,
  body#home .sfm-three-label {
    min-height: 30px;
    padding: 0 10px;
    font-size: 11px;
  }

  #muspanel .label-cloud,
  body#home .label-cloud { top: 76px; left: 8px; }
  #muspanel .label-speed,
  body#home .label-speed { top: 34px; right: 18px; }
  #muspanel .label-secure,
  body#home .label-secure { right: 14px; bottom: 40px; }

  #muspanel .wclientblockscon .homedomainarea-con,
  body#home .wclientblockscon .homedomainarea-con {
    margin: -56px auto 22px !important;
  }

  #muspanel .wclientblockscon .homedomainarea .padding30,
  body#home .wclientblockscon .homedomainarea .padding30 {
    padding: 22px 14px !important;
  }

  #muspanel #DomainCheck,
  body#home #DomainCheck {
    border-radius: 16px !important;
    grid-template-columns: 1fr !important;
  }

  #muspanel .sfm-domain-card-inner .spottlds,
  body#home .sfm-domain-card-inner .spottlds {
    width: calc(50% - 14px) !important;
    min-width: 0 !important;
    min-height: 62px !important;
    margin: 6px !important;
    padding: 9px !important;
  }

  #muspanel .sfm-domain-card-inner .spottlds img,
  body#home .sfm-domain-card-inner .spottlds img {
    width: 42px !important;
  }
}

/* Sofmira site-wide premium shell - 20260621 */
body:not(#modernpanel) {
  background:
    radial-gradient(circle at 9% -8%, rgba(236, 72, 153, .22), transparent 32%),
    radial-gradient(circle at 92% 2%, rgba(37, 99, 235, .22), transparent 30%),
    linear-gradient(180deg, #f7fbff 0%, #eef5fb 58%, #ffffff 100%) !important;
  color: var(--sfm-ink);
}

.sfm-home-promo {
  background: linear-gradient(90deg, #24a8e8 0%, #35c2f0 100%) !important;
}

.sfm-home-promo-inner {
  min-height: 58px !important;
  max-width: 1240px !important;
  justify-content: center !important;
  gap: 24px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  flex-wrap: nowrap !important;
}

.sfm-home-promo-inner strong {
  white-space: nowrap;
}

.sfm-home-promo-badges {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.sfm-home-promo-badges em {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 7px;
  background: rgba(255,255,255,.94);
  color: #0f2740;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 8px 20px rgba(15,23,42,.12);
}

.sfm-home-contactbar-inner {
  min-height: 46px !important;
  font-size: 14px !important;
}

.sfm-site-header.header {
  background: #ffffff !important;
  min-height: auto !important;
  padding: 0 0 24px !important;
  margin: 0 !important;
  overflow: visible !important;
  box-shadow: 0 16px 38px rgba(15,23,42,.10) !important;
}

body#home .sfm-site-header.header {
  padding-bottom: 0 !important;
}

.sfm-site-header .head {
  width: auto !important;
  max-width: 1240px !important;
  min-height: 92px !important;
  margin: 0 auto !important;
  padding: 14px 20px !important;
  display: grid !important;
  grid-template-columns: 220px minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.sfm-site-header .head > .clear,
.sfm-site-header .head > .headbutonlar,
.sfm-site-header .sosyalbtns,
.sfm-site-header .menu,
.sfm-site-header .headerwhite {
  display: none !important;
}

.sfm-site-header .logo img {
  width: 270px !important;
  height: auto !important;
}

.sfm-site-header .sfm-home-mainnav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
}

.sfm-site-header .sfm-home-mainnav a {
  color: #172033 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 0;
}

.sfm-site-header .sayfabaslik {
  width: min(1040px, calc(100% - 40px)) !important;
  margin: 18px auto 0 !important;
  padding: 34px 38px !important;
  float: none !important;
  text-align: left !important;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 18px !important;
  background:
    linear-gradient(90deg, rgba(9,18,32,.94) 0%, rgba(9,18,32,.80) 46%, rgba(9,18,32,.24) 100%),
    linear-gradient(120deg, rgba(236,72,153,.80) 0%, rgba(236,72,153,.36) 42%, rgba(37,99,235,.80) 100%),
    url("../images/sofmira-hero-bg-imagegen.png") center right / cover no-repeat,
    #091220 !important;
  box-shadow: 0 24px 60px rgba(15,23,42,.18) !important;
  text-shadow: none !important;
}

.sfm-site-header .sayfabaslik:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: .32;
}

.sfm-site-header .sayfabaslik h1 {
  margin: 0 0 10px !important;
  color: #ffffff !important;
  font-size: 34px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: 0;
}

.sfm-site-header .sayfabaslik a,
.sfm-site-header .sayfabaslik i {
  color: rgba(226, 232, 240, .92) !important;
}

.sfm-site-header .sayfabaslik .breadcrumb,
.sfm-site-header .sayfabaslik .breadcrumb a {
  color: rgba(226, 232, 240, .78) !important;
  font-size: 14px !important;
}

body:not(#home) .tablopaketler,
body:not(#home) .wclientblockscon,
body:not(#home) .iletisimpage,
body:not(#home) .sayfacontent,
body:not(#home) .haberblog,
body:not(#home) .newspage,
body:not(#home) .knowledgebasepage,
body:not(#home) .license-verify {
  width: min(1240px, calc(100% - 40px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:not(#home) .tablopaketler {
  margin-top: 34px !important;
  margin-bottom: 54px !important;
  padding-top: 0 !important;
  padding-bottom: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not(#home) .pakettitle {
  margin-top: 22px !important;
}

body:not(#home) .categoriesproduct a,
body:not(#home) .spottlds,
body:not(#home) .sepetlist,
body:not(#home) .sepetrightshadow,
body#muspanel #basic_client_rightcon,
body#muspanel .mpanelright {
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 18px 45px rgba(15,23,42,.08) !important;
}

body:not(#home) .categoriesproduct {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

body:not(#home) .categoriesproduct a {
  padding: 9px 22px !important;
  border-bottom: 0 !important;
  color: #172033 !important;
}

body:not(#home) #category-button-active,
body:not(#home) .categoriesproduct a:hover {
  background: linear-gradient(135deg, rgba(8,214,201,.14), rgba(37,99,235,.12)) !important;
  color: #0f2740 !important;
}

body#muspanel > #wrapper {
  width: min(1240px, calc(100% - 40px)) !important;
  margin: 32px auto 56px !important;
}

body#muspanel .mpanelinfo {
  margin: 0 !important;
  background:
    linear-gradient(90deg, rgba(9,18,32,.96), rgba(15,37,70,.92)),
    linear-gradient(120deg, rgba(236,72,153,.42), rgba(37,99,235,.42)) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 32px rgba(15,23,42,.12);
}

body#muspanel .mpanelinfo #wrapper {
  width: min(1240px, calc(100% - 40px)) !important;
}

body#muspanel #basic_client_rightcon,
body#muspanel .mpanelright {
  min-height: 430px;
}

body#muspanel .mpanelrightcon {
  padding: 24px !important;
}

body#uyeolgirisbody {
  background:
    linear-gradient(115deg, rgba(236,72,153,.72), rgba(37,99,235,.72)),
    url("../images/sofmira-hero-bg-imagegen.png") center / cover no-repeat,
    #091220 !important;
}

@media only screen and (max-width: 1180px) {
  .sfm-site-header .head {
    grid-template-columns: 190px minmax(0,1fr) auto !important;
    gap: 16px !important;
  }

  .sfm-site-header .logo img {
    width: 190px !important;
  }

  .sfm-site-header .sfm-home-mainnav {
    gap: 12px !important;
  }

  .sfm-site-header .sfm-home-mainnav a {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .sfm-site-header .head {
    grid-template-columns: 1fr !important;
  }

  .sfm-site-header .sfm-home-mainnav {
    max-width: 100%;
    overflow-x: auto;
    justify-content: flex-start !important;
    padding-bottom: 4px;
  }

  .sfm-site-header .sfm-home-mainnav a {
    flex: 0 0 auto;
  }
}

@media only screen and (max-width: 760px) {
  .sfm-home-promo-inner {
    min-height: auto !important;
    padding: 12px 16px !important;
    flex-wrap: wrap !important;
  }

  .sfm-home-promo-badges {
    order: 3;
    width: 100%;
    justify-content: center;
  }

  .sfm-home-contactbar-inner {
    min-height: auto !important;
    padding: 11px 14px !important;
  }

  .sfm-home-contact-right {
    display: none !important;
  }

  .sfm-site-header .head {
    min-height: auto !important;
    padding: 16px 14px !important;
  }

  .sfm-site-header .sayfabaslik {
    width: calc(100% - 28px) !important;
    margin-top: 10px !important;
    padding: 24px 22px !important;
  }

  .sfm-site-header .sayfabaslik h1 {
    font-size: 25px !important;
    line-height: 1.18 !important;
  }

  body:not(#home) .tablopaketler,
  body:not(#home) .wclientblockscon,
  body:not(#home) .iletisimpage,
  body:not(#home) .sayfacontent,
  body:not(#home) .haberblog,
  body:not(#home) .newspage,
  body:not(#home) .knowledgebasepage,
  body:not(#home) .license-verify,
  body#muspanel > #wrapper,
  body#muspanel .mpanelinfo #wrapper {
    width: calc(100% - 24px) !important;
  }

  body#muspanel .mpanelrightcon {
    padding: 16px !important;
  }
}

@media only screen and (max-width: 430px) {
  #muspanel .sfm-home-hero h1,
  body#home .sfm-home-hero h1 {
    font-size: 31px !important;
  }

  #muspanel .sfm-domain-card-inner .spottlds,
  body#home .sfm-domain-card-inner .spottlds {
    font-size: 12px !important;
  }
}

/* Sofmira reference polish sizing lock - 20260621 */
#muspanel .sfm-home-promo-inner,
body#home .sfm-home-promo-inner {
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

#muspanel .sfm-home-header .head,
body#home .sfm-home-header .head {
  height: 92px !important;
  min-height: 92px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
}

#muspanel .sfm-home-hero,
body#home .sfm-home-hero {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  min-height: 610px !important;
  margin-left: 0 !important;
}

#muspanel .sfm-home-hero-inner,
body#home .sfm-home-hero-inner {
  min-height: 610px !important;
  height: 610px !important;
  padding-top: 58px !important;
  padding-bottom: 98px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

#muspanel .sfm-home-hero h1,
body#home .sfm-home-hero h1 {
  font-size: 52px !important;
}

#muspanel .sfm-home-trust-list,
body#home .sfm-home-trust-list {
  margin-top: 22px !important;
  gap: 8px !important;
}

#muspanel .sfm-home-proof-row,
body#home .sfm-home-proof-row {
  margin-top: 20px !important;
}

#muspanel .sfm-home-proof-row span,
body#home .sfm-home-proof-row span {
  min-height: 42px !important;
}

#muspanel .sfm-home-hero-visual,
body#home .sfm-home-hero-visual {
  min-height: 430px !important;
}

#muspanel .sfm-three-scene,
body#home .sfm-three-scene {
  height: 430px !important;
}

#muspanel .sfm-three-canvas,
body#home .sfm-three-canvas {
  transform: scale(1.02) translateX(8px) !important;
}

#muspanel .wclientblockscon .homedomainarea-con,
body#home .wclientblockscon .homedomainarea-con {
  margin-top: -78px !important;
  margin-bottom: 26px !important;
}

#muspanel .wclientblockscon .homedomainarea,
body#home .wclientblockscon .homedomainarea {
  max-width: 1120px !important;
}

#muspanel .wclientblockscon .homedomainarea .padding30,
body#home .wclientblockscon .homedomainarea .padding30 {
  padding: 24px 28px 22px !important;
}

#muspanel .sfm-domain-card-inner .spottlds,
body#home .sfm-domain-card-inner .spottlds {
  box-sizing: border-box !important;
  width: calc(20% - 14px) !important;
  min-width: 0 !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 6px !important;
  padding: 8px 10px !important;
  overflow: hidden !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

#muspanel .sfm-domain-card-inner .spottlds img,
body#home .sfm-domain-card-inner .spottlds img {
  width: 44px !important;
  max-height: 32px !important;
}

#muspanel .sfm-domain-card-inner .spottlds strong,
#muspanel .sfm-domain-card-inner .spottlds .amount_spot_view,
body#home .sfm-domain-card-inner .spottlds strong,
body#home .sfm-domain-card-inner .spottlds .amount_spot_view {
  font-size: 14px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

@media only screen and (max-width: 1024px) {
  #muspanel .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 52px !important;
    padding-bottom: 88px !important;
  }

  #muspanel .sfm-home-hero h1,
  body#home .sfm-home-hero h1 {
    font-size: 42px !important;
  }

  #muspanel .sfm-domain-card-inner .spottlds,
  body#home .sfm-domain-card-inner .spottlds {
    width: calc(25% - 14px) !important;
  }
}

@media only screen and (max-width: 760px) {
  #muspanel .sfm-home-promo-inner,
  body#home .sfm-home-promo-inner {
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 14px !important;
  }

  #muspanel .sfm-home-header .head,
  body#home .sfm-home-header .head {
    height: auto !important;
    min-height: 0 !important;
  }

  #muspanel .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner {
    padding-top: 42px !important;
    padding-bottom: 84px !important;
  }

  #muspanel .sfm-home-hero h1,
  body#home .sfm-home-hero h1 {
    font-size: 32px !important;
  }

  #muspanel .sfm-home-hero-visual,
  body#home .sfm-home-hero-visual {
    min-height: 230px !important;
  }

  #muspanel .sfm-three-scene,
  body#home .sfm-three-scene {
    height: 230px !important;
  }

  #muspanel .wclientblockscon .homedomainarea-con,
  body#home .wclientblockscon .homedomainarea-con {
    margin-top: -48px !important;
  }

  #muspanel .sfm-domain-card-inner .spottlds,
  body#home .sfm-domain-card-inner .spottlds {
    width: calc(50% - 12px) !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 5px !important;
  }
}

/* Sofmira site-wide layout lock - 20260621 */
.sfm-home-promo-inner {
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.header.sfm-home-header.sfm-site-header .head {
  height: 92px !important;
  min-height: 92px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 280px minmax(0,1fr) auto !important;
  align-items: center !important;
}

.header.sfm-home-header.sfm-site-header .logo {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: auto !important;
}

.header.sfm-home-header.sfm-site-header .sfm-home-mainnav {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 0 !important;
}

.header.sfm-home-header.sfm-site-header .sfm-home-nav-actions {
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: max-content !important;
}

.header.sfm-home-header.sfm-site-header .sayfabaslik {
  box-sizing: border-box !important;
}

@media only screen and (max-width: 1180px) {
  .header.sfm-home-header.sfm-site-header .head {
    grid-template-columns: 190px minmax(0,1fr) auto !important;
    gap: 16px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .header.sfm-home-header.sfm-site-header .head {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    padding: 16px 14px !important;
  }

  .header.sfm-home-header.sfm-site-header .logo,
  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav,
  .header.sfm-home-header.sfm-site-header .sfm-home-nav-actions {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: stretch !important;
  }

  .header.sfm-home-header.sfm-site-header .logo {
    justify-content: center !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-nav-actions {
    justify-content: center !important;
    min-width: 0 !important;
  }
}

@media only screen and (max-width: 760px) {
  body {
    overflow-x: hidden !important;
  }

  .sfm-home-promo-inner {
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 14px !important;
    flex-wrap: wrap !important;
  }

  #muspanel .sfm-home-hero,
  body#home .sfm-home-hero {
    left: 50% !important;
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    margin-left: 0 !important;
    transform: translateX(-50%) !important;
  }

  #muspanel .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #muspanel .sfm-home-primary-cta,
  #muspanel .sfm-home-secondary-cta,
  body#home .sfm-home-primary-cta,
  body#home .sfm-home-secondary-cta {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    justify-content: center !important;
  }

  #muspanel .wclientblockscon .homedomainarea-con,
  body#home .wclientblockscon .homedomainarea-con {
    position: relative !important;
    left: 50% !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
  }

  #muspanel .wclientblockscon .homedomainarea,
  body#home .wclientblockscon .homedomainarea,
  #muspanel .wclientblockscon .homedomainarea .padding30,
  body#home .wclientblockscon .homedomainarea .padding30,
  #muspanel #DomainCheck,
  body#home #DomainCheck {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #muspanel #DomainCheck input[name="domain"],
  #muspanel #DomainCheck input[type="text"],
  body#home #DomainCheck input[name="domain"],
  body#home #DomainCheck input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  #muspanel .wclientblockscon .product-group-item,
  body#home .wclientblockscon .product-group-item {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  #muspanel .sfm-home-service-cta,
  body#home .sfm-home-service-cta {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .tablepopular {
    left: -18px !important;
  }
}

/* Sofmira premium glass skin - 20260621 */
:root {
  --sfm-glass-line: rgba(255,255,255,.42);
  --sfm-glass-soft: rgba(255,255,255,.72);
  --sfm-glass-strong: rgba(255,255,255,.86);
  --sfm-hero-deep: #08111f;
  --sfm-hero-blue: #2fb8f2;
  --sfm-hero-pink: #ec4899;
  --sfm-soft-border: rgba(15,23,42,.09);
  --sfm-deep-shadow: 0 24px 70px rgba(8,17,31,.18);
  --sfm-glass-shadow: 0 18px 52px rgba(8,17,31,.13);
}

body:not(#modernpanel) {
  background:
    linear-gradient(135deg, rgba(236,72,153,.12) 0%, rgba(47,184,242,.10) 44%, rgba(255,255,255,.96) 100%),
    linear-gradient(180deg, #f8fbff 0%, #eef6ff 55%, #ffffff 100%) !important;
}

.sfm-home-promo {
  background: linear-gradient(90deg, #23a9e8 0%, #33c5f3 52%, #20a7df 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.25), 0 10px 28px rgba(35,169,232,.22) !important;
}

.sfm-home-promo-inner {
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(8,17,31,.16);
}

.sfm-home-promo-badges em {
  border: 1px solid rgba(255,255,255,.68) !important;
  background: rgba(255,255,255,.90) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 26px rgba(8,17,31,.16) !important;
}

.sfm-home-contactbar {
  background: rgba(8,17,31,.94) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(255,255,255,.08) !important;
}

.header.sfm-home-header.sfm-site-header {
  background:
    linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.72) 100%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%);
  backdrop-filter: blur(24px) saturate(170%);
  border-bottom: 1px solid rgba(255,255,255,.68) !important;
  box-shadow: 0 18px 42px rgba(8,17,31,.10) !important;
}

.header.sfm-home-header.sfm-site-header .head {
  background: rgba(255,255,255,.46) !important;
  border-left: 1px solid rgba(255,255,255,.55) !important;
  border-right: 1px solid rgba(255,255,255,.55) !important;
}

.header.sfm-home-header.sfm-site-header .sfm-home-mainnav a {
  padding: 10px 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: #152033 !important;
}

.header.sfm-home-header.sfm-site-header .sfm-home-mainnav a:hover {
  border-color: rgba(47,184,242,.26) !important;
  background: rgba(255,255,255,.72) !important;
  color: #0f7fb3 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 24px rgba(8,17,31,.08) !important;
}

.sfm-home-nav-search,
.sfm-home-nav-cart {
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 14px 28px rgba(47,184,242,.22) !important;
}

#muspanel .sfm-home-hero,
body#home .sfm-home-hero {
  background:
    linear-gradient(90deg, rgba(8,17,31,.98) 0%, rgba(8,17,31,.86) 45%, rgba(8,17,31,.34) 100%),
    linear-gradient(118deg, rgba(236,72,153,.62) 0%, rgba(236,72,153,.20) 38%, rgba(47,184,242,.70) 100%),
    url("../images/sofmira-hero-bg-imagegen.png") center right / cover no-repeat,
    var(--sfm-hero-deep) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), inset 0 -120px 120px rgba(8,17,31,.22) !important;
}

#muspanel .sfm-home-hero:before,
body#home .sfm-home-hero:before {
  opacity: .42 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px) !important;
  background-size: 88px 88px !important;
}

#muspanel .sfm-home-hero:after,
body#home .sfm-home-hero:after {
  background:
    linear-gradient(90deg, rgba(8,17,31,.82) 0%, rgba(8,17,31,.48) 45%, rgba(8,17,31,.05) 100%),
    linear-gradient(135deg, rgba(255,255,255,.10) 0%, transparent 34%, rgba(47,184,242,.22) 68%, transparent 100%) !important;
}

#muspanel .sfm-home-hero-copy,
body#home .sfm-home-hero-copy {
  position: relative;
  z-index: 3;
  padding: 32px 34px 30px !important;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.045)),
    rgba(8,17,31,.18);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 26px 80px rgba(0,0,0,.22);
}

#muspanel .sfm-home-hero-copy:before,
body#home .sfm-home-hero-copy:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(115deg, rgba(255,255,255,.22), transparent 32%, rgba(255,255,255,.08) 64%, transparent 100%);
  opacity: .72;
}

#muspanel .sfm-home-hero-copy > *,
body#home .sfm-home-hero-copy > * {
  position: relative;
  z-index: 1;
}

#muspanel .sfm-home-eyebrow,
body#home .sfm-home-eyebrow {
  color: #60d7ff !important;
  letter-spacing: .01em !important;
}

#muspanel .sfm-home-hero h1,
body#home .sfm-home-hero h1 {
  color: #ffffff !important;
  text-shadow: 0 6px 28px rgba(0,0,0,.36) !important;
}

#muspanel .sfm-home-hero-text,
body#home .sfm-home-hero-text {
  color: rgba(238,247,255,.90) !important;
}

#muspanel .sfm-home-primary-cta,
#muspanel .sfm-home-secondary-cta,
body#home .sfm-home-primary-cta,
body#home .sfm-home-secondary-cta,
.sfm-home-service-cta {
  border-radius: 8px !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.36), 0 16px 34px rgba(47,184,242,.24) !important;
}

#muspanel .sfm-home-secondary-cta,
body#home .sfm-home-secondary-cta {
  background: rgba(255,255,255,.10) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

#muspanel .sfm-home-trust-list li,
body#home .sfm-home-trust-list li,
#muspanel .sfm-home-proof-row span,
body#home .sfm-home-proof-row span {
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.09) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14) !important;
}

#muspanel .sfm-home-hero-visual,
body#home .sfm-home-hero-visual {
  filter: drop-shadow(0 28px 52px rgba(0,0,0,.24));
}

#muspanel .sfm-three-scene,
body#home .sfm-three-scene {
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04)),
    rgba(8,17,31,.16) !important;
  -webkit-backdrop-filter: blur(16px) saturate(145%);
  backdrop-filter: blur(16px) saturate(145%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 26px 72px rgba(0,0,0,.22) !important;
}

.sfm-three-label {
  border: 1px solid rgba(255,255,255,.42) !important;
  background: rgba(255,255,255,.16) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

#muspanel .wclientblockscon .homedomainarea,
body#home .wclientblockscon .homedomainarea {
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(244,251,255,.74)) !important;
  -webkit-backdrop-filter: blur(20px) saturate(155%);
  backdrop-filter: blur(20px) saturate(155%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 28px 76px rgba(8,17,31,.16) !important;
}

#DomainCheck {
  border: 1px solid rgba(47,184,242,.20) !important;
  background: rgba(255,255,255,.72) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 18px 42px rgba(8,17,31,.10) !important;
}

#DomainCheck input[type="submit"] {
  border-radius: 8px !important;
  background: linear-gradient(135deg, #2fb8f2, #139bd8) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.36), 0 12px 28px rgba(47,184,242,.24) !important;
}

#muspanel .wclientblockscon .homedomainarea .spottlds,
body#home .wclientblockscon .homedomainarea .spottlds,
body:not(#home) .spottlds {
  border: 1px solid rgba(255,255,255,.68) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.64) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 12px 26px rgba(8,17,31,.08) !important;
}

#muspanel .wclientblockscon .product-group-item a,
body#home .wclientblockscon .product-group-item a,
.tablepaket,
.anascriptlist,
body:not(#home) .categoriesproduct a,
body:not(#home) .sepetlist,
body:not(#home) .sepetrightshadow,
body#muspanel #basic_client_rightcon,
body#muspanel .mpanelright {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(244,250,255,.62)) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), var(--sfm-glass-shadow) !important;
}

#muspanel .wclientblockscon .product-group-item a:before,
body#home .wclientblockscon .product-group-item a:before,
.tablepaket:before,
.anascriptlist:before,
body#muspanel #basic_client_rightcon:before,
body#muspanel .mpanelright:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255,255,255,.46), transparent 28%, rgba(47,184,242,.10) 58%, transparent 100%);
  opacity: .75;
}

#muspanel .wclientblockscon .product-group-item a:hover,
body#home .wclientblockscon .product-group-item a:hover,
.tablepaket:hover,
.anascriptlist:hover {
  transform: translateY(-4px);
  border-color: rgba(47,184,242,.36) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 30px 72px rgba(8,17,31,.16) !important;
}

#muspanel .wclientblockscon .sfm-home-service-band,
body#home .wclientblockscon .sfm-home-service-band {
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(8,17,31,.88), rgba(11,38,70,.78)),
    linear-gradient(120deg, rgba(236,72,153,.34), rgba(47,184,242,.32)) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 28px 76px rgba(8,17,31,.20) !important;
}

.sfm-site-header .sayfabaslik {
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  background:
    linear-gradient(90deg, rgba(8,17,31,.92) 0%, rgba(8,17,31,.74) 48%, rgba(8,17,31,.18) 100%),
    linear-gradient(120deg, rgba(236,72,153,.56), rgba(47,184,242,.64)),
    url("../images/sofmira-hero-bg-imagegen.png") center right / cover no-repeat !important;
  -webkit-backdrop-filter: blur(16px) saturate(145%);
  backdrop-filter: blur(16px) saturate(145%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 28px 76px rgba(8,17,31,.18) !important;
}

@media only screen and (max-width: 1024px) {
  #muspanel .sfm-home-hero-copy,
  body#home .sfm-home-hero-copy {
    padding: 26px 24px !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav a {
    background: rgba(255,255,255,.58) !important;
    border-color: rgba(255,255,255,.72) !important;
  }
}

@media only screen and (max-width: 760px) {
  #muspanel .sfm-home-hero,
  body#home .sfm-home-hero {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    transform: none !important;
  }

  #muspanel .sfm-home-hero-copy,
  body#home .sfm-home-hero-copy {
    padding: 22px 18px !important;
    border-radius: 10px !important;
  }

  #muspanel .sfm-home-hero h1,
  body#home .sfm-home-hero h1 {
    font-size: 30px !important;
  }

  #muspanel .wclientblockscon .homedomainarea-con,
  body#home .wclientblockscon .homedomainarea-con {
    left: auto !important;
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }

  #muspanel .wclientblockscon .sfm-home-service-band,
  body#home .wclientblockscon .sfm-home-service-band {
    border-radius: 10px !important;
  }
}

/* Sofmira glass polish compact hero - 20260621 */
#muspanel .header.sfm-home-header.sfm-site-header,
body#home .header.sfm-home-header.sfm-site-header,
.header.sfm-home-header.sfm-site-header {
  background:
    linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.70) 100%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
  border-bottom: 1px solid rgba(255,255,255,.68) !important;
  box-shadow: 0 18px 42px rgba(8,17,31,.10) !important;
}

#muspanel .sfm-home-contactbar,
body#home .sfm-home-contactbar,
.sfm-home-contactbar {
  background: rgba(8,17,31,.94) !important;
}

#muspanel .sfm-home-hero-inner,
body#home .sfm-home-hero-inner {
  grid-template-columns: minmax(470px,.9fr) minmax(520px,1.1fr) !important;
  gap: 42px !important;
  padding-top: 46px !important;
  padding-bottom: 106px !important;
}

#muspanel .sfm-home-hero-copy,
body#home .sfm-home-hero-copy {
  align-self: center !important;
  max-width: 575px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 25px 28px 24px !important;
}

#muspanel .sfm-home-hero h1,
body#home .sfm-home-hero h1 {
  font-size: 45px !important;
  line-height: 1.08 !important;
}

#muspanel .sfm-home-hero-text,
body#home .sfm-home-hero-text {
  margin-top: 14px !important;
  font-size: 17px !important;
  line-height: 1.58 !important;
}

#muspanel .sfm-home-hero-actions,
body#home .sfm-home-hero-actions {
  margin-top: 20px !important;
}

#muspanel .sfm-home-trust-list,
body#home .sfm-home-trust-list {
  margin-top: 18px !important;
  gap: 7px !important;
}

#muspanel .sfm-home-trust-list li,
body#home .sfm-home-trust-list li {
  min-height: 0 !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  line-height: 1.32 !important;
}

#muspanel .sfm-home-proof-row,
body#home .sfm-home-proof-row {
  margin-top: 16px !important;
  gap: 8px !important;
}

#muspanel .sfm-home-proof-row span,
body#home .sfm-home-proof-row span {
  min-height: 36px !important;
  padding: 8px 10px !important;
}

#muspanel .sfm-home-proof-row strong,
body#home .sfm-home-proof-row strong {
  font-size: 19px !important;
}

#muspanel .sfm-home-hero-visual,
body#home .sfm-home-hero-visual {
  align-self: center !important;
  min-height: 400px !important;
}

#muspanel .sfm-three-scene,
body#home .sfm-three-scene {
  height: 400px !important;
}

#muspanel .wclientblockscon .homedomainarea-con,
body#home .wclientblockscon .homedomainarea-con {
  margin-top: -72px !important;
}

@media only screen and (max-width: 1180px) {
  #muspanel .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner {
    grid-template-columns: minmax(390px,.92fr) minmax(430px,1.08fr) !important;
    gap: 28px !important;
  }

  #muspanel .sfm-home-hero h1,
  body#home .sfm-home-hero h1 {
    font-size: 40px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    min-height: 44px !important;
    max-height: 46px !important;
    align-items: center !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav a {
    flex: 0 0 auto !important;
    padding: 8px 10px !important;
  }

  #muspanel .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner {
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0 !important;
    padding-top: 38px !important;
    padding-bottom: 84px !important;
    gap: 24px !important;
  }

  #muspanel .sfm-home-hero-copy,
  body#home .sfm-home-hero-copy {
    max-width: 100% !important;
  }

  #muspanel .sfm-home-hero h1,
  body#home .sfm-home-hero h1 {
    font-size: 36px !important;
  }

  #muspanel .sfm-home-hero-visual,
  body#home .sfm-home-hero-visual {
    min-height: 270px !important;
  }

  #muspanel .sfm-three-scene,
  body#home .sfm-three-scene {
    height: 270px !important;
  }
}

@media only screen and (max-width: 760px) {
  .header.sfm-home-header.sfm-site-header .head {
    gap: 10px !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav {
    height: 44px !important;
    max-height: 44px !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav a {
    font-size: 13px !important;
  }

  #muspanel .sfm-home-hero,
  body#home .sfm-home-hero {
    min-height: auto !important;
  }

  #muspanel .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner {
    padding-top: 26px !important;
    padding-bottom: 64px !important;
    gap: 18px !important;
  }

  #muspanel .sfm-home-hero-copy,
  body#home .sfm-home-hero-copy {
    padding: 20px 16px !important;
  }

  #muspanel .sfm-home-hero h1,
  body#home .sfm-home-hero h1 {
    font-size: 28px !important;
    line-height: 1.12 !important;
  }

  #muspanel .sfm-home-hero-text,
  body#home .sfm-home-hero-text {
    font-size: 15px !important;
    line-height: 1.54 !important;
  }

  #muspanel .sfm-home-trust-list,
  body#home .sfm-home-trust-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #muspanel .sfm-home-proof-row,
  body#home .sfm-home-proof-row {
    grid-template-columns: 1fr !important;
  }

  #muspanel .sfm-home-hero-visual,
  body#home .sfm-home-hero-visual {
    min-height: 210px !important;
  }

  #muspanel .sfm-three-scene,
  body#home .sfm-three-scene {
    height: 210px !important;
  }

  #muspanel .wclientblockscon .homedomainarea-con,
  body#home .wclientblockscon .homedomainarea-con {
    margin-top: -42px !important;
  }
}

/* Sofmira pink blue 80 glass atmosphere - 20260621 */
body:not(#modernpanel) {
  background:
    radial-gradient(circle at 16% 6%, rgba(236,72,153,.80) 0%, rgba(236,72,153,.48) 28%, rgba(236,72,153,.12) 52%, transparent 72%),
    radial-gradient(circle at 86% 4%, rgba(47,184,242,.80) 0%, rgba(47,184,242,.50) 30%, rgba(47,184,242,.12) 54%, transparent 74%),
    linear-gradient(135deg, rgba(236,72,153,.18) 0%, rgba(47,184,242,.18) 52%, rgba(255,255,255,.88) 100%),
    #f8fbff !important;
  background-attachment: fixed !important;
}

#muspanel .sfm-home-hero,
body#home .sfm-home-hero {
  background:
    linear-gradient(90deg, rgba(8,17,31,.96) 0%, rgba(8,17,31,.78) 42%, rgba(8,17,31,.22) 100%),
    radial-gradient(circle at 20% 22%, rgba(236,72,153,.80) 0%, rgba(236,72,153,.38) 30%, transparent 62%),
    radial-gradient(circle at 80% 28%, rgba(47,184,242,.80) 0%, rgba(47,184,242,.40) 34%, transparent 66%),
    linear-gradient(118deg, rgba(236,72,153,.80) 0%, rgba(236,72,153,.28) 38%, rgba(47,184,242,.80) 100%),
    url("../images/sofmira-hero-bg-imagegen.png") center right / cover no-repeat,
    var(--sfm-hero-deep) !important;
}

#muspanel .sfm-home-hero:after,
body#home .sfm-home-hero:after {
  background:
    linear-gradient(90deg, rgba(8,17,31,.74) 0%, rgba(8,17,31,.40) 45%, rgba(8,17,31,.02) 100%),
    radial-gradient(circle at 24% 18%, rgba(236,72,153,.80), transparent 34%),
    radial-gradient(circle at 78% 38%, rgba(47,184,242,.80), transparent 38%) !important;
}

.sfm-site-header .sayfabaslik {
  background:
    linear-gradient(90deg, rgba(8,17,31,.88) 0%, rgba(8,17,31,.66) 48%, rgba(8,17,31,.12) 100%),
    radial-gradient(circle at 18% 18%, rgba(236,72,153,.80), transparent 36%),
    radial-gradient(circle at 88% 24%, rgba(47,184,242,.80), transparent 42%),
    linear-gradient(120deg, rgba(236,72,153,.80), rgba(47,184,242,.80)),
    url("../images/sofmira-hero-bg-imagegen.png") center right / cover no-repeat !important;
}

#muspanel .wclientblockscon .sfm-home-service-band,
body#home .wclientblockscon .sfm-home-service-band {
  background:
    linear-gradient(135deg, rgba(8,17,31,.82), rgba(11,38,70,.68)),
    radial-gradient(circle at 14% 14%, rgba(236,72,153,.80), transparent 38%),
    radial-gradient(circle at 88% 24%, rgba(47,184,242,.80), transparent 44%) !important;
}

#muspanel .wclientblockscon .homedomainarea,
body#home .wclientblockscon .homedomainarea,
#muspanel .wclientblockscon .product-group-item a,
body#home .wclientblockscon .product-group-item a,
.tablepaket,
.anascriptlist,
body:not(#home) .categoriesproduct a,
body#muspanel #basic_client_rightcon,
body#muspanel .mpanelright {
  background:
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.62)),
    radial-gradient(circle at 8% 0%, rgba(236,72,153,.28), transparent 38%),
    radial-gradient(circle at 94% 8%, rgba(47,184,242,.30), transparent 42%) !important;
}

/* Sofmira product-specific ImageGen visuals - 20260621 */
:root {
  --sfm-imagegen-hero: url("../images/sofmira-home-hero-modern-imagegen.png");
  --sfm-card-domain-img: url("../images/sofmira-card-domain-imagegen.png");
  --sfm-card-hosting-img: url("../images/sofmira-card-hosting-imagegen.png");
  --sfm-card-wordpress-img: url("../images/sofmira-card-wordpress-imagegen.png");
  --sfm-card-mail-img: url("../images/sofmira-card-mail-imagegen.png");
  --sfm-card-server-img: url("../images/sofmira-card-server-imagegen.png");
  --sfm-card-software-img: url("../images/sofmira-card-software-imagegen.png");
  --sfm-card-ecommerce-img: url("../images/sofmira-card-ecommerce-imagegen.png");
  --sfm-card-ready-site-img: url("../images/sofmira-card-ready-site-imagegen.png");
  --sfm-card-sms-img: url("../images/sofmira-card-sms-imagegen.png");
  --sfm-card-professional-img: url("../images/sofmira-card-professional-imagegen.png");
}

#muspanel .sfm-home-hero,
body#home .sfm-home-hero {
  background:
    linear-gradient(90deg, rgba(8,17,31,.95) 0%, rgba(8,17,31,.78) 38%, rgba(8,17,31,.12) 100%),
    radial-gradient(circle at 16% 22%, rgba(236,72,153,.80) 0%, rgba(236,72,153,.28) 34%, transparent 64%),
    radial-gradient(circle at 84% 28%, rgba(47,184,242,.80) 0%, rgba(47,184,242,.34) 36%, transparent 68%),
    linear-gradient(118deg, rgba(236,72,153,.80) 0%, rgba(236,72,153,.20) 38%, rgba(47,184,242,.80) 100%),
    var(--sfm-imagegen-hero) center right / cover no-repeat,
    #08111f !important;
}

#muspanel .sfm-three-scene,
body#home .sfm-three-scene {
  background:
    linear-gradient(90deg, rgba(8,17,31,.18), rgba(8,17,31,.02)),
    var(--sfm-imagegen-hero) center / cover no-repeat !important;
  border-color: rgba(255,255,255,.32) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 34px 84px rgba(8,17,31,.30) !important;
}

#muspanel .sfm-three-canvas,
body#home .sfm-three-canvas {
  opacity: .26 !important;
  mix-blend-mode: screen;
}

#muspanel .sfm-three-fallback-card,
body#home .sfm-three-fallback-card {
  opacity: 0 !important;
}

.sfm-site-header .sayfabaslik {
  background:
    linear-gradient(90deg, rgba(8,17,31,.88) 0%, rgba(8,17,31,.64) 47%, rgba(8,17,31,.12) 100%),
    radial-gradient(circle at 18% 18%, rgba(236,72,153,.80), transparent 36%),
    radial-gradient(circle at 88% 24%, rgba(47,184,242,.80), transparent 42%),
    linear-gradient(120deg, rgba(236,72,153,.80), rgba(47,184,242,.80)),
    var(--sfm-imagegen-hero) center right / cover no-repeat !important;
}

#muspanel .wclientblockscon .product-group-item[data-aos],
body#home .wclientblockscon .product-group-item[data-aos] {
  opacity: 1 !important;
}

#muspanel .wclientblockscon .product-group-item a,
body#home .wclientblockscon .product-group-item a {
  display: flex !important;
  min-height: 304px !important;
  padding: 0 24px 26px !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 13px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(243,249,255,.74)) !important;
}

#muspanel .wclientblockscon .product-group-item a:before,
body#home .wclientblockscon .product-group-item a:before {
  content: "" !important;
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: calc(100% + 48px) !important;
  height: 136px !important;
  margin: 0 -24px 8px !important;
  inset: auto !important;
  border-bottom: 1px solid rgba(255,255,255,.76) !important;
  border-radius: 10px 10px 0 0 !important;
  background:
    linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)),
    var(--sfm-card-hosting-img) center / cover no-repeat !important;
  filter: saturate(1.12) contrast(1.06);
  opacity: 1 !important;
  pointer-events: none !important;
  box-shadow: inset 0 -38px 48px rgba(8,17,31,.10);
}

#muspanel .wclientblockscon .sfm-card-domain a:before,
body#home .wclientblockscon .sfm-card-domain a:before {
  background-image: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-domain-img) !important;
}

#muspanel .wclientblockscon .sfm-card-hosting a:before,
body#home .wclientblockscon .sfm-card-hosting a:before {
  background-image: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-hosting-img) !important;
}

#muspanel .wclientblockscon .sfm-card-wordpress a:before,
body#home .wclientblockscon .sfm-card-wordpress a:before {
  background-image: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-wordpress-img) !important;
}

#muspanel .wclientblockscon .sfm-card-mail a:before,
body#home .wclientblockscon .sfm-card-mail a:before {
  background-image: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-mail-img) !important;
}

#muspanel .wclientblockscon .sfm-card-server a:before,
body#home .wclientblockscon .sfm-card-server a:before {
  background-image: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-server-img) !important;
}

#muspanel .wclientblockscon .sfm-card-software a:before,
body#home .wclientblockscon .sfm-card-software a:before {
  background-image: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-software-img) !important;
}

#muspanel .wclientblockscon .sfm-card-ecommerce a:before,
body#home .wclientblockscon .sfm-card-ecommerce a:before {
  background-image: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-ecommerce-img) !important;
}

#muspanel .wclientblockscon .sfm-card-ready-site a:before,
body#home .wclientblockscon .sfm-card-ready-site a:before {
  background-image: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-ready-site-img) !important;
}

#muspanel .wclientblockscon .sfm-card-sms a:before,
#muspanel .wclientblockscon .sfm-card-intl-sms a:before,
body#home .wclientblockscon .sfm-card-sms a:before,
body#home .wclientblockscon .sfm-card-intl-sms a:before {
  background-image: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-sms-img) !important;
}

#muspanel .wclientblockscon .sfm-card-professional a:before,
body#home .wclientblockscon .sfm-card-professional a:before {
  background-image: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-professional-img) !important;
}

#muspanel .wclientblockscon .product-group-item span,
body#home .wclientblockscon .product-group-item span,
#muspanel .wclientblockscon .product-group-item-desc,
body#home .wclientblockscon .product-group-item-desc {
  position: relative !important;
  z-index: 1 !important;
}

@media only screen and (max-width: 760px) {
  #muspanel .wclientblockscon .product-group-item a,
  body#home .wclientblockscon .product-group-item a {
    min-height: 258px !important;
    padding: 0 18px 22px !important;
  }

  #muspanel .wclientblockscon .product-group-item a:before,
  body#home .wclientblockscon .product-group-item a:before {
    width: calc(100% + 36px) !important;
    height: 112px !important;
    margin: 0 -18px 8px !important;
  }
}

/* Sofmira ImageGen original visuals - 20260621 */
:root {
  --sfm-imagegen-hero: url("../images/sofmira-hero-bg-imagegen-v2.png");
  --sfm-imagegen-cards: url("../images/sofmira-service-cards-imagegen.png");
  --sfm-imagegen-managed: url("../images/sofmira-managed-ops-imagegen.png");
}

body:not(#modernpanel) {
  background:
    radial-gradient(circle at 12% 3%, rgba(236,72,153,.80) 0%, rgba(236,72,153,.50) 28%, rgba(236,72,153,.14) 54%, transparent 75%),
    radial-gradient(circle at 90% 2%, rgba(47,184,242,.80) 0%, rgba(47,184,242,.52) 30%, rgba(47,184,242,.14) 56%, transparent 76%),
    linear-gradient(135deg, rgba(236,72,153,.18) 0%, rgba(47,184,242,.18) 54%, rgba(255,255,255,.90) 100%),
    #f8fbff !important;
  background-attachment: fixed !important;
}

#muspanel .sfm-home-hero,
body#home .sfm-home-hero {
  min-height: 610px !important;
  background:
    linear-gradient(90deg, rgba(8,17,31,.96) 0%, rgba(8,17,31,.82) 39%, rgba(8,17,31,.18) 100%),
    radial-gradient(circle at 18% 24%, rgba(236,72,153,.80) 0%, rgba(236,72,153,.32) 31%, transparent 63%),
    radial-gradient(circle at 82% 30%, rgba(47,184,242,.80) 0%, rgba(47,184,242,.34) 34%, transparent 66%),
    linear-gradient(118deg, rgba(236,72,153,.80) 0%, rgba(236,72,153,.22) 38%, rgba(47,184,242,.80) 100%),
    var(--sfm-imagegen-hero) center right / cover no-repeat,
    #08111f !important;
}

#muspanel .sfm-home-hero:after,
body#home .sfm-home-hero:after {
  background:
    linear-gradient(90deg, rgba(8,17,31,.86) 0%, rgba(8,17,31,.50) 43%, rgba(8,17,31,.02) 100%),
    radial-gradient(circle at 20% 20%, rgba(236,72,153,.80), transparent 35%),
    radial-gradient(circle at 79% 39%, rgba(47,184,242,.80), transparent 40%) !important;
}

#muspanel .sfm-home-hero-inner,
body#home .sfm-home-hero-inner {
  min-height: 610px !important;
  padding-top: 62px !important;
  padding-bottom: 118px !important;
}

#muspanel .sfm-home-hero-copy,
body#home .sfm-home-hero-copy {
  max-width: 615px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

#muspanel .sfm-home-hero-copy:before,
body#home .sfm-home-hero-copy:before {
  display: none !important;
}

#muspanel .sfm-home-eyebrow,
body#home .sfm-home-eyebrow {
  width: auto !important;
  display: inline-flex !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 8px !important;
  color: #7dd3fc !important;
  background: rgba(255,255,255,.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(145%);
  backdrop-filter: blur(14px) saturate(145%);
}

#muspanel .sfm-home-hero h1,
body#home .sfm-home-hero h1 {
  font-size: 52px !important;
  line-height: 1.06 !important;
  max-width: 650px !important;
}

#muspanel .sfm-home-trust-list li,
body#home .sfm-home-trust-list li,
#muspanel .sfm-home-proof-row span,
body#home .sfm-home-proof-row span {
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  -webkit-backdrop-filter: blur(14px) saturate(145%);
  backdrop-filter: blur(14px) saturate(145%);
}

.sfm-site-header .sayfabaslik {
  background:
    linear-gradient(90deg, rgba(8,17,31,.88) 0%, rgba(8,17,31,.66) 47%, rgba(8,17,31,.12) 100%),
    radial-gradient(circle at 18% 18%, rgba(236,72,153,.80), transparent 36%),
    radial-gradient(circle at 88% 24%, rgba(47,184,242,.80), transparent 42%),
    linear-gradient(120deg, rgba(236,72,153,.80), rgba(47,184,242,.80)),
    var(--sfm-imagegen-hero) center right / cover no-repeat !important;
}

#muspanel .wclientblockscon .product-group-item a,
body#home .wclientblockscon .product-group-item a {
  display: flex !important;
  min-height: 292px !important;
  padding: 0 24px 26px !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 13px !important;
}

#muspanel .wclientblockscon .product-group-item a:before,
body#home .wclientblockscon .product-group-item a:before {
  content: "" !important;
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: calc(100% + 48px) !important;
  height: 126px !important;
  margin: 0 -24px 7px !important;
  inset: auto !important;
  border-bottom: 1px solid rgba(255,255,255,.74) !important;
  border-radius: 10px 10px 0 0 !important;
  background:
    linear-gradient(180deg, rgba(8,17,31,.04), rgba(8,17,31,.18)),
    var(--sfm-imagegen-cards) center / cover no-repeat !important;
  opacity: 1 !important;
}

#muspanel .wclientblockscon .product-group-item:nth-of-type(3n+1) a:before,
body#home .wclientblockscon .product-group-item:nth-of-type(3n+1) a:before {
  background-position: left center !important;
}

#muspanel .wclientblockscon .product-group-item:nth-of-type(3n+2) a:before,
body#home .wclientblockscon .product-group-item:nth-of-type(3n+2) a:before {
  background-position: center center !important;
}

#muspanel .wclientblockscon .product-group-item:nth-of-type(3n+3) a:before,
body#home .wclientblockscon .product-group-item:nth-of-type(3n+3) a:before {
  background-position: right center !important;
}

#muspanel .wclientblockscon .product-group-item span,
body#home .wclientblockscon .product-group-item span {
  position: relative !important;
  z-index: 1 !important;
  min-height: 44px !important;
  align-items: center !important;
}

#muspanel .wclientblockscon .product-group-item span i,
body#home .wclientblockscon .product-group-item span i {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(236,72,153,.88), rgba(47,184,242,.88)) !important;
  box-shadow: 0 12px 24px rgba(47,184,242,.18) !important;
}

#muspanel .wclientblockscon .product-group-item-desc,
body#home .wclientblockscon .product-group-item-desc {
  position: relative !important;
  z-index: 1 !important;
}

#muspanel .wclientblockscon .sfm-home-service-band,
body#home .wclientblockscon .sfm-home-service-band {
  background:
    linear-gradient(90deg, rgba(8,17,31,.90) 0%, rgba(8,17,31,.76) 42%, rgba(8,17,31,.24) 100%),
    radial-gradient(circle at 16% 18%, rgba(236,72,153,.80), transparent 39%),
    radial-gradient(circle at 86% 26%, rgba(47,184,242,.80), transparent 44%),
    var(--sfm-imagegen-managed) center right / cover no-repeat !important;
  color: #ffffff !important;
}

#muspanel .wclientblockscon .sfm-home-service-band:before,
body#home .wclientblockscon .sfm-home-service-band:before {
  content: "";
  position: absolute;
  inset: 18px;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
}

@media only screen and (max-width: 1024px) {
  #muspanel .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding-top: 40px !important;
    padding-bottom: 78px !important;
  }

  #muspanel .sfm-home-hero h1,
  body#home .sfm-home-hero h1 {
    font-size: 38px !important;
  }

  #muspanel .wclientblockscon .product-group-item a,
  body#home .wclientblockscon .product-group-item a {
    min-height: 270px !important;
  }
}

@media only screen and (max-width: 760px) {
  #muspanel .sfm-home-hero,
  body#home .sfm-home-hero {
    min-height: auto !important;
    background-position: 62% center !important;
  }

  #muspanel .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner {
    padding-top: 30px !important;
    padding-bottom: 56px !important;
    gap: 16px !important;
  }

  #muspanel .sfm-home-hero h1,
  body#home .sfm-home-hero h1 {
    font-size: 30px !important;
    line-height: 1.10 !important;
  }

  #muspanel .sfm-home-proof-row,
  body#home .sfm-home-proof-row {
    display: none !important;
  }

  #muspanel .sfm-home-hero-visual,
  body#home .sfm-home-hero-visual {
    min-height: 210px !important;
  }

  #muspanel .sfm-three-scene,
  body#home .sfm-three-scene {
    height: 210px !important;
  }

  #muspanel .wclientblockscon .product-group-item a,
  body#home .wclientblockscon .product-group-item a {
    min-height: 248px !important;
    padding: 0 18px 22px !important;
  }

  #muspanel .wclientblockscon .product-group-item a:before,
  body#home .wclientblockscon .product-group-item a:before {
    width: calc(100% + 36px) !important;
    height: 108px !important;
    margin: 0 -18px 7px !important;
  }

  #muspanel .wclientblockscon .sfm-home-service-band,
  body#home .wclientblockscon .sfm-home-service-band {
    background-position: 64% center !important;
  }
}

/* Sofmira final product-specific ImageGen override - 20260621 */
:root {
  --sfm-imagegen-hero: url("../images/sofmira-home-hero-modern-imagegen.png");
  --sfm-card-domain-img: url("../images/sofmira-card-domain-imagegen.png");
  --sfm-card-hosting-img: url("../images/sofmira-card-hosting-imagegen.png");
  --sfm-card-wordpress-img: url("../images/sofmira-card-wordpress-imagegen.png");
  --sfm-card-mail-img: url("../images/sofmira-card-mail-imagegen.png");
  --sfm-card-server-img: url("../images/sofmira-card-server-imagegen.png");
  --sfm-card-software-img: url("../images/sofmira-card-software-imagegen.png");
  --sfm-card-ecommerce-img: url("../images/sofmira-card-ecommerce-imagegen.png");
  --sfm-card-ready-site-img: url("../images/sofmira-card-ready-site-imagegen.png");
  --sfm-card-sms-img: url("../images/sofmira-card-sms-imagegen.png");
  --sfm-card-professional-img: url("../images/sofmira-card-professional-imagegen.png");
}

#muspanel .sfm-home-hero,
body#home .sfm-home-hero {
  background:
    linear-gradient(90deg, rgba(8,17,31,.95) 0%, rgba(8,17,31,.78) 38%, rgba(8,17,31,.12) 100%),
    radial-gradient(circle at 16% 22%, rgba(236,72,153,.80) 0%, rgba(236,72,153,.28) 34%, transparent 64%),
    radial-gradient(circle at 84% 28%, rgba(47,184,242,.80) 0%, rgba(47,184,242,.34) 36%, transparent 68%),
    linear-gradient(118deg, rgba(236,72,153,.80) 0%, rgba(236,72,153,.20) 38%, rgba(47,184,242,.80) 100%),
    var(--sfm-imagegen-hero) center right / cover no-repeat,
    #08111f !important;
}

#muspanel .sfm-three-scene,
body#home .sfm-three-scene {
  background:
    linear-gradient(90deg, rgba(8,17,31,.18), rgba(8,17,31,.02)),
    var(--sfm-imagegen-hero) center / cover no-repeat !important;
}

#muspanel .sfm-three-canvas,
body#home .sfm-three-canvas {
  opacity: .26 !important;
  mix-blend-mode: screen;
}

#muspanel .sfm-three-fallback-card,
body#home .sfm-three-fallback-card {
  opacity: 0 !important;
}

.sfm-site-header .sayfabaslik {
  background:
    linear-gradient(90deg, rgba(8,17,31,.88) 0%, rgba(8,17,31,.64) 47%, rgba(8,17,31,.12) 100%),
    radial-gradient(circle at 18% 18%, rgba(236,72,153,.80), transparent 36%),
    radial-gradient(circle at 88% 24%, rgba(47,184,242,.80), transparent 42%),
    linear-gradient(120deg, rgba(236,72,153,.80), rgba(47,184,242,.80)),
    var(--sfm-imagegen-hero) center right / cover no-repeat !important;
}

#muspanel .wclientblockscon .product-group-item[data-aos],
body#home .wclientblockscon .product-group-item[data-aos] {
  opacity: 1 !important;
}

#muspanel .wclientblockscon .product-group-item a,
body#home .wclientblockscon .product-group-item a {
  min-height: 304px !important;
  padding: 0 24px 26px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(243,249,255,.74)) !important;
}

#muspanel .wclientblockscon .product-group-item a:before,
body#home .wclientblockscon .product-group-item a:before {
  content: "" !important;
  display: block !important;
  height: 136px !important;
  margin: 0 -24px 8px !important;
  border-radius: 10px 10px 0 0 !important;
  background:
    linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)),
    var(--sfm-card-hosting-img) center / cover no-repeat !important;
  filter: saturate(1.12) contrast(1.06);
  opacity: 1 !important;
}

#muspanel .wclientblockscon .sfm-card-domain a:before,
body#home .wclientblockscon .sfm-card-domain a:before {
  background: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-domain-img) center / cover no-repeat !important;
}

#muspanel .wclientblockscon .sfm-card-hosting a:before,
body#home .wclientblockscon .sfm-card-hosting a:before {
  background: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-hosting-img) center / cover no-repeat !important;
}

#muspanel .wclientblockscon .sfm-card-wordpress a:before,
body#home .wclientblockscon .sfm-card-wordpress a:before {
  background: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-wordpress-img) center / cover no-repeat !important;
}

#muspanel .wclientblockscon .sfm-card-mail a:before,
body#home .wclientblockscon .sfm-card-mail a:before {
  background: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-mail-img) center / cover no-repeat !important;
}

#muspanel .wclientblockscon .sfm-card-server a:before,
body#home .wclientblockscon .sfm-card-server a:before {
  background: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-server-img) center / cover no-repeat !important;
}

#muspanel .wclientblockscon .sfm-card-software a:before,
body#home .wclientblockscon .sfm-card-software a:before {
  background: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-software-img) center / cover no-repeat !important;
}

#muspanel .wclientblockscon .sfm-card-ecommerce a:before,
body#home .wclientblockscon .sfm-card-ecommerce a:before {
  background: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-ecommerce-img) center / cover no-repeat !important;
}

#muspanel .wclientblockscon .sfm-card-ready-site a:before,
body#home .wclientblockscon .sfm-card-ready-site a:before {
  background: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-ready-site-img) center / cover no-repeat !important;
}

#muspanel .wclientblockscon .sfm-card-sms a:before,
#muspanel .wclientblockscon .sfm-card-intl-sms a:before,
body#home .wclientblockscon .sfm-card-sms a:before,
body#home .wclientblockscon .sfm-card-intl-sms a:before {
  background: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-sms-img) center / cover no-repeat !important;
}

#muspanel .wclientblockscon .sfm-card-professional a:before,
body#home .wclientblockscon .sfm-card-professional a:before {
  background: linear-gradient(180deg, rgba(8,17,31,.00), rgba(8,17,31,.14)), var(--sfm-card-professional-img) center / cover no-repeat !important;
}

@media only screen and (max-width: 760px) {
  #muspanel .wclientblockscon .product-group-item a,
  body#home .wclientblockscon .product-group-item a {
    min-height: 258px !important;
    padding: 0 18px 22px !important;
  }

  #muspanel .wclientblockscon .product-group-item a:before,
  body#home .wclientblockscon .product-group-item a:before {
    height: 112px !important;
    margin: 0 -18px 8px !important;
  }
}

/* Sofmira technical operation band final polish - 20260621 */
#muspanel .wclientblockscon .sfm-home-service-band,
body#home .wclientblockscon .sfm-home-service-band {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .9fr) minmax(190px, .44fr) !important;
  align-items: center !important;
  gap: 26px !important;
  min-height: 210px !important;
  padding: 30px 34px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  background:
    linear-gradient(90deg, rgba(8,17,31,.94) 0%, rgba(8,17,31,.84) 38%, rgba(8,17,31,.62) 66%, rgba(8,17,31,.50) 100%),
    radial-gradient(circle at 18% 18%, rgba(236,72,153,.80), transparent 36%),
    radial-gradient(circle at 88% 26%, rgba(47,184,242,.80), transparent 46%),
    var(--sfm-imagegen-managed) center right / cover no-repeat !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 28px 76px rgba(8,17,31,.18) !important;
}

#muspanel .wclientblockscon .sfm-home-service-band:before,
body#home .wclientblockscon .sfm-home-service-band:before {
  inset: 18px !important;
  border-color: rgba(255,255,255,.20) !important;
  background: linear-gradient(120deg, rgba(255,255,255,.08), rgba(255,255,255,.02)) !important;
}

#muspanel .sfm-home-service-copy,
body#home .sfm-home-service-copy {
  position: relative !important;
  z-index: 1 !important;
  max-width: 100% !important;
  padding: 0 !important;
  text-align: left !important;
}

#muspanel .sfm-home-service-copy span,
body#home .sfm-home-service-copy span {
  color: #38bdf8 !important;
  letter-spacing: .10em !important;
}

#muspanel .sfm-home-service-copy h2,
body#home .sfm-home-service-copy h2 {
  max-width: 620px !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 31px !important;
  line-height: 1.16 !important;
}

#muspanel .sfm-home-service-copy p,
body#home .sfm-home-service-copy p {
  max-width: 650px !important;
  margin: 14px 0 0 !important;
  color: rgba(226,232,240,.92) !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
}

#muspanel .sfm-home-service-points,
body#home .sfm-home-service-points {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  color: #ffffff !important;
}

#muspanel .sfm-home-service-points div,
body#home .sfm-home-service-points div {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 9px 12px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 8px !important;
  color: rgba(248,250,252,.96) !important;
  background: rgba(255,255,255,.10) !important;
  -webkit-backdrop-filter: blur(14px) saturate(145%);
  backdrop-filter: blur(14px) saturate(145%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;
  font-size: 15px !important;
  line-height: 1.32 !important;
  font-weight: 800 !important;
}

#muspanel .sfm-home-service-points i,
body#home .sfm-home-service-points i {
  flex: 0 0 auto !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  color: #06101e !important;
  background: #22d3ee !important;
}

#muspanel .sfm-home-service-cta,
body#home .sfm-home-service-cta {
  position: relative !important;
  z-index: 1 !important;
  justify-self: end !important;
  min-width: 178px !important;
  min-height: 62px !important;
  padding: 0 22px !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(34,211,238,.92), rgba(37,99,235,.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 18px 40px rgba(37,99,235,.28) !important;
  white-space: nowrap !important;
}

@media only screen and (max-width: 1120px) {
  #muspanel .wclientblockscon .sfm-home-service-band,
  body#home .wclientblockscon .sfm-home-service-band {
    grid-template-columns: 1fr 1fr !important;
  }

  #muspanel .sfm-home-service-cta,
  body#home .sfm-home-service-cta {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
  }
}

@media only screen and (max-width: 760px) {
  #muspanel .wclientblockscon .sfm-home-service-band,
  body#home .wclientblockscon .sfm-home-service-band {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    min-height: 0 !important;
    padding: 24px 18px !important;
  }

  #muspanel .sfm-home-service-copy,
  body#home .sfm-home-service-copy {
    text-align: left !important;
  }

  #muspanel .sfm-home-service-copy h2,
  body#home .sfm-home-service-copy h2 {
    font-size: 25px !important;
  }

  #muspanel .sfm-home-service-copy p,
  body#home .sfm-home-service-copy p {
    font-size: 15px !important;
  }

  #muspanel .sfm-home-service-points div,
  body#home .sfm-home-service-points div {
    align-items: flex-start !important;
    font-size: 14px !important;
  }

  #muspanel .sfm-home-service-cta,
  body#home .sfm-home-service-cta {
    width: 100% !important;
    justify-self: stretch !important;
  }
}

/* Sofmira domain search input/button alignment fix - 20260621 */
#muspanel #DomainCheck,
body#home #DomainCheck,
#DomainCheck {
  position: relative !important;
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 1010px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
}

#muspanel #DomainCheck input[name="domain"],
#muspanel #DomainCheck input[type="text"],
body#home #DomainCheck input[name="domain"],
body#home #DomainCheck input[type="text"],
#DomainCheck input[name="domain"],
#DomainCheck input[type="text"] {
  position: static !important;
  flex: 1 1 auto !important;
  order: 1 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: 58px !important;
  padding: 0 22px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
}

#muspanel #DomainCheck input[type="submit"],
body#home #DomainCheck input[type="submit"],
#DomainCheck input[type="submit"] {
  position: static !important;
  inset: auto !important;
  float: none !important;
  flex: 0 0 176px !important;
  order: 2 !important;
  width: 176px !important;
  min-width: 176px !important;
  max-width: 176px !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}

@media only screen and (max-width: 760px) {
  #muspanel #DomainCheck,
  body#home #DomainCheck,
  #DomainCheck {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    border-radius: 18px !important;
    padding: 10px !important;
  }

  #muspanel #DomainCheck input[name="domain"],
  #muspanel #DomainCheck input[type="text"],
  body#home #DomainCheck input[name="domain"],
  body#home #DomainCheck input[type="text"],
  #DomainCheck input[name="domain"],
  #DomainCheck input[type="text"],
  #muspanel #DomainCheck input[type="submit"],
  body#home #DomainCheck input[type="submit"],
  #DomainCheck input[type="submit"] {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* Header menu fit fix - final override */
.header.sfm-home-header.sfm-site-header .head,
#muspanel .sfm-home-header .head,
body#home .sfm-home-header .head {
  width: min(92vw, 1828px) !important;
  max-width: min(92vw, 1828px) !important;
  grid-template-columns: minmax(270px, 330px) minmax(0, 1fr) auto !important;
  gap: clamp(12px, 1.2vw, 22px) !important;
}

.header.sfm-home-header.sfm-site-header .logo img,
#muspanel .sfm-home-header .logo img,
body#home .sfm-home-header .logo img {
  width: clamp(250px, 15.8vw, 292px) !important;
  max-width: 100% !important;
}

.header.sfm-home-header.sfm-site-header .sfm-home-mainnav,
#muspanel .sfm-home-mainnav,
body#home .sfm-home-mainnav {
  min-width: 0 !important;
  width: 100% !important;
  justify-content: center !important;
  gap: clamp(12px, 1.25vw, 26px) !important;
}

.header.sfm-home-header.sfm-site-header .sfm-home-mainnav a,
#muspanel .sfm-home-mainnav a,
body#home .sfm-home-mainnav a {
  font-size: clamp(13px, .9vw, 16px) !important;
  line-height: 1.15 !important;
}

.header.sfm-home-header.sfm-site-header .sfm-home-nav-actions,
#muspanel .sfm-home-nav-actions,
body#home .sfm-home-nav-actions {
  flex: 0 0 auto !important;
  min-width: max-content !important;
}

@media only screen and (max-width: 1380px) {
  .header.sfm-home-header.sfm-site-header .head,
  #muspanel .sfm-home-header .head,
  body#home .sfm-home-header .head {
    width: min(96vw, 1320px) !important;
    max-width: min(96vw, 1320px) !important;
    grid-template-columns: 180px minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav,
  #muspanel .sfm-home-mainnav,
  body#home .sfm-home-mainnav {
    gap: 11px !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav a,
  #muspanel .sfm-home-mainnav a,
  body#home .sfm-home-mainnav a {
    font-size: 13px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .header.sfm-home-header.sfm-site-header .head,
  #muspanel .sfm-home-header .head,
  body#home .sfm-home-header .head {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav,
  #muspanel .sfm-home-mainnav,
  body#home .sfm-home-mainnav {
    flex-wrap: wrap !important;
  }
}


/* Sofmira home SMS product strip - 20260623 */
#muspanel .wclientblockscon .sfm-home-products,
body#home .wclientblockscon .sfm-home-products {
  flex: 0 0 100% !important;
  width: min(1120px, calc(100% - 32px)) !important;
  margin: 26px auto 18px !important;
  padding: 30px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.90), rgba(243,249,255,.70)),
    radial-gradient(circle at 10% 0%, rgba(236,72,153,.22), transparent 36%),
    radial-gradient(circle at 92% 10%, rgba(47,184,242,.28), transparent 42%) !important;
  box-shadow: 0 24px 64px rgba(15,23,42,.10) !important;
}

#muspanel .sfm-home-products-head,
body#home .sfm-home-products-head {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 22px;
}

#muspanel .sfm-home-products-head span,
body#home .sfm-home-products-head span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: #0ea5e9;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

#muspanel .sfm-home-products-head h2,
body#home .sfm-home-products-head h2 {
  margin: 0 0 8px;
  color: #111827;
  font-size: 30px;
  line-height: 1.18;
}

#muspanel .sfm-home-products-head p,
body#home .sfm-home-products-head p {
  margin: 0;
  color: #64748b;
  font-size: 15px;
  line-height: 1.55;
}

#muspanel .sfm-home-products-grid,
body#home .sfm-home-products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

#muspanel .sfm-home-product-card,
body#home .sfm-home-product-card {
  display: flex;
  min-height: 248px;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.76));
  box-shadow: 0 18px 44px rgba(15,23,42,.08);
}

#muspanel .sfm-home-product-icon,
body#home .sfm-home-product-icon {
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #21b6e7, #10b981);
  box-shadow: 0 12px 28px rgba(14,165,233,.22);
}

#muspanel .sfm-home-product-card h3,
body#home .sfm-home-product-card h3 {
  margin: 0 0 10px;
  color: #111827;
  font-size: 22px;
  line-height: 1.22;
}

#muspanel .sfm-home-product-card p,
body#home .sfm-home-product-card p {
  min-height: 54px;
  margin: 0 0 16px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.5;
}

#muspanel .sfm-home-product-price,
body#home .sfm-home-product-price {
  margin-top: auto;
  color: #16a34a;
  font-weight: 900;
}

#muspanel .sfm-home-product-price span,
body#home .sfm-home-product-price span {
  display: block;
  font-size: 28px;
  line-height: 1;
}

#muspanel .sfm-home-product-price small,
body#home .sfm-home-product-price small {
  display: block;
  margin-top: 6px;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
}

#muspanel .sfm-home-product-buy,
body#home .sfm-home-product-buy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  padding: 11px 18px;
  border-radius: 8px;
  color: #fff !important;
  background: linear-gradient(135deg, #21b6e7, #2563eb);
  font-weight: 800;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(37,99,235,.22);
}

@media only screen and (max-width: 900px) {
  #muspanel .sfm-home-products-grid,
  body#home .sfm-home-products-grid {
    grid-template-columns: 1fr;
  }
}

/* Sofmira production mobile navigation fix - 20260625 */
.sfm-home-mobile-toggle,
.sfm-home-mobile-panel {
  display: none !important;
}

.sfm-home-mobile-toggle {
  appearance: none;
  border: 0;
  min-width: 48px;
  min-height: 48px;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: linear-gradient(135deg, #24a8e8 0%, #2373f5 100%);
  color: #ffffff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(35,115,245,.22);
}

.sfm-home-mobile-toggle span {
  font-size: 13px;
  font-weight: 900;
}

@media only screen and (max-width: 860px) {
  .sfm-home-contactbar-inner {
    gap: 10px !important;
  }

  .sfm-home-contact-left {
    width: 100% !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  .sfm-home-contact-left a {
    white-space: normal !important;
    text-align: center !important;
  }

  .header.sfm-home-header.sfm-site-header .head {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 9px !important;
    padding: 12px 12px !important;
    height: auto !important;
    min-height: 72px !important;
  }

  .header.sfm-home-header.sfm-site-header .logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  .header.sfm-home-header.sfm-site-header .logo img {
    width: 158px !important;
    max-width: 46vw !important;
    height: auto !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav {
    display: none !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-nav-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    min-width: 0 !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-nav-search,
  .header.sfm-home-header.sfm-site-header .sfm-home-nav-cart {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    border-radius: 12px !important;
    font-size: 18px !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-nav-cart span {
    font-size: 13px !important;
    margin-left: 4px !important;
  }

  .sfm-home-mobile-toggle {
    display: inline-flex !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  .sfm-home-mobile-panel {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin-top: 8px !important;
    padding: 10px !important;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 14px;
    background: rgba(255,255,255,.98);
    box-shadow: 0 18px 38px rgba(15,23,42,.11);
    box-sizing: border-box !important;
  }

  body.sfm-mobile-menu-open .sfm-home-mobile-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .sfm-home-mobile-panel a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    color: #172033 !important;
    background: rgba(241,245,249,.92) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
  }

  .sfm-home-mobile-panel a:after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #24a8e8;
  }
}

@media only screen and (max-width: 430px) {
  .header.sfm-home-header.sfm-site-header .head {
    gap: 7px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .header.sfm-home-header.sfm-site-header .logo img {
    width: 145px !important;
    max-width: 43vw !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-nav-actions {
    gap: 5px !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-nav-search,
  .header.sfm-home-header.sfm-site-header .sfm-home-nav-cart,
  .sfm-home-mobile-toggle {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 11px !important;
  }

  .sfm-home-mobile-toggle span {
    display: none !important;
  }
}

/* Sofmira mobile nav hard lock - 20260625 */
body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 72px !important;
  padding: 12px 14px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .logo {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .logo img {
  width: 190px !important;
  max-width: 66vw !important;
  height: auto !important;
}

body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .sfm-home-mainnav,
body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .sfm-home-nav-actions,
body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .headbutonlar,
body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .sosyalbtns {
  display: none !important;
}

body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .sfm-home-mobile-toggle {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  display: inline-flex !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 12px !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg,#24a8e8 0%,#2373f5 100%) !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  box-shadow: 0 12px 26px rgba(35,115,245,.22) !important;
  cursor: pointer !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10000 !important;
}

body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .sfm-home-mobile-toggle span {
  display: none !important;
}

body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .sfm-home-mobile-panel {
  grid-column: 1 / 3 !important;
  grid-row: 2 !important;
  justify-self: stretch !important;
  display: none !important;
  width: auto !important;
  margin-top: 10px !important;
  padding: 10px !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 18px 38px rgba(15,23,42,.11) !important;
  box-sizing: border-box !important;
}

body.sfm-force-mobile-nav.sfm-mobile-menu-open .header.sfm-home-header.sfm-site-header .sfm-home-mobile-panel {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
}

body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .sfm-home-mobile-panel a {
  display: flex !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: rgba(241,245,249,.92) !important;
  color: #172033 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

/* Sofmira modern production polish - 20260626
   Presentation-only layer: no form, endpoint, token or checkout logic changes. */
:root {
  --sfm-2026-ink: #111827;
  --sfm-2026-muted: #64748b;
  --sfm-2026-line: rgba(15, 23, 42, .10);
  --sfm-2026-panel: rgba(255,255,255,.88);
  --sfm-2026-panel-strong: rgba(255,255,255,.96);
  --sfm-2026-cyan: #19b7df;
  --sfm-2026-blue: #2563eb;
  --sfm-2026-pink: #ec4899;
  --sfm-2026-green: #1aaf36;
  --sfm-2026-radius: 8px;
  --sfm-2026-shadow: 0 22px 60px rgba(15, 23, 42, .12);
  --sfm-2026-soft-shadow: 0 12px 36px rgba(15, 23, 42, .09);
}

html {
  scroll-behavior: smooth;
}

body#muspanel,
body#home,
body:not(#home) {
  background:
    linear-gradient(90deg, rgba(236,72,153,.20) 0%, rgba(236,72,153,.08) 32%, rgba(47,184,242,.08) 64%, rgba(47,184,242,.20) 100%),
    linear-gradient(180deg, #f8fbff 0%, #eef7ff 46%, #ffffff 100%) !important;
  color: var(--sfm-2026-ink) !important;
  text-rendering: optimizeLegibility;
}

body#muspanel:before,
body#home:before,
body:not(#home):before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255,255,255,.80), rgba(255,255,255,.38)),
    repeating-linear-gradient(90deg, rgba(15,23,42,.025) 0 1px, transparent 1px 92px);
}

.sfm-home-promo {
  background: linear-gradient(90deg, #08111f 0%, #0e7490 48%, #1d4ed8 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.14) !important;
}

.sfm-home-promo-inner {
  min-height: 46px !important;
  max-width: 1280px !important;
  padding: 8px 22px !important;
  gap: 16px !important;
}

.sfm-home-promo-badges em {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  margin: 0 2px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: var(--sfm-2026-radius);
  background: rgba(255,255,255,.12);
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

.sfm-home-contactbar {
  background: rgba(8,17,31,.96) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.sfm-home-contactbar-inner {
  max-width: 1280px !important;
  min-height: 44px !important;
  padding: 0 24px !important;
}

.sfm-home-contactbar a {
  color: rgba(226,232,240,.92) !important;
  transition: color .18s ease, transform .18s ease;
}

.sfm-home-contactbar a:hover {
  color: #ffffff !important;
  transform: translateY(-1px);
}

.header.sfm-home-header.sfm-site-header {
  background: rgba(255,255,255,.86) !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

.header.sfm-home-header.sfm-site-header .head {
  max-width: 1280px !important;
  min-height: 82px !important;
  padding: 14px 24px !important;
  gap: 18px !important;
  background: transparent !important;
}

.header.sfm-home-header.sfm-site-header .logo img {
  width: 220px !important;
  height: auto !important;
  filter: drop-shadow(0 8px 14px rgba(15,23,42,.08));
}

.sfm-home-mainnav {
  gap: 6px !important;
  justify-content: flex-end !important;
}

.sfm-home-mainnav a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 11px !important;
  border-radius: var(--sfm-2026-radius) !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

.sfm-home-mainnav a:hover {
  color: #0f172a !important;
  background: rgba(25,183,223,.12) !important;
  box-shadow: inset 0 0 0 1px rgba(25,183,223,.18) !important;
  transform: translateY(-1px);
}

.header.sfm-home-header.sfm-site-header .sfm-home-nav-search,
.header.sfm-home-header.sfm-site-header .sfm-home-nav-cart,
.sfm-home-mobile-toggle {
  border-radius: var(--sfm-2026-radius) !important;
  box-shadow: 0 14px 32px rgba(37,99,235,.18) !important;
}

.sfm-home-hero,
body#home .sfm-home-hero,
#muspanel .sfm-home-hero {
  max-width: 1600px !important;
  margin: 26px auto 0 !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  border-radius: var(--sfm-2026-radius) !important;
  overflow: hidden !important;
  box-shadow: 0 34px 90px rgba(8,17,31,.16) !important;
}

.sfm-home-hero-inner,
body#home .sfm-home-hero-inner,
#muspanel .sfm-home-hero-inner {
  max-width: 1280px !important;
  padding-left: 34px !important;
  padding-right: 34px !important;
}

.sfm-home-eyebrow {
  width: fit-content;
  max-width: 100%;
  padding: 8px 12px !important;
  border: 1px solid rgba(125,211,252,.25) !important;
  border-radius: var(--sfm-2026-radius) !important;
  background: rgba(15,23,42,.34) !important;
  -webkit-backdrop-filter: blur(12px) saturate(135%);
  backdrop-filter: blur(12px) saturate(135%);
}

.sfm-home-hero h1,
body#home .sfm-home-hero h1,
#muspanel .sfm-home-hero h1 {
  max-width: 720px !important;
  font-weight: 950 !important;
  text-wrap: balance;
}

.sfm-home-hero-text,
body#home .sfm-home-hero-text,
#muspanel .sfm-home-hero-text {
  max-width: 680px !important;
  color: rgba(241,245,249,.92) !important;
  font-size: 18px !important;
  line-height: 1.72 !important;
}

.sfm-home-primary-cta,
.sfm-home-secondary-cta,
.gonderbtn,
.lbtn,
.sbtn,
.incelebtn,
.yesilbtn {
  border-radius: var(--sfm-2026-radius) !important;
  font-weight: 900 !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.sfm-home-primary-cta:hover,
.sfm-home-secondary-cta:hover,
.gonderbtn:hover,
.lbtn:hover,
.sbtn:hover,
.incelebtn:hover,
.yesilbtn:hover {
  transform: translateY(-2px);
}

.homedomainarea-con,
body#home .homedomainarea-con,
#muspanel .homedomainarea-con {
  margin-top: -42px !important;
  position: relative !important;
  z-index: 4 !important;
}

.homedomainarea,
body#home .homedomainarea,
#muspanel .homedomainarea {
  max-width: 1280px !important;
  margin: 0 auto !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: var(--sfm-2026-radius) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: var(--sfm-2026-shadow) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

.sfm-domain-card-inner h2,
body#home .sfm-domain-card-inner h2,
#muspanel .sfm-domain-card-inner h2 {
  margin-bottom: 18px !important;
  color: #111827 !important;
  font-size: 26px !important;
  line-height: 1.25 !important;
  text-wrap: balance;
}

#DomainCheck,
#checkForm {
  max-width: 880px !important;
  margin: 0 auto 22px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 190px !important;
  gap: 10px !important;
  align-items: stretch !important;
}

#DomainCheck input[type="text"],
#checkForm input[type="text"],
.alanadisorgu input[type="text"] {
  width: 100% !important;
  min-height: 58px !important;
  padding: 0 20px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: var(--sfm-2026-radius) !important;
  background: rgba(255,255,255,.96) !important;
  color: #111827 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.80), 0 12px 28px rgba(15,23,42,.06) !important;
}

#DomainCheck input[type="submit"],
#checkButton,
.alanadisorgu .gonderbtn {
  width: 100% !important;
  min-height: 58px !important;
  border: 0 !important;
  border-radius: var(--sfm-2026-radius) !important;
  background: linear-gradient(135deg, var(--sfm-2026-cyan), var(--sfm-2026-blue)) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  box-shadow: 0 18px 40px rgba(37,99,235,.22) !important;
}

.sfm-domain-card-inner .spottlds,
body:not(#home) .spottlds {
  border: 1px solid rgba(15,23,42,.07) !important;
  border-radius: var(--sfm-2026-radius) !important;
  background: rgba(255,255,255,.84) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.07) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.sfm-domain-card-inner .spottlds:hover,
body:not(#home) .spottlds:hover {
  transform: translateY(-3px);
  border-color: rgba(25,183,223,.22) !important;
  box-shadow: 0 18px 40px rgba(15,23,42,.10) !important;
}

.sfm-domain-card-inner h4,
body#home .sfm-domain-card-inner h4,
#muspanel .sfm-domain-card-inner h4 {
  margin-top: 20px !important;
  color: #64748b !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
}

.wclientblockscon,
#clientAreaIndex-wrapper {
  position: relative;
}

#muspanel .wclientblockscon .product-group-item,
body#home .wclientblockscon .product-group-item {
  margin-bottom: 28px !important;
}

#muspanel .wclientblockscon .product-group-item a,
body#home .wclientblockscon .product-group-item a,
.categoriesproduct,
.tablepaket,
.anascript,
.lookcolumlist,
.domainlookuplist,
.sss,
.products_features,
.hostingozellikler,
.tescilucretleri,
.scriptkategoriler {
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: var(--sfm-2026-radius) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(248,252,255,.82)) !important;
  box-shadow: var(--sfm-2026-soft-shadow) !important;
}

#muspanel .wclientblockscon .product-group-item a,
body#home .wclientblockscon .product-group-item a {
  min-height: 292px !important;
  overflow: hidden !important;
  transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease !important;
}

#muspanel .wclientblockscon .product-group-item a:hover,
body#home .wclientblockscon .product-group-item a:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(25,183,223,.22) !important;
  box-shadow: 0 24px 62px rgba(15,23,42,.14) !important;
}

#muspanel .wclientblockscon .product-group-item a:before,
body#home .wclientblockscon .product-group-item a:before {
  border-radius: var(--sfm-2026-radius) var(--sfm-2026-radius) 0 0 !important;
}

#muspanel .wclientblockscon .product-group-item span,
body#home .wclientblockscon .product-group-item span,
.pakettitle,
.tpakettitle,
.scriptlisttitle,
.anascript h3,
.categoriesproduct h3 {
  color: #111827 !important;
  font-weight: 950 !important;
  text-wrap: balance;
}

.product-group-item-desc,
.hostozellk,
.detail-products-features,
.products_features,
.anascript p,
.scripthoverinfo,
.sss p,
.sss li {
  color: #64748b !important;
  line-height: 1.62 !important;
}

.tablepaket,
.anascript,
.lookcolumlist,
.domainlookuplist {
  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.tablepaket:hover,
.anascript:hover,
.lookcolumlist:hover,
.domainlookuplist:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 52px rgba(15,23,42,.13) !important;
}

.tablepaket.active,
.tablepopular {
  border-color: rgba(26,175,54,.30) !important;
  box-shadow: 0 24px 62px rgba(26,175,54,.13) !important;
}

.sayfabaslik {
  border-radius: var(--sfm-2026-radius) !important;
  overflow: hidden !important;
  box-shadow: 0 24px 62px rgba(8,17,31,.13) !important;
}

.sayfabaslik h1,
.sayfabaslik h2,
.sayfabaslik strong {
  text-wrap: balance;
}

.wclientdomainpage,
.alanadisorgu,
.popuzantilar,
.domainozellikler {
  border-radius: var(--sfm-2026-radius) !important;
}

.lookcolumtitle {
  background: rgba(15,23,42,.04) !important;
  color: #111827 !important;
  font-weight: 950 !important;
}

.tldavailable,
.green,
.amount_spot_view {
  font-weight: 950 !important;
}

.footer {
  margin-top: 42px !important;
  background:
    linear-gradient(110deg, rgba(8,17,31,.98), rgba(11,31,55,.97) 62%, rgba(6,78,92,.96)) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}

.sfm-footer-showcase {
  border-radius: var(--sfm-2026-radius) !important;
}

.sfm-footer-col a,
.sfm-footer-brand,
.sfm-footer-legal-info {
  transition: color .18s ease, transform .18s ease;
}

.sfm-footer-col a:hover {
  color: #ffffff !important;
  transform: translateX(2px);
}

.mio-cookie-popup__card,
.sm-livechat__panel,
.sm-livechat__button {
  border-radius: var(--sfm-2026-radius) !important;
}

@media only screen and (max-width: 1180px) {
  .sfm-home-mainnav a {
    padding: 0 8px !important;
    font-size: 13px !important;
  }

  .header.sfm-home-header.sfm-site-header .logo img {
    width: 196px !important;
  }
}

@media only screen and (max-width: 860px) {
  .sfm-home-promo-inner,
  .sfm-home-contactbar-inner {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .header.sfm-home-header.sfm-site-header .head,
  body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .head {
    min-height: 70px !important;
    padding: 11px 14px !important;
  }

  body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .logo img,
  .header.sfm-home-header.sfm-site-header .logo img {
    width: 176px !important;
    max-width: 62vw !important;
  }

  .sfm-home-mobile-panel,
  body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .sfm-home-mobile-panel {
    border-radius: var(--sfm-2026-radius) !important;
    background: rgba(255,255,255,.97) !important;
  }

  .sfm-home-mobile-panel a,
  body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .sfm-home-mobile-panel a {
    border-radius: var(--sfm-2026-radius) !important;
  }

  .sfm-home-hero,
  body#home .sfm-home-hero,
  #muspanel .sfm-home-hero {
    margin-top: 14px !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner,
  #muspanel .sfm-home-hero-inner {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .sfm-home-hero h1,
  body#home .sfm-home-hero h1,
  #muspanel .sfm-home-hero h1 {
    font-size: 31px !important;
  }

  .sfm-home-hero-text,
  body#home .sfm-home-hero-text,
  #muspanel .sfm-home-hero-text {
    font-size: 16px !important;
  }

  .homedomainarea-con,
  body#home .homedomainarea-con,
  #muspanel .homedomainarea-con {
    margin-top: 16px !important;
    padding: 0 12px !important;
  }

  #DomainCheck,
  #checkForm {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
  }

  .sfm-domain-card-inner h2,
  body#home .sfm-domain-card-inner h2,
  #muspanel .sfm-domain-card-inner h2 {
    font-size: 22px !important;
  }

  #muspanel .wclientblockscon .product-group-item a,
  body#home .wclientblockscon .product-group-item a {
    min-height: 246px !important;
  }
}

@media only screen and (max-width: 520px) {
  .sfm-home-promo-badges,
  .sfm-home-contact-right {
    display: none !important;
  }

  .sfm-home-contact-left {
    justify-content: center !important;
  }

  body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .logo img,
  .header.sfm-home-header.sfm-site-header .logo img {
    width: 158px !important;
    max-width: 58vw !important;
  }

  .sfm-home-primary-cta,
  .sfm-home-secondary-cta {
    width: 100% !important;
    justify-content: center !important;
  }

  .sfm-home-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* Sofmira mobile header and hero correction - 20260626 */
@media only screen and (max-width: 860px) {
  body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header,
  .header.sfm-home-header.sfm-site-header {
    position: relative !important;
    z-index: 80 !important;
  }

  body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .head,
  .header.sfm-home-header.sfm-site-header .head {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 74px !important;
    height: auto !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
  }

  body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .logo,
  .header.sfm-home-header.sfm-site-header .logo {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: calc(100% - 62px) !important;
  }

  body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .logo img,
  .header.sfm-home-header.sfm-site-header .logo img {
    width: 172px !important;
    max-width: 58vw !important;
    height: auto !important;
  }

  body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .sfm-home-mobile-toggle,
  .header.sfm-home-header.sfm-site-header .sfm-home-mobile-toggle {
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    z-index: 10001 !important;
  }

  body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .sfm-home-mobile-panel,
  .header.sfm-home-header.sfm-site-header .sfm-home-mobile-panel {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    margin: 0 !important;
    z-index: 10000 !important;
  }

  body.sfm-force-mobile-nav.sfm-mobile-menu-open .header.sfm-home-header.sfm-site-header .sfm-home-mobile-panel,
  body.sfm-mobile-menu-open .header.sfm-home-header.sfm-site-header .sfm-home-mobile-panel {
    display: grid !important;
  }

  .sfm-home-hero,
  body#home .sfm-home-hero,
  #muspanel .sfm-home-hero {
    min-height: 0 !important;
  }

  .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner,
  #muspanel .sfm-home-hero-inner {
    padding-top: 24px !important;
    padding-bottom: 30px !important;
  }

  .sfm-home-hero-visual,
  body#home .sfm-home-hero-visual,
  #muspanel .sfm-home-hero-visual {
    display: none !important;
  }
}

@media only screen and (max-width: 430px) {
  body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .logo img,
  .header.sfm-home-header.sfm-site-header .logo img {
    width: 158px !important;
    max-width: 56vw !important;
  }
}

/* Sofmira premium micro-polish - 20260626 */
:root {
  --sfm-premium-border: rgba(15,23,42,.075);
  --sfm-premium-glow-blue: rgba(37,99,235,.18);
  --sfm-premium-glow-cyan: rgba(25,183,223,.22);
  --sfm-premium-glow-pink: rgba(236,72,153,.18);
}

body#muspanel,
body#home,
body:not(#home) {
  background:
    radial-gradient(circle at 0% 22%, rgba(236,72,153,.18), transparent 34%),
    radial-gradient(circle at 100% 16%, rgba(47,184,242,.20), transparent 36%),
    linear-gradient(180deg, #f8fbff 0%, #eef8ff 42%, #ffffff 100%) !important;
}

.sfm-home-promo {
  background:
    linear-gradient(90deg, rgba(8,17,31,.98), rgba(14,116,144,.96) 44%, rgba(37,99,235,.96)) !important;
}

.sfm-home-contactbar {
  background: linear-gradient(90deg, #0a1220, #0d1728) !important;
}

.header.sfm-home-header.sfm-site-header {
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 18px 52px rgba(15,23,42,.09) !important;
}

.header.sfm-home-header.sfm-site-header .head {
  max-width: 1280px !important;
  min-height: 90px !important;
  border-radius: 0 0 8px 8px !important;
}

body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .logo {
  min-width: 214px !important;
}

body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .logo img {
  width: 214px !important;
  min-width: 214px !important;
  max-width: 214px !important;
}

.sfm-home-mainnav a {
  position: relative !important;
  overflow: hidden !important;
}

.sfm-home-mainnav a:before {
  content: "";
  position: absolute;
  left: 11px;
  right: 11px;
  bottom: 5px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--sfm-2026-cyan), var(--sfm-2026-blue));
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .18s ease, transform .18s ease;
}

.sfm-home-mainnav a:hover:before {
  opacity: 1;
  transform: translateY(0);
}

.sfm-home-nav-search,
.sfm-home-nav-cart,
.sfm-home-primary-cta,
#DomainCheck input[type="submit"],
#checkButton,
.alanadisorgu .gonderbtn {
  background: linear-gradient(135deg, #22c1e8 0%, #2563eb 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 18px 42px rgba(37,99,235,.22) !important;
}

.sfm-home-nav-cart {
  background: linear-gradient(135deg, #20d05b 0%, #16a34a 100%) !important;
}

.sfm-home-hero,
body#home .sfm-home-hero,
#muspanel .sfm-home-hero {
  max-width: 1280px !important;
  margin-top: 28px !important;
  border-color: rgba(255,255,255,.42) !important;
  background-color: #08111f !important;
  box-shadow: 0 38px 95px rgba(8,17,31,.18), 0 0 0 1px rgba(255,255,255,.18) inset !important;
}

.sfm-home-hero:before,
body#home .sfm-home-hero:before,
#muspanel .sfm-home-hero:before {
  opacity: .82 !important;
}

.sfm-home-hero h1,
body#home .sfm-home-hero h1,
#muspanel .sfm-home-hero h1 {
  letter-spacing: 0 !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.18);
}

.sfm-home-trust-list li,
.sfm-home-proof-row span {
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.08) !important;
  -webkit-backdrop-filter: blur(10px) saturate(130%);
  backdrop-filter: blur(10px) saturate(130%);
}

.homedomainarea-con,
body#home .homedomainarea-con,
#muspanel .homedomainarea-con {
  margin-top: -34px !important;
}

.homedomainarea,
body#home .homedomainarea,
#muspanel .homedomainarea {
  max-width: 1180px !important;
  border-color: rgba(15,23,42,.075) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,252,255,.88)) !important;
  box-shadow: 0 26px 70px rgba(15,23,42,.12), 0 0 0 1px rgba(255,255,255,.74) inset !important;
}

#DomainCheck input[type="text"],
#checkForm input[type="text"],
.alanadisorgu input[type="text"] {
  background: #ffffff !important;
  border-color: rgba(15,23,42,.12) !important;
}

#DomainCheck input[type="text"]:focus,
#checkForm input[type="text"]:focus,
.alanadisorgu input[type="text"]:focus {
  outline: none !important;
  border-color: rgba(25,183,223,.42) !important;
  box-shadow: 0 0 0 4px rgba(25,183,223,.12), 0 16px 36px rgba(15,23,42,.07) !important;
}

.sfm-domain-card-inner .spottlds,
body:not(#home) .spottlds {
  min-height: 94px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,252,255,.82)) !important;
}

.sfm-domain-card-inner .spottlds .amount_spot_view,
body:not(#home) .spottlds .amount_spot_view {
  color: #111827 !important;
}

#muspanel .wclientblockscon .product-group-item a,
body#home .wclientblockscon .product-group-item a,
.categoriesproduct,
.tablepaket,
.anascript,
.lookcolumlist,
.domainlookuplist,
.sss,
.products_features,
.hostingozellikler,
.tescilucretleri,
.scriptkategoriler {
  border-color: var(--sfm-premium-border) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.97), rgba(246,251,255,.84)) !important;
  box-shadow: 0 16px 44px rgba(15,23,42,.085) !important;
}

#muspanel .wclientblockscon .product-group-item a,
body#home .wclientblockscon .product-group-item a {
  min-height: 304px !important;
}

#muspanel .wclientblockscon .product-group-item a:after,
body#home .wclientblockscon .product-group-item a:after,
.tablepaket:after,
.anascript:after,
.categoriesproduct:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 8px;
  background:
    radial-gradient(circle at 12% 0%, var(--sfm-premium-glow-pink), transparent 34%),
    radial-gradient(circle at 100% 0%, var(--sfm-premium-glow-cyan), transparent 36%);
  opacity: 0;
  transition: opacity .20s ease;
}

#muspanel .wclientblockscon .product-group-item a:hover:after,
body#home .wclientblockscon .product-group-item a:hover:after,
.tablepaket:hover:after,
.anascript:hover:after,
.categoriesproduct:hover:after {
  opacity: 1;
}

.tablepaket,
.anascript,
.categoriesproduct {
  position: relative !important;
}

.pakettitle,
.tpakettitle,
.scriptlisttitle,
.anascript h3,
.categoriesproduct h3,
#muspanel .wclientblockscon .product-group-item span,
body#home .wclientblockscon .product-group-item span {
  letter-spacing: 0 !important;
}

#muspanel .wclientblockscon .sfm-home-service-band,
body#home .wclientblockscon .sfm-home-service-band {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-color: rgba(255,255,255,.38) !important;
}

.footer {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 -24px 70px rgba(15,23,42,.08) !important;
}

.sfm-footer-showcase {
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.01)) !important;
}

@media only screen and (max-width: 860px) {
  body.sfm-force-mobile-nav .header.sfm-home-header.sfm-site-header .logo img,
  .header.sfm-home-header.sfm-site-header .logo img {
    width: 164px !important;
    max-width: 58vw !important;
  }

  .sfm-home-hero,
  body#home .sfm-home-hero,
  #muspanel .sfm-home-hero {
    width: calc(100% - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .sfm-home-hero-inner,
  body#home .sfm-home-hero-inner,
  #muspanel .sfm-home-hero-inner {
    padding-top: 20px !important;
    padding-bottom: 24px !important;
  }

  .sfm-home-hero h1,
  body#home .sfm-home-hero h1,
  #muspanel .sfm-home-hero h1 {
    font-size: 29px !important;
  }

  .homedomainarea-con,
  body#home .homedomainarea-con,
  #muspanel .homedomainarea-con {
    margin-top: 14px !important;
  }

  .homedomainarea,
  body#home .homedomainarea,
  #muspanel .homedomainarea {
    width: 100% !important;
  }

  #muspanel .wclientblockscon .product-group-item a,
  body#home .wclientblockscon .product-group-item a {
    min-height: 256px !important;
  }
}

/* Sofmira premium plus layer - 20260626 */
:root {
  --sfm-plus-ink: #0f172a;
  --sfm-plus-cyan: #22d3ee;
  --sfm-plus-blue: #2563eb;
  --sfm-plus-lime: #22c55e;
}

.header.sfm-home-header.sfm-site-header {
  border-bottom: 1px solid rgba(15,23,42,.06) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78)) !important;
}

body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .head {
  position: relative !important;
  max-width: 1320px !important;
  margin-top: 0 !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .head:before {
  content: "";
  position: absolute;
  inset: 10px 14px;
  z-index: -1;
  border: 1px solid rgba(15,23,42,.055);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(255,255,255,.66), rgba(255,255,255,.34));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}

body:not(.sfm-force-mobile-nav) .sfm-home-mainnav {
  gap: 2px !important;
}

body:not(.sfm-force-mobile-nav) .sfm-home-mainnav a {
  min-height: 40px !important;
  padding: 0 10px !important;
}

.sfm-home-hero,
body#home .sfm-home-hero,
#muspanel .sfm-home-hero {
  position: relative !important;
  isolation: isolate !important;
}

.sfm-home-hero:after,
body#home .sfm-home-hero:after,
#muspanel .sfm-home-hero:after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
  background-size: 112px 112px !important;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.62), rgba(0,0,0,.22) 58%, rgba(0,0,0,.48));
  opacity: .55 !important;
}

.sfm-home-hero-copy,
.sfm-home-hero-visual,
.sfm-home-hero-inner,
body#home .sfm-home-hero-copy,
body#home .sfm-home-hero-visual,
body#home .sfm-home-hero-inner,
#muspanel .sfm-home-hero-copy,
#muspanel .sfm-home-hero-visual,
#muspanel .sfm-home-hero-inner {
  position: relative !important;
  z-index: 2 !important;
}

.sfm-home-eyebrow {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 12px 30px rgba(8,17,31,.18) !important;
}

.sfm-home-primary-cta,
.sfm-home-secondary-cta {
  min-height: 58px !important;
  padding-left: 26px !important;
  padding-right: 26px !important;
  letter-spacing: 0 !important;
}

.sfm-home-primary-cta i {
  transition: transform .18s ease !important;
}

.sfm-home-primary-cta:hover i {
  transform: translateX(4px) !important;
}

.sfm-home-proof-row span strong {
  color: #ffffff !important;
}

.homedomainarea-con,
body#home .homedomainarea-con,
#muspanel .homedomainarea-con {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.homedomainarea,
body#home .homedomainarea,
#muspanel .homedomainarea {
  display: block !important;
  max-width: 1160px !important;
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.homedomainarea .padding30 {
  padding: 30px 30px 28px !important;
}

#DomainCheck,
#checkForm {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 178px !important;
  max-width: 900px !important;
  min-height: 64px !important;
  padding: 6px !important;
  border: 1px solid rgba(15,23,42,.09) !important;
  border-radius: 8px !important;
  background: rgba(241,248,255,.86) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 16px 42px rgba(15,23,42,.08) !important;
}

#DomainCheck input[type="text"],
#checkForm input[type="text"] {
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  background: rgba(255,255,255,.92) !important;
}

#DomainCheck input[type="submit"],
#checkButton {
  min-height: 52px !important;
  border-radius: 6px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 14px 30px rgba(37,99,235,.20) !important;
}

.sfm-domain-card-inner .spottlds {
  min-height: 82px !important;
  padding: 13px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

.sfm-domain-card-inner .spottlds img {
  max-width: 76px !important;
  max-height: 30px !important;
}

.sfm-domain-card-inner .spottlds h5 {
  margin: 0 !important;
}

.sfm-domain-card-inner .spottlds:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--sfm-plus-cyan), var(--sfm-plus-blue));
  box-shadow: 0 0 0 4px rgba(34,211,238,.10);
}

#muspanel .wclientblockscon .product-group-item a,
body#home .wclientblockscon .product-group-item a {
  position: relative !important;
  min-height: 296px !important;
  padding-bottom: 24px !important;
}

#muspanel .wclientblockscon .product-group-item a > span,
body#home .wclientblockscon .product-group-item a > span {
  padding-right: 34px !important;
}

#muspanel .wclientblockscon .product-group-item a > span:after,
body#home .wclientblockscon .product-group-item a > span:after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 50%;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--sfm-plus-cyan), var(--sfm-plus-blue));
  transform: translateY(-50%);
  font-size: 12px;
  box-shadow: 0 10px 24px rgba(37,99,235,.18);
}

#muspanel .wclientblockscon .product-group-item a:hover > span:after,
body#home .wclientblockscon .product-group-item a:hover > span:after {
  transform: translateY(-50%) translateX(3px) !important;
}

.tablepaket,
.anascript,
.categoriesproduct,
.domainlookuplist,
.lookcolumlist {
  border-radius: 8px !important;
}

.tablepaket:before,
.anascript:before,
.categoriesproduct:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--sfm-plus-cyan), var(--sfm-plus-blue), var(--sfm-plus-lime));
  opacity: .86;
}

@media (prefers-reduced-motion: no-preference) {
  .sfm-home-hero:after,
  body#home .sfm-home-hero:after,
  #muspanel .sfm-home-hero:after {
    animation: sfm-grid-drift 18s linear infinite;
  }

  @keyframes sfm-grid-drift {
    from { background-position: 0 0, 0 0; }
    to { background-position: 112px 0, 0 112px; }
  }
}

@media only screen and (max-width: 860px) {
  .homedomainarea-con,
  body#home .homedomainarea-con,
  #muspanel .homedomainarea-con {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .homedomainarea .padding30 {
    padding: 22px 14px !important;
  }

  #DomainCheck,
  #checkForm {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    padding: 7px !important;
  }

  .sfm-domain-card-inner .spottlds {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .sfm-home-trust-list li {
    justify-content: flex-start !important;
  }

  #muspanel .wclientblockscon .product-group-item a > span:after,
  body#home .wclientblockscon .product-group-item a > span:after {
    width: 26px;
    height: 26px;
  }
}

/* Sofmira polish5 repair: scoped domain search, home tld clipping and footer density - 20260626 */
:root {
  --sfm-polish5-radius: 8px;
}

/* Home domain form gets the premium pill; hidden domain-page AJAX form must not inherit it. */
#muspanel #DomainCheck,
body#home #DomainCheck {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 178px !important;
  max-width: 900px !important;
  min-height: 64px !important;
  padding: 6px !important;
  border: 1px solid rgba(15,23,42,.09) !important;
  border-radius: 8px !important;
  background: rgba(241,248,255,.86) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 16px 42px rgba(15,23,42,.08) !important;
}

#muspanel #DomainCheck input[type="text"],
body#home #DomainCheck input[type="text"] {
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  background: rgba(255,255,255,.92) !important;
}

#muspanel #DomainCheck input[type="submit"],
body#home #DomainCheck input[type="submit"] {
  min-height: 52px !important;
  border-radius: 6px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 14px 30px rgba(37,99,235,.20) !important;
}

/* Domain lookup page repair. */
.wclientdomainpage .alanadisorgu {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 170px 170px !important;
  align-items: center !important;
  gap: 12px !important;
  width: auto !important;
  max-width: 1180px !important;
  min-height: 0 !important;
  margin: 42px auto 34px !important;
  padding: 44px 42px 46px !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(239,248,255,.88)) !important;
  box-shadow: 0 26px 70px rgba(15,23,42,.11), inset 0 1px 0 rgba(255,255,255,.82) !important;
  overflow: visible !important;
}

.wclientdomainpage .alanadisorgu h1 {
  grid-column: 1 / -1 !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: clamp(32px, 4vw, 56px) !important;
  line-height: 1.12 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}

.wclientdomainpage .alanadisorgu h1 strong,
.wclientdomainpage .alanadisorgu h1 .amount_spot_view {
  display: inline-flex !important;
  align-items: baseline !important;
  color: #111827 !important;
}

.wclientdomainpage .alanadisorgu #domainInput {
  position: static !important;
  grid-column: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 1px solid rgba(15,23,42,.11) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 12px 32px rgba(15,23,42,.06) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}

.wclientdomainpage .alanadisorgu #checkButton,
.wclientdomainpage .alanadisorgu #transferbtn {
  position: static !important;
  inset: auto !important;
  grid-row: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #22c1e8 0%, #2563eb 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 16px 34px rgba(37,99,235,.20) !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none !important;
  float: none !important;
  white-space: nowrap !important;
}

.wclientdomainpage .alanadisorgu #transferbtn {
  background: linear-gradient(135deg, #11b8d8 0%, #1d4ed8 100%) !important;
}

.wclientdomainpage .alanadisorgu #checkForm {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.wclientdomainpage .transfercode {
  max-width: 820px !important;
  margin: 18px auto 28px !important;
  padding: 22px !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.08) !important;
}

.wclientdomainpage .transfercode input {
  height: 54px !important;
  border-radius: 8px !important;
}

/* Home TLD cards: prevent clipped prices and keep a premium compact grid. */
#muspanel .sfm-domain-card-inner .spottlds,
body#home .sfm-domain-card-inner .spottlds {
  min-height: 92px !important;
  height: auto !important;
  overflow: visible !important;
  padding: 14px 16px 16px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  vertical-align: top !important;
}

#muspanel .sfm-domain-card-inner .spottlds:before,
body#home .sfm-domain-card-inner .spottlds:before {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
}

#muspanel .sfm-domain-card-inner .spottlds img,
body#home .sfm-domain-card-inner .spottlds img {
  max-height: 30px !important;
  margin: 0 !important;
}

#muspanel .sfm-domain-card-inner .spottlds h5,
body#home .sfm-domain-card-inner .spottlds h5 {
  width: 100% !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  text-align: center !important;
  line-height: 1.2 !important;
}

#muspanel .sfm-domain-card-inner .spottlds .amount_spot_view,
body#home .sfm-domain-card-inner .spottlds .amount_spot_view {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  min-height: 24px !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Footer: reduce empty spread on wide screens and improve balance. */
.footer #wrapper,
.footer .sfm-footer-showcase {
  max-width: 1380px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.footer .sfm-footer-showcase {
  min-height: 0 !important;
  padding: 64px 72px 40px !important;
}

.footer .sfm-footer-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 1.12fr) .72fr .72fr .72fr minmax(220px, .86fr) !important;
  gap: 48px !important;
  align-items: start !important;
}

.footer .sfm-footer-brand img {
  max-width: 320px !important;
}

@media only screen and (max-width: 1100px) {
  .wclientdomainpage .alanadisorgu {
    grid-template-columns: 1fr 1fr !important;
  }

  .wclientdomainpage .alanadisorgu #domainInput {
    grid-column: 1 / -1 !important;
  }

  .footer .sfm-footer-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media only screen and (max-width: 760px) {
  .wclientdomainpage .alanadisorgu {
    grid-template-columns: 1fr !important;
    margin: 24px 12px 24px !important;
    padding: 28px 16px !important;
  }

  .wclientdomainpage .alanadisorgu h1 {
    font-size: 30px !important;
  }

  .wclientdomainpage .alanadisorgu #domainInput,
  .wclientdomainpage .alanadisorgu #checkButton,
  .wclientdomainpage .alanadisorgu #transferbtn {
    grid-column: 1 !important;
    height: 56px !important;
    min-height: 56px !important;
  }

  #muspanel .sfm-domain-card-inner .spottlds,
  body#home .sfm-domain-card-inner .spottlds {
    width: 100% !important;
    min-height: 84px !important;
  }

  .footer .sfm-footer-showcase {
    padding: 36px 22px 26px !important;
  }

  .footer .sfm-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
}

/* Sofmira nav/footer production repair - 20260626-navfooterfix1 */
@media only screen and (min-width: 861px) {
  .header.sfm-home-header.sfm-site-header,
  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header {
    overflow: visible !important;
  }

  .header.sfm-home-header.sfm-site-header .head,
  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .head,
  #muspanel .sfm-home-header .head,
  body#home .sfm-home-header .head {
    width: min(1640px, calc(100vw - 96px)) !important;
    max-width: min(1640px, calc(100vw - 96px)) !important;
    display: grid !important;
    grid-template-columns: minmax(245px, 330px) minmax(0, 1fr) max-content !important;
    align-items: center !important;
    column-gap: clamp(12px, 1.45vw, 30px) !important;
    overflow: visible !important;
    padding-left: clamp(16px, 1.5vw, 26px) !important;
    padding-right: clamp(16px, 1.5vw, 26px) !important;
  }

  .header.sfm-home-header.sfm-site-header .logo,
  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .logo {
    min-width: 0 !important;
    width: auto !important;
    max-width: 330px !important;
    overflow: visible !important;
  }

  .header.sfm-home-header.sfm-site-header .logo img,
  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .logo img {
    width: clamp(220px, 15vw, 300px) !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav,
  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .sfm-home-mainnav,
  #muspanel .sfm-home-header .sfm-home-mainnav,
  body#home .sfm-home-header .sfm-home-mainnav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(5px, .82vw, 17px) !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav a,
  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .sfm-home-mainnav a,
  #muspanel .sfm-home-header .sfm-home-mainnav a,
  body#home .sfm-home-header .sfm-home-mainnav a {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: clamp(12px, .74vw, 15px) !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    padding-left: clamp(4px, .45vw, 10px) !important;
    padding-right: clamp(4px, .45vw, 10px) !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-nav-actions,
  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .sfm-home-nav-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    min-width: max-content !important;
    gap: 12px !important;
  }
}

@media only screen and (min-width: 861px) and (max-width: 1380px) {
  .header.sfm-home-header.sfm-site-header .head,
  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .head,
  #muspanel .sfm-home-header .head,
  body#home .sfm-home-header .head {
    width: min(1280px, calc(100vw - 36px)) !important;
    max-width: min(1280px, calc(100vw - 36px)) !important;
    grid-template-columns: minmax(198px, 238px) minmax(0, 1fr) max-content !important;
    column-gap: 10px !important;
  }

  .header.sfm-home-header.sfm-site-header .logo img,
  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .logo img {
    width: 214px !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav,
  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .sfm-home-mainnav {
    gap: 3px !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-mainnav a,
  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .sfm-home-mainnav a {
    font-size: 12px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-nav-actions,
  body:not(.sfm-force-mobile-nav) .header.sfm-home-header.sfm-site-header .sfm-home-nav-actions {
    gap: 8px !important;
  }

  .header.sfm-home-header.sfm-site-header .sfm-home-nav-search,
  .header.sfm-home-header.sfm-site-header .sfm-home-nav-cart {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
  }
}

.footer #wrapper,
.footer .sfm-footer-showcase {
  width: min(1640px, calc(100vw - 112px)) !important;
  max-width: min(1640px, calc(100vw - 112px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.footer .sfm-footer-showcase {
  min-height: 0 !important;
  padding: 58px clamp(34px, 3.4vw, 70px) 34px !important;
}

.footer .sfm-footer-grid {
  display: grid !important;
  grid-template-columns: minmax(250px, 1.28fr) minmax(132px, .66fr) minmax(112px, .54fr) minmax(124px, .56fr) minmax(112px, .5fr) minmax(178px, .78fr) !important;
  gap: clamp(22px, 2vw, 44px) !important;
  align-items: start !important;
}

.footer .sfm-footer-col,
.footer .sfm-footer-brand,
.footer .sfm-footer-legal-info {
  min-width: 0 !important;
}

.footer .sfm-footer-col a,
.footer .sfm-footer-col li,
.footer .sfm-footer-brand p,
.footer .sfm-footer-legal-info {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.footer .sfm-footer-brand img {
  width: min(320px, 100%) !important;
  max-width: 320px !important;
  height: auto !important;
}

@media only screen and (max-width: 1240px) {
  .footer #wrapper,
  .footer .sfm-footer-showcase {
    width: min(100% - 36px, 1120px) !important;
    max-width: min(100% - 36px, 1120px) !important;
  }

  .footer .sfm-footer-grid {
    grid-template-columns: minmax(260px, 1.2fr) repeat(3, minmax(140px, 1fr)) !important;
    gap: 30px !important;
  }
}

@media only screen and (max-width: 760px) {
  .footer #wrapper,
  .footer .sfm-footer-showcase {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }

  .footer .sfm-footer-showcase {
    padding: 34px 20px 24px !important;
  }

  .footer .sfm-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
}

/* Sofmira footer address and trust badge repair - 20260626-footerfix2 */
.footer .sfm-footer-brand address,
.sfm-footer-brand address {
  max-width: 310px !important;
  margin: 0 0 18px !important;
  color: rgba(226, 232, 240, .72) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1.42 !important;
}

.footer .sfm-footer-brand img.sfm-footer-gdpr,
.sfm-footer-brand img.sfm-footer-gdpr,
img.sfm-footer-gdpr {
  display: block !important;
  width: 86px !important;
  min-width: 0 !important;
  max-width: 86px !important;
  height: auto !important;
  max-height: 86px !important;
  margin: 14px 0 0 !important;
  object-fit: contain !important;
  opacity: .40 !important;
  filter: grayscale(100%) !important;
}

/* Sofmira footer address bottom order - 20260628-footeraddrbottom1 */
.footer .sfm-footer-brand address,
.sfm-footer-brand address {
  margin: 14px 0 0 !important;
}

.footer .sfm-footer-brand img.sfm-footer-gdpr,
.sfm-footer-brand img.sfm-footer-gdpr,
img.sfm-footer-gdpr {
  margin: 14px 0 0 !important;
}

/* Sofmira footer address before badge - 20260628-footeraddrbadge2 */
.footer .sfm-footer-brand address,
.sfm-footer-brand address {
  margin: 14px 0 0 !important;
}

.footer .sfm-footer-brand img.sfm-footer-gdpr,
.sfm-footer-brand img.sfm-footer-gdpr,
img.sfm-footer-gdpr {
  margin: 14px 0 0 !important;
}

/* Sofmira footer commercial information toggle */
.sfm-footer-business-info {
  width: min(100%, 520px);
  margin: 0 0 18px;
  color: rgba(236, 245, 255, 0.9);
}
.sfm-footer-business-info summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(78, 215, 255, 0.32);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  color: #f8fbff;
  font-weight: 800;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 14px 34px rgba(3, 18, 36, 0.18);
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.sfm-footer-business-info summary::-webkit-details-marker {
  display: none;
}
.sfm-footer-business-info summary:before {
  content: "i";
  display: inline-grid;
  place-items: center;
  width: 19px;
  height: 19px;
  border-radius: 999px;
  background: linear-gradient(135deg, #22d3ee, #2563eb);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}
.sfm-footer-business-info summary:hover,
.sfm-footer-business-info[open] summary {
  background: rgba(56, 189, 248, 0.13);
  border-color: rgba(125, 231, 255, 0.56);
  transform: translateY(-1px);
}
.sfm-footer-business-info div {
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background: rgba(3, 12, 28, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.sfm-footer-business-info p {
  margin: 0 0 8px;
  color: rgba(226, 238, 255, 0.82);
  font-size: 12px;
  line-height: 1.55;
  font-style: normal;
}
.sfm-footer-business-info p:last-child {
  margin-bottom: 0;
}
.sfm-footer-business-info strong {
  color: #ffffff;
  font-weight: 800;
}
.sfm-footer-business-info a {
  color: #80e8ff;
  font-weight: 800;
}
@media (max-width: 767px) {
  .sfm-footer-business-info {
    margin-left: auto;
    margin-right: auto;
  }
  .sfm-footer-business-info summary {
    margin: 0 auto;
  }
}

/* Keep the contact GDPR checkbox from creating horizontal overflow. */
.iletisimpage #contact_contract.checkbox-custom {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
}
.iletisimpage .checkbox-custom-label {
  max-width: 100%;
}
.iletisimpage .checkbox-custom-label .kinfo {
  overflow-wrap: anywhere;
}