@charset "utf-8";
/* ============================ NUBITRO TOKENS ============================ */
:root{
  /* Marka renkleri — Admin > Tema Ayarları */
  --brand-1:#001cae;
  --brand-2:#296cfe;
  --brand-1-rgb:0, 28, 174;
  --brand-2-rgb:41, 108, 254;

  /* Yüzeyler — koyu siber palet */
  --bg:#070B14;
  --bg-soft:#0A1020;
  --surface:#0D1424;
  --surface-2:#131C30;
  --surface-3:#1A2438;

  /* Çizgiler */
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --line-brand:rgba(0, 28, 174,.35);

  /* Metin */
  --ink:#FFFFFF;              /* vurgulu metin (başlık, etiket) — açık temada koyulaşır */
  --text:#E6EDF7;
  --text-soft:#93A4BF;
  --text-dim:rgba(147, 164, 191,.62);

  /* Durum */
  --ok:#22C55E;
  --ok-dim:rgba(34,197,94,.14);
  --warn:#F59E0B;
  --danger:#EF4444;
  --danger-dim:rgba(239,68,68,.14);

  /* Gradyanlar */
  --brand-mix:#0B32C4;   /* brand-1 ağırlıklı karışım — buton gradyanı */
  --grad-brand:linear-gradient(135deg,var(--brand-1) 0%,var(--brand-mix) 100%);
  --grad-brand-full:linear-gradient(135deg,var(--brand-1) 0%,var(--brand-2) 100%);
  --grad-text:linear-gradient(120deg,#FFFFFF 0%,#CFE0FF 40%,var(--brand-2) 100%);
  --grad-surface:linear-gradient(180deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,0) 100%);

  /* Gölge / ışıma */
  --glow-1:0 0 0 1px rgba(0, 28, 174,.30), 0 12px 40px -12px rgba(0, 28, 174,.55);
  --glow-2:0 0 60px -10px rgba(41, 108, 254,.45);
  --shadow-sm:0 1px 2px rgba(0,0,0,.35);
  --shadow:0 8px 30px -12px rgba(0,0,0,.7);
  --shadow-lg:0 30px 70px -25px rgba(0,0,0,.85);

  /* Ölçek */
  --r-sm:8px;
  --r:14px;
  --r-lg:20px;
  --r-xl:28px;
  --r-full:999px;

  --container:1220px;
  --gutter:24px;
  --section-y:clamp(64px,8vw,120px);

  --font-sans:"Inter","Titillium Web","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}

/* ======================= KATMAN 2: WISECP LEGACY ======================== */
@charset "utf-8";
body{font-family:'Titillium Web',sans-serif;font-size:15px;line-height:normal;color:#93A4BF;margin:0;padding:0;overflow-x:hidden;background-repeat:repeat-x}
#muspanel{background-image:url(https://www.nubitro.com/templates/website/Nubitro/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:#93A4BF;text-decoration:none}
input,select,textarea{font-family:'Titillium Web',sans-serif;outline:none;padding:5px;font-size:15px;color:#296cfe;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}
}
@-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: #296cfe;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:#296cfe}
#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:#001cae;padding-left:5px;border-style:none none solid}
select:focus{border-bottom-width:2px;border-bottom-color:#001cae;padding-left:5px;border-style:none none solid}
textarea:focus{border-bottom-width:2px;border-bottom-color:#001cae;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:#296cfe;border:2px solid #296cfe;display:inline-block;padding:10px 25px;border-radius:50px}
.gonderbtn:hover{color:#FFF;text-decoration:none;background-color:#296cfe}
.btn{font-family:'Titillium Web',sans-serif;font-size:15px;cursor:pointer;display:inline-block;padding:10px 5px;width:58%;border-radius:50px;color:#93A4BF;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://www.nubitro.com/templates/website/Nubitro/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:#001cae;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:#001cae;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: #001cae;}
 .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:#296cfe}
.pakettitle h1{font-size:34px}
.tablopaketler .gonderbtn{border:none;font-size:17px;padding:17px 30px;color:#296cfe;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:#001cae;color:#fff}
#paketaktifbtn{background:#296cfe;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 #001cae;padding:25px 0px;margin-top:-10px;overflow:hidden}
.tablepaket.active .gonderbtn{background:#001cae;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:#296cfe;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 #001cae}
.tpakettitle i{color:#296cfe;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:#001cae;float:left;width:100%;font-size:36px;font-weight:900}
.tablepaket h3 div{position:relative;display:inline}
.tablepopular{position:absolute;background:#001cae;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:#296cfe;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:#001cae}
.tablepaket .gonderbtn i{margin-right:5px}
.anascript{background-image:url(https://www.nubitro.com/templates/website/Nubitro/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: #001cae;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:#296cfe}
.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://www.nubitro.com/templates/website/Nubitro/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:#296cfe;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:#001cae;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:#001cae}
.ozellik .servisikonalt:hover i{color:#fff}
.ozellik:hover .servisikon{background:#001cae}
.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:#001cae;border:2px solid #001cae}
#genelpaketler #paketaktifbtn{background:#001cae;border:2px solid #001cae}
#genelpaketler .tpakettitle{background:#001cae}
#genelpaketler .fa.fa-caret-down{color:#001cae}
#genelpaketler .tablepaket .gonderbtn{color:#001cae;border:2px solid #001cae}
#genelpaketler .tablepaket .gonderbtn:hover{color:#fff}
#genelpaketler .tablepaket h3{color:#001cae}
#genelpaketler .tablepaket h4{color:#001cae}
.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 #296cfe;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:#296cfe}
.pager a.selected{background:#296cfe}
.musterigorusleri .list_carousel{width:900px;margin:auto}
#foo2 li{width:900px;height:250px}
.musyorum{width:100%;height:auto;color:#296cfe;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://www.nubitro.com/templates/website/Nubitro/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:#296cfe}
.haberblog li{width:455px}
.haberblog .list_carousel li img{float:left;margin-right:15px;    border-radius: 7px;}
.haberblog li h4 a{color:#001cae;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:#296cfe}
.istatistik h2{font-size:24px;font-weight:200;color:#296cfe;margin-top:15px}
.istatistik span{width:70%;height:1px;background:#296cfe;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://www.nubitro.com/templates/website/Nubitro/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:#296cfe;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:#001cae;}
.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://www.nubitro.com/templates/website/Nubitro/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://www.nubitro.com/templates/website/Nubitro/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:#296cfe}
.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: #296cfe;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://www.nubitro.com/templates/website/Nubitro/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:#296cfe;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:#296cfe}
#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://www.nubitro.com/templates/website/Nubitro/images/menubg.jpg);background-position:top center}
.menucolor{background-color:#296cfe;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:#296cfe;-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:#001cae69}
#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:#001cae;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 #001cae 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 #296cfe}
#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://www.nubitro.com/templates/website/Nubitro/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://www.nubitro.com/templates/website/Nubitro/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://www.nubitro.com/templates/website/Nubitro/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:#001cae;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 #001cae;color:#001cae;font-weight:700;outline:none}
.uyeolgirisyap .btn:hover{background:#001cae;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 #001cae;    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:#001cae;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:#001cae}
#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:#001cae;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:#001cae}
.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:#001cae;padding-left:5px;color:#001cae;border-style:none none solid}
.iletisimformu textarea:focus{border-bottom-width:2px;border-bottom-color:#001cae;padding-left:5px;color:#001cae;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:#001cae}
.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:#296cfe}
.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:#296cfe;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 #001cae}
.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://www.nubitro.com/templates/website/Nubitro/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:#93A4BF;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:#001cae;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 #93A4BF}
.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:#296cfe;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:#001cae;color:#fff;text-shadow:none}
#asamaaktif{color:#001cae;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:#93A4BF;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:#93A4BF;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:#296cfe;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:#296cfe;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:#296cfe;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:#296cfe;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:#296cfe;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 #296cfe;color:#296cfe;font-weight:600;border-radius:50px;display:inline-block;outline:none}
.lbtn:hover{color:#fff;background:#296cfe}
.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:#296cfe}
.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:#001cae;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:#296cfe;opacity:1.5;filter:alpha(opacity=100);font-weight:600;background:#eee;box-shadow:none;margin-top:5px}
#updownbtn:hover{background:#296cfe;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:#001cae}
.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:#001cae}
.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:#001cae}
.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:#001cae;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:#001cae}
.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://www.nubitro.com/templates/website/Nubitro/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:#296cfe}
.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:#001cae}
.sss .ui-widget-content{color:#296cfe}
.sss .ui-state-default,.ui-state-hover{color:#296cfe}
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:#296cfe}
.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:#296cfe;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:#296cfe;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:#001cae}
.homedomainarea h4{font-size:24px;font-weight:300;color:#296cfe;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:#296cfe}
.homedomainarea::-webkit-input-placeholder{color:#296cfe}
.homedomainarea:-moz-placeholder{color:#296cfe}
.homedomainarea::-moz-placeholder{color:#296cfe}
.homedomainarea:-ms-input-placeholder{color:#296cfe}
.homedomainarea input[type="submit"]:hover{background-color:#296cfe}
.homedomainarea input[type="submit"]{border:0px;background-color:#001cae;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:#296cfe}
.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:#296cfe;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:#296cfe;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:#93A4BF}
#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:#93A4BF!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:#93A4BF!important;border:1px solid #eee;background-color:#eee}
#muspanel .ui-widget-content{color:#93A4BF}
#muspanel .ui-state-active {background:#296cfe;    border-radius: 10px;}
#muspanel .ui-accordion .ui-accordion-header {   border-radius: 10px;}
#muspanel .dataTables_info {color: #93A4BF;}
#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}
.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:#001cae;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:#93A4BF;border:1px solid #93A4BF}
.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:#93A4BF;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://www.nubitro.com/templates/website/Nubitro/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 #001cae}


/* #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:#001cae}
.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:#296cfe;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:#296cfe;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:#296cfe}
#mobmenu #megamenuservice .padding20{padding:5px}
#mobmenu #megamenu h4{color:#296cfe}
#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 */
/* ======================= KATMAN 3: KOYU SIBER SKIN ====================== */
/* --- Gövde ve tipografi ------------------------------------------------ */
body{
  font-family:var(--font-sans);
  color:var(--text-soft);
  background:var(--bg) !important;
  background-image:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
/* Atmosfer: üst köşe ışımaları + ince grid */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(900px 500px at 12% -8%, rgba(var(--brand-1-rgb),.18), transparent 60%),
    radial-gradient(760px 460px at 92% 4%, rgba(var(--brand-2-rgb),.12), transparent 62%);
}
body > *{position:relative;z-index:1}

#home,#muspanel,#modernpanel{background-image:none !important;background:var(--bg) !important}

/*
 * İÇERİK GENİŞLİĞİ — legacy sayfaları tema kabıyla hizalar.
 *
 * Legacy tüm sayfa içeriğini "#wrapper{width:85%}" ile sarar (kırılımlara göre
 * %90/%95 varyantları da var). 1920px ekranda bu 1632px eder; header, hero ve
 * footer ise .nb-container ile 1220px. Sonuç: sepet, domain, ürün ve panel
 * sayfaları üstteki menüden belirgin şekilde geniş duruyordu.
 * Aynı ölçüye çekiyoruz — tek yerden tüm legacy sayfalar hizalanır.
 */
/*
 * FLOAT KAPSAMA (display:flow-root) — bu satır olmadan bazı sayfalar boş görünür.
 *
 * Legacy iki sütunlu sayfaları float ile kuruyor ve #wrapper'da HİÇBİR
 * clearfix yok:
 *     .listeleme    { float:left; width:73% }   (blog / yazılar)
 *     .sayfacontent { float:right; width:74% }  (bilgi bankası)
 *     .sidebar      { float:left; width:24% }
 * Şablonlarda da kapanış öncesi <div class="clear"> yok. Orijinal temada
 * bunu ".footer{float:left;width:100%}" örtüyordu: %100 genişlikteki float,
 * yanına sığmadığı için diğer floatların altına düşüyordu. Yeni footer
 * (.nb-footer) float DEĞİL — dolayısıyla yüksekliği sıfıra çöken #wrapper'ın
 * hemen ardına, floatların üstüne biniyordu. Sayfa "içerik görünmüyor,
 * hemen footer başlıyor" şeklinde bozuluyordu.
 *
 * flow-root yeni bir blok biçimlendirme bağlamı açar ve floatları kabın
 * içinde tutar; şablonlara dokunmadan tüm legacy sayfaları düzeltir.
 */
#wrapper{
  width:100% !important;
  max-width:var(--container) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:var(--gutter);
  padding-right:var(--gutter);
  box-sizing:border-box;
  display:flow-root;
}
/* İkinci güvenlik ağı: #wrapper dışında kalan floatlar için */
.nb-footer,#wisecp_brand{clear:both}

h1,h2,h3,h4,h5,h6{color:var(--ink)}
p{color:var(--text-soft)}
a{color:var(--text-soft)}
a:hover{color:var(--brand-2)}
hr{border-color:var(--line)}
::selection{background:rgba(var(--brand-1-rgb),.35);color:#fff}
:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}

::-webkit-input-placeholder{color:rgba(255,255,255,.34)}
::-moz-placeholder{color:rgba(255,255,255,.34)}
:-ms-input-placeholder{color:rgba(255,255,255,.34)}
::placeholder{color:rgba(255,255,255,.34)}

/* Ince scrollbar */
*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:999px;border:2px solid var(--bg)}
*::-webkit-scrollbar-thumb:hover{background:#25314A}

/* --- Üst menü / header -------------------------------------------------- */
.header,.fullwidthhead{background:transparent}
.header{border-bottom:1px solid var(--line)}
.menu,.menucolor{
  background:rgba(7,11,20,.82) !important;
  backdrop-filter:blur(16px) saturate(160%);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  border-bottom:1px solid var(--line);
  box-shadow:0 10px 40px -22px rgba(0,0,0,.9);
}
.menu ul li a,#mobsabitmenus li a{color:var(--text-soft) !important}
.menu ul li a:hover,#mobsabitmenus li a:hover{color:var(--ink) !important}
.menu ul li ul,#megamenu{
  background:var(--surface-2) !important;
  border:1px solid var(--line-strong);
  border-radius:var(--r);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}
.menu ul li ul li a{color:var(--text-soft) !important;border-bottom:1px solid var(--line)}
.menu ul li ul li a:hover{background:rgba(var(--brand-1-rgb),.14);color:var(--ink) !important}
.headbutonlar a{color:var(--text-soft)}
.headbutonlar a:hover{color:var(--ink)}
.headbutonlar a.borderedbtn{
  border:1px solid var(--line-brand) !important;
  border-radius:var(--r-full);
  color:var(--brand-2) !important;
}
.headbutonlar a.borderedbtn:hover{background:rgba(var(--brand-1-rgb),.14);color:var(--ink) !important}
#sepeticon,#headicon{color:var(--text-soft)}
#sepeticon:hover,#headicon:hover{color:var(--brand-2)}
.basket-count{background:var(--brand-1) !important;color:#fff !important}
#mobmenu{background:rgba(7,11,20,.97) !important;backdrop-filter:blur(18px);border-top:1px solid var(--line)}
#mobmenu a{color:var(--text-soft) !important;border-bottom:1px solid var(--line)}
#mobmenu a:hover{color:var(--ink) !important}
.menuAc{color:var(--text-soft)}

/* Sayfa üst başlığı */
.sayfaustheader,#header2{
  background:linear-gradient(180deg,rgba(var(--brand-1-rgb),.14),transparent 70%),var(--bg-soft) !important;
  border-bottom:1px solid var(--line);
}
.sayfabaslik h1{color:var(--ink)}
.sayfabaslik a{color:var(--text-dim)}
.headerwhite{display:none}
/* Breadcrumb (legacy sarmalayıcı) — öğeler arada boşluk olmadan birleştirilir */
.sayfayolu{
  display:flex;flex-wrap:wrap;align-items:center;gap:9px;
  overflow-wrap:anywhere;line-height:1.6;
}
.sayfayolu,.sayfayolu a{color:var(--text-dim)}
.sayfayolu a:hover{color:var(--brand-2)}
.sayfayolu i{margin:0 !important;font-size:10px;opacity:.55}

/* --- Butonlar ----------------------------------------------------------- */
.gonderbtn,.lbtn,.sbtn,.btn,.mavibtn,.incelebtn,input[type="submit"],button.btn{
  background:var(--grad-brand) !important;
  color:#fff !important;
  border:1px solid transparent !important;
  border-radius:var(--r-full) !important;
  box-shadow:0 10px 26px -12px rgba(var(--brand-1-rgb),.85);
  transition:transform .18s var(--ease),box-shadow .25s var(--ease),filter .2s var(--ease);
}

/*
 * Legacy butonlarda yazı dikeyde ortalanmıyordu.
 * Sebep çakışan legacy kuralları: .gonderbtn padding:17px 30px verirken
 * .yesilbtn "padding:7px 0; height:100%" uyguluyor; yükseklik ebeveynden
 * gelince metin üste yapışıyor. Flex ile hem dikey hem yatay ortalama
 * legacy padding/height değerlerinden bağımsız garanti altına alınır.
 */
.gonderbtn,.lbtn,.sbtn,.btn,.mavibtn,.incelebtn,.yesilbtn,button.btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  line-height:1.2;
  box-sizing:border-box;
}
.gonderbtn:hover,.lbtn:hover,.sbtn:hover,.btn:hover,.mavibtn:hover,.incelebtn:hover,input[type="submit"]:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
  box-shadow:0 16px 40px -14px rgba(var(--brand-1-rgb),1);
  color:#fff !important;
}
.yesilbtn,.green{
  background:linear-gradient(135deg,#16A34A,#22C55E) !important;
  color:#fff !important;border-color:transparent !important;
  box-shadow:0 10px 26px -12px rgba(34,197,94,.8);
}
.yesilbtn:hover,.green:hover{filter:brightness(1.08);color:#fff !important}
.red,#largeredbtn{background:linear-gradient(135deg,#DC2626,#EF4444) !important;color:#fff !important;border-color:transparent !important}
#sunucutukenbtn{background:var(--surface-3) !important;color:var(--text-dim) !important;box-shadow:none;cursor:not-allowed}

/*
 * Sekmeler.
 *
 * .tablinks temada HER ZAMAN bir <ul class="tab"> içinde geçiyor (hizmet
 * detayları, hesap bilgileri, sepet). Daha önce hap (pill) biçimindeydi;
 * bir sekme şeridinin içinde yuvarlak düğmeler dizisi gibi durup şeridi
 * kalabalıklaştırıyordu. Artık düz sekme: alt kenarda vurgu çizgisi.
 * Şeridin kendisi (ul.tab) panel.php'de ele alınıyor.
 */
.tablinks{
  background:transparent !important;
  color:var(--text-dim) !important;
  border:0 !important;
  border-right:1px solid var(--line) !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
}
.tablinks:hover{background:rgba(255,255,255,.04) !important;color:var(--ink) !important}
.tablinks.active{
  background:rgba(var(--brand-1-rgb),.14) !important;
  color:var(--ink) !important;
  border-bottom-color:var(--brand-1) !important;
}
/* Bunlar sekme değil, ürün listesi filtre düğmeleri — hap biçimi korunur */
#category-button-active,.miotab-labels a.gonderbtn.active{
  background:var(--grad-brand) !important;color:#fff !important;border-color:transparent !important;
}
.tabcontent,.tabcontentcon{background:transparent;color:var(--text-soft)}

/* --- Kartlar / paneller ------------------------------------------------- */
/*
 * Bu listede KART OLMAYAN iki sınıf bilerek yok:
 *
 * .wnotifilistcon — bildirim satırındaki metin sütunu (float:right; %90).
 *   Kart muamelesi görünce her bildirim ayrı çerçeveli kutuya dönüşüyordu.
 * .hesapbilgisi   — "Bilgilerim" formundaki TEK BİR ALAN satırı (etiket +
 *   girdi). Kart olunca 20 alanlık form, 20 ayrı yuvarlak kutuya bölünüyordu.
 *
 * İkisi de panel.php'de satır olarak ele alınıyor.
 */
.tablepaket,.hizmetblok,.formcon,.mpanelrightcon,.siparisbilgileri,
.homedomainarea,.paketcon,.blokcon,.bilgicon{
  background:var(--surface) !important;
  background-image:var(--grad-surface);
  border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:none !important;
  color:var(--text-soft);
}
.tablepaket{transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s}
.tablepaket:hover{
  transform:translateY(-5px);
  border-color:var(--line-brand) !important;
  box-shadow:var(--shadow-lg) !important;
}
.tablepaket.active{
  border-color:rgba(var(--brand-1-rgb),.5) !important;
  background:linear-gradient(180deg,rgba(var(--brand-1-rgb),.10),var(--surface) 45%) !important;
  box-shadow:var(--glow-1) !important;
}
.tablepopular{
  background:var(--grad-brand) !important;color:#fff !important;
  border-radius:var(--r-full);box-shadow:0 8px 20px -8px rgba(var(--brand-1-rgb),.9);
}
.tpakettitle,.pakettitle h1,.mpaneltitle,.hesapbilgititle{color:var(--ink) !important}
.pakettitle h2{color:var(--text-dim) !important}
.paketline,.line{background:var(--line) !important;border:0;height:1px}
.tablepaket span{color:var(--text-soft)}
.tablepaket span strong{color:var(--ink)}
.products_features{color:var(--text-soft)}
.amount_spot_view{color:var(--ink)}
.tablepaket h3,.tablepaket h4{color:var(--ink)}
.hizmetblok:hover{border-color:var(--line-brand) !important;transform:translateY(-4px)}
.hizmetblok h3,.hizmetblok h4{color:var(--ink)}

/* Bölüm arka planları */
.tablopaketler,.anatanitim,.products_list,.ebulten,.faydalicon,.mgorusler{
  background-color:transparent !important;
  /*
   * .tablopaketler legacy'de "box-shadow: inset 0 0 70px 40px #fff" taşır —
   * 40px yayılan BEYAZ iç gölge. Sadece background çevrildiğinde bu gölge
   * kalıyor ve paket kutularının arkasında beyaz sis olarak görünüyordu.
   */
  box-shadow:none !important;
}

/* --- Legacy'de kalan diğer beyaz yüzeyler ------------------------------- */
.haberblog,.uyeol,.mpanelright,.mpanelleft,.invoicex,.blogcon{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:none !important;
  color:var(--text-soft);
}
.haberblog h3,.haberblog h4,.invoicex h3,.invoicex h4{color:var(--ink)}

.fullwidthhead{background-color:transparent !important;background-image:none !important}

/* Özellik listelerindeki tik ikonu beyaz daire zeminliydi */
.fa-check-circle{background:transparent !important;color:var(--ok) !important}

/* Panel görünüm değiştirme düğmesi */
.style-toggle-button{
  background:var(--surface-2) !important;color:var(--text-soft) !important;
  box-shadow:none !important;border:1px solid var(--line) !important;
}

.license-none{
  background:var(--danger-dim) !important;color:#FCA5A5 !important;
  border:1px solid rgba(239,68,68,.3);
}

/* Paket kutusu içindeki vurgular */
.tablepaket strong,.tablepaket b{color:var(--ink)}
.products_features{color:var(--text-soft) !important}

/*
 * "SEPETE EKLE" butonu alt alta yazılıyordu.
 * Sebep legacy'deki ".gonderbtn{width:41%}" — kutunun %41'i, metin sığmayınca
 * kelime alt satıra düşüyor. Genişliği içeriğe bırakıp tek satıra sabitliyoruz;
 * kutu daraldığında (mobil) tekrar sarmasına izin veriyoruz.
 */
.tablepaket .gonderbtn{
  /* Blok seviyesi flex + fit-content + auto kenar boşluğu = kesin ortalama.
     inline-flex'te auto kenar boşluğu 0'a düşüyor ve buton sağda kalıyordu. */
  display:flex !important;
  width:fit-content !important;
  max-width:100%;
  margin:14px auto 4px !important;
  padding:14px 26px !important;
  white-space:nowrap;
  float:none !important;
}
@media (max-width:640px){
  .tablepaket .gonderbtn{white-space:normal;padding:12px 18px !important}
}

/* Sosyal paylaşım butonları kaldırıldı — şablonlardan çıkarıldı, bu da
   herhangi bir yerde kalan boş sarmalayıcının yer kaplamasını engeller. */
.paypasbutonlar{display:none !important}

/* --- Sipariş adımları göstergesi (1 2 3) -------------------------------- */
/* Legacy: .ilanasamax h3{background:#eee;text-shadow:.03em .03em #fff} */
.ilanasamax{color:var(--text-dim)}
.ilanasamax h3{
  background:var(--surface-2) !important;
  color:var(--text-dim) !important;
  border:1px solid var(--line) !important;
  text-shadow:none !important;
  box-sizing:border-box;
}
#asamaaktif{color:var(--brand-2) !important}
#asamaaktif h3{
  background:var(--grad-brand) !important;
  color:#fff !important;
  border-color:transparent !important;
  text-shadow:none !important;
  box-shadow:0 8px 22px -10px rgba(var(--brand-1-rgb),.9);
}
.asamaline{background:var(--line) !important;height:2px !important}

/* --- Eklenti ve seçenekler tablosu (sipariş adımı + ürün detayı) -------- */
/*
 * Çekirdek bu alanı çıplak bir <table border="0"> olarak basar: hücrelerde
 * dolgu yok, satırların kendi zemini yok. Sonuç olarak genel
 * "table tbody tr:hover" kuralı metnin tam dibinden başlayan, köşesiz ve sert
 * bir vurgu üretiyordu.
 *
 * Çözüm: satırları birbirinden ayrılmış kartlara çeviriyoruz.
 * border-spacing satır aralığını, hücre başına yuvarlatılmış uçlar da kart
 * görünümünü verir; hover artık kartın tamamını yumuşak bir geçişle vurgular.
 */
/* Başlık ayracı legacy'de #ebebeb kalmıştı — koyu zeminde çok parlaktı */
.skonfiginfo h4{
  color:var(--ink) !important;
  border-bottom:1px solid var(--line) !important;
  font-size:1rem !important;
  padding-bottom:12px !important;
  margin-bottom:14px !important;
}
.skonfiginfo table{
  border-collapse:separate !important;
  border-spacing:0 10px !important;
  margin-top:-4px !important;
}
.skonfiginfo table tr{background:none !important}
.skonfiginfo table td{
  background:var(--surface-2);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:16px 18px !important;
  vertical-align:middle;
  transition:background .22s var(--ease),border-color .22s var(--ease);
}
.skonfiginfo table td:first-child{
  border-left:1px solid var(--line);
  border-radius:var(--r) 0 0 var(--r);
}
.skonfiginfo table td:last-child{
  border-right:1px solid var(--line);
  border-radius:0 var(--r) var(--r) 0;
}
.skonfiginfo table tr:hover td{
  background:rgba(var(--brand-1-rgb),.09);
  border-color:var(--line-brand);
}

/* Sol sütun: eklenti adı + açıklaması */
.skonfiginfo table td label{display:block;cursor:pointer}
.skonfiginfo table td label strong{
  color:var(--ink);
  font-size:.9375rem;
  font-weight:650;
  line-height:1.35;
}
.skonfiginfo table td label span{
  display:block;
  margin-top:6px;
  font-size:.8125rem !important;   /* satır içi style="font-size:14px" ezilir */
  line-height:1.6;
  color:var(--text-dim);
}
.skonfiginfo table td .zorunlu{float:left;margin-right:6px;line-height:1.35}

/* Sağ sütun: seçim alanları */
.skonfiginfo table td select{
  width:100%;
  max-width:100%;
  padding:11px 13px !important;
  font-size:.875rem !important;
  line-height:1.4;
  cursor:pointer;
}
.skonfiginfo table td .radio-custom-label,
.skonfiginfo table td .checkbox-custom-label{
  display:inline-block;
  margin-bottom:6px;
  font-size:.875rem;
}

/* Dar ekranda iki sütun alt alta gelsin */
@media (max-width:640px){
  .skonfiginfo table{border-spacing:0 !important}
  .skonfiginfo table tbody,.skonfiginfo table tr,.skonfiginfo table td{
    display:block;
    width:100% !important;
  }
  .skonfiginfo table tr{
    margin-bottom:10px;
    border:1px solid var(--line);
    border-radius:var(--r);
    background:var(--surface-2) !important;
    overflow:hidden;
  }
  .skonfiginfo table td{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    padding:14px 16px !important;
  }
  .skonfiginfo table td:first-child{padding-bottom:2px !important}
  .skonfiginfo table tr:hover{border-color:var(--line-brand)}
}

/* --- Sipariş özeti yan paneli ------------------------------------------ */
/*
 * Legacy ".skonfigside{background:#<ikincil renk>;color:#fff}" kullanıyor.
 * İkincil renk açık (siyan) seçildiğinde beyaz yazı okunmaz hale geliyordu.
 * Marka rengine bağlı kalmak yerine tema yüzeyine çekiyoruz.
 */
.skonfigside{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important;
  color:var(--text-soft) !important;
  box-shadow:none !important;
}
.skonfigside h4{
  color:var(--ink) !important;
  border-bottom:1px solid var(--line) !important;
  font-size:.9375rem;
}
/*
 * Sipariş özetindeki ayraç kutu gibi görünüyordu (yuvarlak köşeli, çerçeveli).
 * Legacy markup'ında zaten var olan <div class="line"></div> öğesine başka bir
 * kural yükseklik/çerçeve/köşe veriyor; hepsini kesin olarak sıfırlıyoruz.
 */
.skonfigside .line{
  background:var(--line) !important;
  display:block !important;
  float:none !important;
  width:100% !important;
  height:1px !important;
  min-height:0 !important;
  max-height:1px !important;
  margin:14px 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.skonfigside span{color:var(--text-soft)}
.skonfigside span strong,.skonfigside strong{color:var(--ink)}
.skonfigside h3 span{color:var(--text-soft)}
/*
 * EK HİZMET SATIRLARI (#service_amounts)
 *
 * Çekirdek her satırı "<span>- Etiket - Değer <strong>Tutar</strong></span>"
 * olarak basar. Legacy ".skonfigside span" float:left + strong float:right
 * kullandığı için uzun etiket metni tutarın ALTINDAN akıp üstüne biniyordu.
 * Flex satırına çeviriyoruz: metin kendi sütununda sarar, tutar sağda sabit
 * genişlikte ve dikeyde ortalı kalır.
 */
#service_amounts span{
  display:flex !important;
  float:none !important;
  width:100% !important;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 0 !important;
  font-size:.8125rem;
  line-height:1.55;
  color:var(--text-dim);
  border-bottom:1px solid var(--line);
}
#service_amounts span:last-child{border-bottom:0;padding-bottom:0 !important}
#service_amounts span strong{
  float:none !important;
  flex:none;
  text-align:right;
  white-space:nowrap;
  font-size:.8125rem;
  font-weight:650;
  color:var(--ink) !important;
}

/*
 * TOPLAM TUTAR BLOĞU
 *
 * Önceki halinde üstünde bir <div class="line"> ayracı, hemen altında da
 * çerçeveli bir kutu vardı; iki ayraç üst üste binince kutu "yapıştırılmış"
 * duruyordu. Ayracı gizleyip bloğu tek başına duran bir özet paneline
 * çeviriyoruz: etiket küçük/sönük, tutar büyük ve gradyan vurgulu.
 */
.skonfigside .line:has(+ .sunucretler){display:none !important}
.sunucretler{
  margin-top:18px;
  padding:16px 18px;
  border:1px solid var(--line-brand);
  border-radius:var(--r);
  background:linear-gradient(135deg,rgba(var(--brand-1-rgb),.16),rgba(var(--brand-2-rgb),.05));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.sunucretler h3{margin:0}
.sunucretler h3 span{
  display:flex !important;
  float:none !important;
  width:100% !important;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:6px 14px;
  font-size:.75rem !important;
  font-weight:600;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--text-dim) !important;
}
.sunucretler #total_amount{
  font-size:clamp(1.5rem,1.2rem + 1vw,1.875rem) !important;
  font-weight:800;
  letter-spacing:-.025em;
  line-height:1.15;
  text-transform:none;
  white-space:nowrap;
  background:var(--grad-text);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
}

/* Yan paneldeki "DEVAM ET" butonu */
.sunucusipside .gonderbtn{
  background:var(--grad-brand) !important;
  color:#fff !important;
  border:1px solid transparent !important;
  border-radius:var(--r-full) !important;
  box-shadow:0 12px 30px -14px rgba(var(--brand-1-rgb),.9) !important;
  width:100% !important;
  padding:15px 20px !important;
}
.homedomainarea-con{background:transparent}
.homedomainarea{box-shadow:var(--shadow-lg) !important}
.spottlds{
  background:var(--surface-2) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  color:var(--text-soft);
}
.spottlds h5{color:var(--brand-2) !important}

/* --- Formlar ------------------------------------------------------------ */
input,select,textarea{
  background:var(--surface-2) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:var(--r-sm) !important;
  color:var(--ink) !important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--brand-1) !important;
  box-shadow:0 0 0 3px rgba(var(--brand-1-rgb),.18) !important;
  background:var(--surface-3) !important;
}
/*
 * YATAY DOLGU
 *
 * Legacy alanları alt çizgili form olarak kurgulamış: "input,select,textarea
 * {padding:10px 0}" — yani yatay dolgu YOK. Alanları çerçeveli/yuvarlak kutuya
 * çevirdiğimiz için metin ve yer tutucu sol kenara yapışıyordu.
 *
 * !important ŞART: WISECP'nin kendi stil dosyaları (resources/assets/style/
 * theme.css ve theme-default.css) main-head.php'de tema CSS'inden SONRA
 * yükleniyor ve yatay dolguyu tekrar sıfırlıyor:
 *   theme-default.css → .ModifyWhois input{padding:15px 0}      (Whois formu)
 *   theme.css         → .tabcontentcon input:focus{padding-left:0}
 * İkincisi yüzünden alana TIKLAYINCA metin sola sıçrıyordu; bu yüzden odak
 * durumu da ayrıca yazılır.
 *
 * Onay kutusu, radyo ve butonlar hedeflenmez — kendi ölçülerini korurlar.
 */
input[type="text"],input[type="email"],input[type="password"],input[type="number"],
input[type="search"],input[type="tel"],input[type="url"],input[type="date"],
input:not([type]),textarea,select,
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,
input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,
input[type="url"]:focus,input[type="date"]:focus,
input:not([type]):focus,textarea:focus,select:focus{
  padding-left:12px !important;
  padding-right:12px !important;
}
/*
 * KUTU MODELİ — yatay dolgunun ZORUNLU tamamlayıcısı.
 *
 * Legacy alanlara "width:100%" verir ve hiçbir katman box-sizing tanımlamaz;
 * yani alanlar content-box'tur. Yukarıdaki 12px'lik dolgu bu durumda kabın
 * DIŞINA eklenir: tam genişlikli her alan kabı 26px (2×12 + kenarlık) taşırır.
 * Dar ekranda bu taşma sayfayı yatayda kaydırıp içeriğin sağ kenarını ekrana
 * yapıştırıyordu (ör. destek talebi yanıt kutusu).
 */
input,select,textarea{box-sizing:border-box !important}
/*
 * İSTİSNA — ülke kodlu telefon alanı (intl-tel-input).
 * Bayrak ve alan kodu alanın SOLUNA mutlak konumla yerleşir; sol dolgu onlara
 * ayrılmıştır. Yukarıdaki !important bunu ezerse metin bayrağın üstüne biner.
 * Eklentinin kendi ölçüleri korunur.
 */
.intl-tel-input input,
.intl-tel-input input[type="text"],
.intl-tel-input input[type="tel"]{padding-left:52px !important}
.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 !important}
input[type="submit"],input[type="button"]{color:#fff !important}
select option{background:var(--surface-2);color:var(--ink)}
.checkbox-custom-label,.radio-custom-label,.checktext,.kinfo{color:var(--text-soft)}
.checkbox-custom-label a,.kinfo a{color:var(--brand-2)}
#DomainCheck input[type="text"]{background:transparent !important;border:0 !important}

/* Durum metinleri */
.zorunlu,.error{color:#FCA5A5 !important}
.notice{color:var(--warn) !important}
.complete,.success{color:var(--ok) !important}
.blue-info{background:rgba(var(--brand-1-rgb),.12) !important;border:1px solid var(--line-brand) !important;color:#BFD4FF !important;border-radius:var(--r-sm)}
.green-info{background:var(--ok-dim) !important;border:1px solid rgba(34,197,94,.3) !important;color:#86EFAC !important;border-radius:var(--r-sm)}
.red-info{background:var(--danger-dim) !important;border:1px solid rgba(239,68,68,.3) !important;color:#FCA5A5 !important;border-radius:var(--r-sm)}
.listingstatus{border-radius:var(--r-full)}

/* --- Tablolar ----------------------------------------------------------- */
table{color:var(--text-soft);border-color:var(--line) !important}
table thead th,.horizontal-list thead th,thead[style]{
  background:rgba(255,255,255,.04) !important;
  color:var(--ink) !important;
  border-bottom:1px solid var(--line) !important;
}
table td,table th{border-color:var(--line) !important}

/*
 * SUNUM NİTELİĞİ: <td bgcolor="#ebebeb">
 *
 * Çekirdek şablonları bölüm başlığı satırlarını (Genel Bilgiler, Ödeme
 * Detayları ...) CSS yerine HTML niteliğiyle boyuyor. Koyu temada bu hücreler
 * bembeyaz kalıyordu. Nitelik değerine göre eşleştiriyoruz ("i" bayrağı büyük/
 * küçük harf farkını kapsar) — böylece durum bildiren RENKLİ hücreler
 * (yeşil/kırmızı) kendi anlamlarını koruyor, yalnızca gri tonlar koyulaşıyor.
 *
 * Panele özgü #modernpanel/#muspanel karşılığı panel.php'de duruyor; buradaki
 * kural sepet, fatura ve diğer legacy sayfaları da kapsar.
 */
td[bgcolor="#ebebeb" i],th[bgcolor="#ebebeb" i],tr[bgcolor="#ebebeb" i],
td[bgcolor="#eee" i],th[bgcolor="#eee" i],tr[bgcolor="#eee" i],
td[bgcolor="#f2f2f2" i],th[bgcolor="#f2f2f2" i],tr[bgcolor="#f2f2f2" i]{
  background-color:rgba(255,255,255,.05) !important;
  /*
   * background-image ve filter DE temizlenmeli: legacy bu hücrelerin bir
   * kısmına ayrıca beyaz→gri gradyan basıyor (aşağıdaki .hizmetblok kuralı).
   * Yalnızca background-color yazmak yetmiyordu; gradyan rengin üstünde
   * kalıp hücreyi beyaz gösteriyordu.
   */
  background-image:none !important;
  filter:none !important;
  color:var(--ink) !important;
}
/*
 * Hizmet detayı bloklarının başlık satırı ("Genel Bilgiler", "Ödeme
 * Detayları"): legacy'de
 *   .hizmetblok tr:nth-child(1) td{background:linear-gradient(#efefef,#fff)}
 * artı eski IE gradyan filtresi. Nitelik seçicisinden daha özgül olduğu için
 * ayrıca ele alınır.
 */
.hizmetblok tr:nth-child(1) td,
.hizmetblok tr:first-child td{
  background:rgba(255,255,255,.05) !important;
  background-image:none !important;
  filter:none !important;
  color:var(--ink) !important;
  border-bottom:1px solid var(--line) !important;
}
.hizmetblok #otherLimits tr:nth-child(1) td{
  background:transparent !important;color:var(--text-soft) !important;
}
.hizmetblok tr td{border-bottom:1px solid var(--line) !important}
/* Durum bildiren renkli hücreler: pastel yerine temanın durum tonları */
td[bgcolor="#4caf50" i],td[bgcolor="#d6fe81" i]{
  background-color:var(--ok-dim) !important;color:#86EFAC !important;
}
td[bgcolor="#ffcaca" i]{background-color:var(--danger-dim) !important;color:#FCA5A5 !important}
td[bgcolor="#c6ffff" i]{background-color:rgba(var(--brand-2-rgb),.14) !important;color:var(--brand-2) !important}
table tbody tr{transition:background .2s}
table tbody tr:hover{background:rgba(255,255,255,.022)}

/*
 * SATIR İÇİ IŞIMA — çekirdek (resources/assets/style/theme.css) tablo
 * satırlarına şunu uyguluyor:
 *   box-shadow: inset 0 8px 19px -6px rgba(191,191,191,.3)   (hover'da .6)
 * Açık temada hafif bir kabartma; koyu zeminde ise her satırın üstünden içeri
 * doğru vuran gri bir ışık lekesi olarak görünüyordu. Kural birden çok
 * bağlamda tekrarlanıyor (#modernpanel .dataTables_wrapper, #clean-theme-client,
 * .sunucular, .moderncliendblock) — hepsini tek yerden kapatıyoruz.
 */
table tr,table tr:hover,
table tbody tr,table tbody tr:hover{box-shadow:none !important}
.table-striped tbody tr:nth-child(odd){background:rgba(255,255,255,.02)}
.dataTables_wrapper,.dataTables_info,.dataTables_length,.dataTables_filter{color:var(--text-dim)}
.dataTables_paginate .paginate_button{color:var(--text-soft) !important}

/* --- Sunucu / ürün listesi (DataTables) --------------------------------- */
/*
 * ÖNEMLİ: jquery.dataTables.min.css, main-head.php'de tema CSS'inden SONRA
 * yüklenir. Bu yüzden kendi beyaz zeminleri (tbody tr, .sorting_1, .odd/.even)
 * normal kurallarımızı ezer; buradaki override'ların !important olması şart.
 * thead ayrıca satır içi style="background:#ebebeb" taşır — o da ancak
 * !important ile geçilebilir.
 */
table.dataTable,.horizontal-list{
  width:100% !important;
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  /* --r-lg (20px) tablo gibi geniş bir yüzeyde şişkin duruyordu */
  border-radius:var(--r) !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  overflow:hidden;
}
.horizontal-list thead,table.dataTable thead,thead[style]{
  background:var(--surface-2) !important;
}
.horizontal-list thead th,table.dataTable thead th{
  background:transparent !important;
  color:var(--text-dim) !important;      /* başlıklar sakin, veri öne çıksın */
  font-size:.6875rem !important;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  padding:13px 14px !important;
  border-bottom:1px solid var(--line-strong) !important;
  white-space:nowrap;
}
.horizontal-list thead th strong{color:inherit;font-weight:inherit}

.horizontal-list tbody td,table.dataTable tbody td{
  background:transparent !important;
  color:var(--text-soft) !important;
  border-bottom:1px solid var(--line) !important;
  padding:16px 14px !important;
  font-size:.875rem;
  vertical-align:middle !important;
}
table.dataTable tbody tr,
table.dataTable tbody tr.odd,
table.dataTable tbody tr.even{background-color:transparent !important}
table.dataTable tbody tr:hover > td{background:rgba(var(--brand-1-rgb),.06) !important}
.horizontal-list tbody tr:last-child td{border-bottom:0 !important}

/*
 * DataTables sıralı sütunu (.sorting_1) kendi zeminiyle boyar. Koyu temada bu,
 * satırın ortasında biten mavi bir blok gibi görünüyor ve tabloyu iki parçaya
 * bölüyordu. Vurguyu zeminden alıp yazıya taşıyoruz.
 */
table.dataTable tbody tr > .sorting_1,
table.dataTable tbody tr.odd > .sorting_1,
table.dataTable tbody tr.even > .sorting_1{
  background:transparent !important;
  color:var(--ink) !important;
}
.horizontal-list tbody td strong{color:var(--ink);font-weight:700}
/* İlk sütun (ürün adı) satırın çapası — biraz daha güçlü */
.horizontal-list tbody td:first-child strong{font-size:.9375rem;letter-spacing:-.01em}

/* Fiyat hücresi */
.horizontal-list tbody h4{margin:0;color:var(--ink);font-size:1.125rem;line-height:1.3;font-weight:800;letter-spacing:-.02em}
.horizontal-list tbody h4 strong{color:var(--ink)}
.horizontal-list tbody h4 span{
  display:block;margin-top:3px;
  color:var(--text-dim) !important;
  font-size:.75rem !important;          /* satır içi style="font-size:16px" ezilir */
  font-weight:500;letter-spacing:0;
}

/* Satır içi "Satın Al" butonu: tablo ritmine uygun, gölgesi hafif */
.horizontal-list tbody .lbtn,.horizontal-list tbody .green{
  padding:10px 18px !important;
  font-size:.8125rem !important;
  font-weight:700;
  letter-spacing:.01em;
  white-space:nowrap;
  box-shadow:0 6px 16px -10px rgba(34,197,94,.75) !important;
}
.horizontal-list tbody .lbtn i,.horizontal-list tbody .green i{margin:0 !important;font-size:12px}

/*
 * Stok durumu rozeti ("Tükendi")
 *
 * Legacy bunu mutlak konumlu bir balon olarak kurgulamış:
 *   .sunucustok{position:absolute;margin-left:-73px;margin-top:-50px;width:62px}
 * artı :after ile üçgen ok. Bu değerler tablo hücresinde ürün adının ÜSTÜNE
 * biniyordu. Rozeti akışa geri alıp konum/genişlik/ok tamamen sıfırlanır.
 */
.sunucustok,#tukendi{
  position:static !important;
  display:inline-block !important;
  margin:8px 0 0 0 !important;
  width:auto !important;
  padding:3px 11px !important;
  border-radius:var(--r-full) !important;
  background:var(--danger-dim) !important;
  color:#FCA5A5 !important;
  border:1px solid rgba(239,68,68,.32) !important;
  font-size:.6875rem !important;
  font-weight:700;
  line-height:1.7;
  white-space:nowrap;
}
.sunucustok::after,#tukendi::after{content:none !important;display:none !important;border:0 !important}

/* Sıralama okları: arka plan görseli yerine metin işareti */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc{
  background-image:none !important;
  position:relative;cursor:pointer;padding-right:24px !important;
}
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after{
  position:absolute;right:9px;top:50%;transform:translateY(-50%);
  font-size:10px;line-height:1;opacity:.45;color:var(--text-dim);
}
table.dataTable thead .sorting::after{content:"\2195"}
/* Etkin sıralama tek vurgulu ok — pasif oklar sönük kalır */
table.dataTable thead .sorting_asc::after{content:"\2191";opacity:1;color:var(--brand-2)}
table.dataTable thead .sorting_desc::after{content:"\2193";opacity:1;color:var(--brand-2)}

/* Sarmalayıcı: bilgi satırı, arama, sayfalama */
.dataTables_wrapper,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter{color:var(--text-dim) !important}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select{
  background:var(--surface-2) !important;
  border:1px solid var(--line-strong) !important;
  color:var(--ink) !important;
  border-radius:var(--r-sm) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
  color:var(--text-soft) !important;
  background:transparent !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r-sm) !important;
  margin:0 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  background:rgba(var(--brand-1-rgb),.14) !important;
  border-color:var(--line-brand) !important;
  color:var(--ink) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
  background:var(--grad-brand) !important;color:#fff !important;border-color:transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{opacity:.4}

/*
 * ÖZGÜLLÜK ARTIRIMI — jquery.dataTables.min.css tema CSS'inden SONRA yükleniyor
 * ve aynı özgüllükte (0,3,0) şunu yazıyor:
 *   .dataTables_wrapper .dataTables_paginate .paginate_button.current,
 *   ...:hover { color:#607D8B !important; background-color:#eee }
 * Sonuç: aktif sayfa numarası gri-mavi kalıp okunmuyordu. Seçicilere "div" ve
 * "a" ekleyerek (0,3,2) özgüllüğe çıkıyoruz; gradyan background-image olarak
 * yazılır ki eklentinin background-color'ı onu bastıramasın.
 */
div.dataTables_wrapper .dataTables_paginate a.paginate_button,
div.dataTables_wrapper .dataTables_paginate a.paginate_button:active{
  color:var(--text-soft) !important;
  background-color:transparent !important;
  background-image:none !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r-sm) !important;
}
div.dataTables_wrapper .dataTables_paginate a.paginate_button:hover{
  color:var(--ink) !important;
  background-color:rgba(var(--brand-1-rgb),.14) !important;
  border-color:var(--line-brand) !important;
}
div.dataTables_wrapper .dataTables_paginate a.paginate_button.current,
div.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover,
div.dataTables_wrapper .dataTables_paginate a.paginate_button.current:active{
  color:#fff !important;
  background-color:var(--brand-1) !important;
  background-image:var(--grad-brand) !important;
  border-color:transparent !important;
  font-weight:700;
}
div.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled,
div.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:hover{
  color:var(--text-dim) !important;
  background-color:transparent !important;
  border-color:var(--line) !important;
  opacity:.45;
}

/* Responsive (dtr-inline) açılır satır detayları */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child{background:rgba(255,255,255,.02) !important}
table.dataTable > tbody > tr.child ul.dtr-details > li{
  border-bottom:1px solid var(--line) !important;color:var(--text-soft);
}
table.dataTable > tbody > tr.child span.dtr-title{color:var(--ink)}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before,
table.dataTable > tbody > tr > td.dtr-control::before{
  background:var(--brand-1) !important;border:0 !important;box-shadow:none !important;color:#fff !important;
}

/*
 * Açma düğmesi ile hücre içeriğini DİKEY yığ.
 *
 * dataTables.responsive.css kontrol hücresini şöyle kuruyor:
 *   td:first-child        { position:relative; padding-left:30px }
 *   td:first-child:before { position:absolute; top:9px; left:4px }  → "+"
 * Yani "+" solda, içerik (destek talebi no) sağında kalıyor. Sütun dar
 * olduğu için numara alt satıra düşüyor ama sola yaslı kalıyordu —
 * "+" ile hizasız görünüyordu. Düğmeyi yatayda ortalayıp içeriği tam
 * altına alıyoruz. Seçici ".collapsed" içerdiği için yalnızca sütun
 * gizleme etkinken devreye girer; tüm sütunlar görünürken düğme de
 * basılmadığından üstteki boşluk oluşmaz.
 */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable > tbody > tr > td.dtr-control{
  padding-left:8px !important;
  padding-right:8px !important;
  padding-top:32px !important;
  text-align:center !important;
  white-space:nowrap;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
table.dataTable > tbody > tr > td.dtr-control::before{
  top:8px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%);
}

/* --- Sepet sayfası ------------------------------------------------------ */
/*
 * Legacy sepet düzeni büyük punto ve geniş boşluklarla kurulmuş
 * (.sepetbaslik line-height:50px, .sepetlistcon padding:30px 20px,
 * .uhinfo h5 18px, .uhtutar h4 20px). Koyu temada fazlasıyla iri duruyordu;
 * ölçüler sayfayla orantılı hale getirilip yüzeyler koyulaştırıldı.
 */
.sepetbaslik{
  background:rgba(255,255,255,.05) !important;
  color:var(--ink) !important;
  border:1px solid var(--line);
  border-radius:var(--r) !important;
  line-height:48px !important;
  font-size:.875rem !important;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.sepetlist{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  box-shadow:none !important;
  margin:12px 0 !important;
}
.sepetlistcon{padding:22px 20px !important}
.uhinfo h5{font-size:1.0625rem !important;color:var(--ink)}
.uhinfo p{font-size:.875rem !important;color:var(--text-dim)}
.uhinfo h4 a{font-size:.875rem !important;color:#FCA5A5 !important}
.uhperiyod h5{font-size:1rem !important;color:var(--text-soft)}
.uhperiyod select{
  font-size:.875rem !important;font-weight:600;
  background:var(--surface-2) !important;color:var(--ink) !important;
  border:1px solid var(--line-strong) !important;border-radius:var(--r-sm) !important;
  padding:7px 10px !important;
}
.uhtutar h4{font-size:1.25rem !important;color:var(--ink)}

/* Sağ sütun: sipariş özeti */
.sepetrightshadow{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:none !important;
  overflow:hidden;
}
.sepetrightcon{padding:16px !important}
.sepetsipinfo{font-size:.8125rem !important;color:var(--text-soft)}
.sepetsipinfo td{padding:9px 4px !important;border-bottom:1px solid var(--line)}
.sepetsipinfo strong{color:var(--text-soft);font-weight:600}
.sepetsipinfo h5{margin:0;font-size:.9375rem !important;color:var(--ink);font-weight:700}
.totalamountinfo{
  padding-top:14px !important;border-bottom:0 !important;
  background:rgba(var(--brand-1-rgb),.08);border-radius:var(--r-sm);
}
.totalamountinfo strong{
  font-size:.6875rem !important;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim) !important;
}
.totalamountinfo h5{font-size:1.375rem !important;color:var(--ink) !important;margin-top:4px}

/* Boş sepet bilgisi */
#empty_list.info{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important;
  color:var(--text-soft) !important;
  padding:46px 24px !important;text-align:center;margin-top:12px;
}
#empty_list.info i{color:var(--brand-2);font-size:30px;display:block;margin-bottom:14px}
#empty_list.info h4{font-size:1.0625rem !important;color:var(--ink);line-height:1.65}
#empty_list.info h4 span{font-size:.875rem;color:var(--text-dim);font-weight:400}

/* Kupon alanı */
.kuponkodu input{
  background:var(--surface-2) !important;border:1px solid var(--line-strong) !important;
  color:var(--ink) !important;border-radius:var(--r-sm) !important;width:100%;
}

/* Ödeme logoları */
.paymentlogos{
  background:var(--surface) !important;border:1px solid var(--line);
  border-radius:var(--r);padding:16px !important;margin-top:16px;text-align:center;
}
.paymentlogos img{max-height:26px;width:auto;opacity:.75}
.paymentlogos span{font-size:.75rem;color:var(--text-dim);display:block;margin-top:10px}
.paymentlogos strong{color:var(--ok)}

/* Pasif "DEVAM ET" */
.graybtn,#continue_block{
  background:var(--surface-3) !important;color:var(--text-dim) !important;
  box-shadow:none !important;border-color:var(--line) !important;
}

@media (max-width:900px){
  .sepetleft,.sepetright{width:100% !important;float:none !important;position:static !important}
  .sepetright{margin-top:20px}
}

/* --- Müşteri paneli ----------------------------------------------------- */
.rightcontent,.modernclient-rightcon,.rightconhead{background:transparent}
#modernpanel .sidebar,.leftmenu,.mpanelmenu{
  background:var(--surface) !important;
  border-right:1px solid var(--line);
}
.leftmenu a,.mpanelmenu a{color:var(--text-soft) !important}
.leftmenu a:hover,.mpanelmenu a:hover,.leftmenu a.active,.mpanelmenu a.active{
  background:rgba(var(--brand-1-rgb),.14) !important;color:var(--ink) !important;
}
/* Bildirim/profil açılır kutuları artık tümüyle panel.php'de (bölüm 2b). */

/* --- Blog / Bilgi bankası ----------------------------------------------- */
/*
 * Bu iki sayfa (yazılar, bilgi-bankasi) hiçbir katmanda ele alınmamıştı:
 * legacy onları açık zemin varsayımıyla kuruyor (#eee kenarlıklar, beyaz
 * gölgeler, #E5E5E5 hover). Koyu temada kartlar görünmez, çizgiler parlak
 * beyaz kalıyordu. Yerleşim legacy'de bırakılıp yalnızca yüzeyler çevriliyor.
 */
.listeleme,.sayfacontent{margin-top:8px}
.listbaslik,.bbbaslik,.sidebar h4{
  color:var(--ink) !important;
  border-bottom:1px solid var(--line) !important;
}
.list{
  background:var(--surface);
  background-image:var(--grad-surface);
  border:1px solid var(--line);
  border-radius:var(--r-lg) !important;
  box-shadow:none !important;
  color:var(--text-soft);
  vertical-align:top;
  transition:transform .3s var(--ease-out),border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.list:hover{
  transform:translateY(-4px);
  border-color:var(--line-brand);
  box-shadow:var(--shadow-lg) !important;
}
.list img{height:190px;object-fit:cover;margin-bottom:0 !important}
.list h4{margin:0 0 6px}
.list h4 a{color:var(--ink) !important;font-size:1rem;line-height:1.4}
.list:hover h4 a{color:var(--brand-2) !important}
.list p{color:var(--text-dim);font-size:.875rem;line-height:1.65}
.bloginfos{background:rgba(3,6,12,.62) !important;color:var(--text-soft) !important}

/*
 * Yazı/haber detayında kapak görseli.
 * Oran dayatılmaz: yükseklik auto, yalnızca genişlik %100 — böylece dikey
 * ya da farklı oranlı kapaklar kırpılmadan basılır.
 */
.nb-articlecover{
  margin:0 0 26px;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  overflow:hidden;
  background:var(--surface-2);
  line-height:0;
}
.nb-articlecover img{
  display:block;
  width:100%;
  height:auto;
  max-height:420px;
  object-fit:cover;
  /*
   * Çerçeve görselin ALT kenarına sabitlenir: görselin en altı tam görünür,
   * taşan kısım yukarıdan kesilir. Varsayılan (50% 50%) hem üstten hem
   * alttan kırpıyordu.
   */
  object-position:bottom center;
}

/* Yan sütun */
.sidebar{
  border:0 !important;
  background:var(--surface);
  border:1px solid var(--line) !important;
  border-radius:var(--r-lg);
  padding:18px 18px 8px;
  box-sizing:border-box;
}
.sidebar h4{font-size:15px !important;margin:0 0 6px}
.sidelinks a{
  border-bottom:1px solid var(--line) !important;
  border-radius:var(--r-sm) !important;
  color:var(--text-soft) !important;
}
.sidelinks a:last-child{border-bottom:0 !important}
.sidelinks a:hover{background:rgba(var(--brand-1-rgb),.14) !important;color:var(--ink) !important}
.sidelinks span{line-height:1.5}
.sidelinks strong{color:var(--brand-2)}

/* Bilgi bankası: arama kutusu ve kategori kartları */
.bbankaara h3{color:var(--ink) !important}
.bbankaara h4{color:var(--text-dim)}
.bbankaara .lbtn{
  border:0 !important;
  color:#fff !important;
  padding:12px 24px !important;
  font-size:15px !important;
}
.bbankaara .lbtn:hover{background:var(--grad-brand) !important;color:#fff !important}
.bbankakonu{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:none !important;
  color:var(--text-soft) !important;
  transition:transform .3s var(--ease-out),border-color .3s var(--ease);
}
.bbankakonu:hover{transform:translateY(-4px);border-color:var(--line-brand)}
.bbankakonu h4{color:var(--ink) !important;font-size:15px}
.bbankakonu i{color:var(--brand-2) !important}
.encokokunanbasliklar h5{border-bottom:1px solid var(--line) !important}
.encokokunanbasliklar h5 a{color:var(--text-soft) !important}
.encokokunanbasliklar h5 a:hover{color:var(--brand-2) !important}
.encokokunanbasliklar h5 span{color:var(--text-dim);font-size:.8125rem}
.encokokunanbasliklar h5 i{color:var(--brand-2);opacity:.7}
.bbankadetay{color:var(--text-soft)}

/* Sayfalama */
.sayfalama span a{
  border:1px solid var(--line-strong) !important;
  background:var(--surface-2);
  color:var(--text-soft) !important;
  padding:7px 13px !important;
  margin:0 2px;
  display:inline-block;
}
.sayfalama span a:hover{
  background-color:rgba(var(--brand-1-rgb),.16) !important;
  border-color:var(--line-brand) !important;
  color:var(--ink) !important;
}
.sayfalama .sayfalama-active a{
  background:var(--grad-brand) !important;
  border-color:transparent !important;
  color:#fff !important;
}

/* --- Footer ------------------------------------------------------------- */
.footer{
  background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),var(--bg-soft) !important;
  border-top:1px solid var(--line);
  color:var(--text-dim);
}
.footer a{color:var(--text-dim)}
.footer a:hover{color:var(--brand-2)}
.footer h3,.footer h4,.footslogan h2 a{color:var(--ink) !important}
.footslogan h4{color:var(--text-dim)}
.footsosyal a{
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--text-soft) !important;
  transition:all .25s var(--ease);
}
.footsosyal a:hover{
  background:rgba(var(--brand-1-rgb),.16);
  border-color:var(--line-brand);
  color:var(--brand-2) !important;
  transform:translateY(-2px);
}
.footlogos{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
}
/* Beyaz zeminli is ortağı logoları koyu zeminde okunsun */
.footlogos img{filter:brightness(0) invert(1);opacity:.42;transition:opacity .3s}
.footlogos img:hover{opacity:.85}
.gprimage{filter:brightness(0) invert(1);opacity:.45}
.ebulten{background:var(--surface) !important;border:1px solid var(--line);border-radius:var(--r-xl)}

/*
 * YUKARI ÇIK butonu
 *
 * Legacy oku bir arka plan görseliyle basıyor:
 *   .cd-top{background:rgba(232,98,86,.8) url(images/cd-top-arrow.svg) ...}
 * Buradaki "background" KISAYOLU yalnızca rengi değiştirmek istese de görseli
 * de siliyordu; buton boş bir daireye dönüyordu ("Top" metni legacy'de
 * text-indent:100% ile zaten gizli).
 *
 * Oku tema ikon setiyle aynı çizgi kalınlığında satır içi SVG olarak, gradyanın
 * üzerine yeniden koyuyoruz — böylece harici dosyaya da bağlı kalmıyor.
 */
.cd-top{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7'/%3E%3C/svg%3E") no-repeat center / 22px 22px,
    var(--grad-brand) !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 10px 26px -10px rgba(var(--brand-1-rgb),.9);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),opacity .3s var(--ease);
}
/* Legacy boştayken %50 saydam bırakıyordu; okunur bir seviyeye çekiyoruz */
.cd-top.cd-fade-out{opacity:.72}
.cd-top:hover,.cd-top.cd-fade-out:hover{
  opacity:1;
  transform:translateY(-3px);
  box-shadow:0 16px 34px -12px rgba(var(--brand-1-rgb),1);
}
/* Küçük ekranda buton 40px'e iniyor — ok da orantılı küçülsün */
@media (max-width:640px){
  .cd-top{background-size:18px 18px,auto !important}
}

/* --- Sözleşme pencereleri (iziModal) ------------------------------------ */
/*
 * Hizmet sözleşmesi, gizlilik politikası vb. iziModal ile açılır. Eklenti
 * başlık rengini SATIR İÇİ stille basar (style="background: rgb(56,100,122)"),
 * bu yüzden override'lar !important olmak zorunda. Pencere sepet ve ödeme
 * adımlarında da kullanıldığı için kural genel skin katmanında durur.
 */
.iziModal{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-bottom:3px solid var(--brand-1) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:var(--shadow-lg) !important;
  color:var(--text-soft) !important;
}
.iziModal-overlay{background:rgba(7,11,20,.78) !important}

.iziModal-header{
  background:var(--surface-2) !important;
  border-bottom:1px solid var(--line) !important;
}
.iziModal-header-title{
  color:var(--ink) !important;
  font-size:1.0625rem !important;font-weight:700;letter-spacing:-.01em;
}
.iziModal-header-subtitle{color:var(--text-dim) !important}
.iziModal-button-close{opacity:.75;filter:brightness(0) invert(1)}
.iziModal-button-close:hover{opacity:1}

.iziModal-wrap,.iziModal-content{background:transparent !important}
.iziModal-content{color:var(--text-soft) !important;line-height:1.75}
.iziModal-content .padding20{padding:24px !important}
.iziModal-content p{
  color:var(--text-soft) !important;
  font-size:.9375rem;line-height:1.8;margin:0 0 14px;
}
.iziModal-content strong,.iziModal-content b{color:var(--ink) !important}
.iziModal-content a{color:var(--brand-2) !important;text-decoration:underline}
.iziModal-content a:hover{color:var(--ink) !important}
.iziModal-content h1,.iziModal-content h2,.iziModal-content h3,
.iziModal-content h4,.iziModal-content h5{color:var(--ink) !important}
.iziModal-content ul,.iziModal-content ol{padding-left:22px;margin:0 0 14px}
.iziModal-content li{margin-bottom:6px}
.iziModal-content table{background:transparent !important;color:var(--text-soft)}
.iziModal-content td,.iziModal-content th{border-color:var(--line) !important}

/* --- Dil / para birimi seçim penceresi ---------------------------------- */
/*
 * Legacy bu pencereyi gri hap düğmelerle kuruyor ve SEÇİLİ olanı
 * ".activelangcur{opacity:.45}" ile SOLDURUYOR — yani aktif seçenek en sönük
 * öğe oluyordu. Ayrıca yukarıdaki ".iziModal-content a" kuralı bu düğmelere
 * altı çizili camgöbeği bağlantı görünümü veriyordu.
 *
 * Yeniden kurgu: iki sütunlu kart ızgarası, sembol/bayrak için ayrı bir yuva,
 * seçili öğe marka rengiyle VURGULU ve onay işaretli.
 */
.selectLangCurrency .padding20{padding:26px !important}
.langandcur{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  float:none !important;width:auto !important;
}
.langandcur > h4,.langandcur .currencyitems > h4{grid-column:1/-1}
.langandcur h4{
  float:none !important;width:auto !important;
  margin:0 0 4px !important;padding:0 0 14px !important;
  border-bottom:1px solid var(--line);
  color:var(--ink) !important;
  font-size:1.0625rem !important;font-weight:700;letter-spacing:-.01em;
}
.langandcur .currencyitems{
  grid-column:1/-1;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  margin:0 !important;
}
.langandcur .clear{display:none}

.langandcur a{
  display:flex !important;align-items:center;gap:11px;
  width:auto !important;margin:0 !important;
  padding:12px 14px !important;
  background:var(--surface-2) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  color:var(--text-soft) !important;
  font-size:.875rem !important;font-weight:550;
  text-decoration:none !important;      /* .iziModal-content a alt çizgisi */
  transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease);
}
.langandcur a:hover{
  background:rgba(var(--brand-1-rgb),.12) !important;
  border-color:var(--line-brand) !important;
  color:var(--ink) !important;
}
/* Para birimi sembolü / bayrak yuvası */
.langandcur a strong{
  width:30px;height:30px;flex:none;
  display:grid;place-items:center;border-radius:9px;
  background:rgba(var(--brand-1-rgb),.14);
  border:1px solid rgba(var(--brand-1-rgb),.26);
  color:var(--brand-2) !important;
  font-size:.875rem;font-weight:700;line-height:1;
}
.langandcur img{height:19px !important;width:auto;margin:0 !important;border-radius:3px;flex:none}

/* Seçili öğe: soldurulmuş değil, vurgulu */
.langandcur a.activelangcur{
  opacity:1 !important;filter:none !important;
  background:rgba(var(--brand-1-rgb),.16) !important;
  border-color:var(--line-brand) !important;
  color:var(--ink) !important;
  cursor:default;
}
.langandcur a.activelangcur::after{
  content:"\2713";margin-left:auto;
  color:var(--brand-2);font-weight:700;font-size:.8125rem;
}

/* Kapatma düğmesi: köşeye taşmış gri balon yerine pencere içinde ikon düğme */
.langcurclose{
  position:absolute !important;top:14px !important;right:14px !important;
  width:32px !important;height:32px !important;line-height:30px !important;
  background:var(--surface-2) !important;
  border:1px solid var(--line) !important;
  border-radius:50% !important;
  color:var(--text-dim) !important;
  font-size:12px;font-weight:600;
  text-align:center;text-decoration:none !important;
  z-index:5;
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
/* Renk için özgüllük ".iziModal-content a" kuralını geçmek zorunda */
.iziModal-content .langcurclose,.selectLangCurrency .langcurclose{color:var(--text-dim) !important}
.langcurclose:hover,
.iziModal-content .langcurclose:hover,.selectLangCurrency .langcurclose:hover{
  background:rgba(var(--brand-1-rgb),.16) !important;
  border-color:var(--line-brand) !important;
  color:var(--ink) !important;
}

@media (max-width:640px){
  .langandcur,.langandcur .currencyitems{grid-template-columns:1fr}
  .selectLangCurrency .padding20{padding:20px !important}
}

/* Uzun sözleşme metninde kaydırma çubuğu */
.iziModal.hasScroll .iziModal-wrap::-webkit-scrollbar{width:10px}
.iziModal.hasScroll .iziModal-wrap::-webkit-scrollbar-track{background:transparent}
.iziModal.hasScroll .iziModal-wrap::-webkit-scrollbar-thumb{
  background:var(--surface-3);border-radius:999px;border:2px solid var(--surface);
}

/* Modal / dialog */
.mio-modal,.modal-content,.swal2-popup,.sweet-alert{
  background:var(--surface-2) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:var(--r-lg) !important;
  color:var(--text-soft) !important;
}
.swal2-title,.sweet-alert h2{color:var(--ink) !important}
.themepreview{background:var(--surface-2) !important;border:1px solid var(--line-brand);color:var(--text-soft)}

/* Yükleme ekranı koyu olsun (master-content.php beyaz veriyor) */
#wisecp.hbcne{background-color:var(--bg) !important}

/* --- Alan adı sorgu & sonuç sayfası ------------------------------------- */
/* Legacy bu sayfada #eee / #fff / #CCC sabitleri kullanır; hepsi koyuya çevrilir. */
.domainhome{background:transparent !important;height:auto}
.domainfiyatlar{background:var(--surface) !important;border:1px solid var(--line);border-radius:var(--r);box-shadow:none !important}
.domainozellikler{
  background-image:none !important;
  background:transparent !important;
  box-shadow:none !important;   /* inset 0 0 70px 40px #fff beyaz parlamasını siler */
}

.lookcolumtitle{
  background:rgba(255,255,255,.05) !important;
  color:var(--ink) !important;
  border:1px solid var(--line);
}
.lookcolum{border-bottom:1px solid var(--line) !important;color:var(--text-soft)}
.lookcolum strong,.lookcolum b{color:var(--ink)}
.lookcolumlist,#LookupList,#LookupResults,#domainResult{background:transparent !important}
#LookupResults .lookcolum,#LookupList .lookcolum{background:transparent}

.uzantibox{
  background:var(--surface-2) !important;
  border:2px solid var(--line) !important;
  color:var(--text-soft) !important;
}
.uzantibox:hover{border-color:var(--brand-1) !important;background:rgba(var(--brand-1-rgb),.12) !important}

/*
 * TLD logoları (images/tldlogos/*.jpg|png|svg)
 * .jpg dosyaları OPAK BEYAZ zeminlidir; silüet filtresi (brightness(0) invert(1))
 * bunları komple beyaz bloğa çeviriyordu. Filtre yerine küçük açık çip kullanılır:
 * hem şeffaf PNG hem opak JPG gerçek renginde ve okunur kalır.
 */
.uzantibox img,.spottlds img{
  filter:none !important;
  background:#FFFFFF;
  border-radius:4px;
  padding:3px 6px;
  box-sizing:content-box;
}

/* --- İndirim rozeti ve kampanya fiyatı ---------------------------------- */
/* Legacy bunlarda background:#fff ve color:white sabitlerini kullanır. */
/*
 * "Kampanya" rozeti kutunun içine giriyor, kenarlıkla kesişiyordu.
 * Markup'ta rozet sarmalayıcısı satır içi "position:absolute;margin-top:-20px"
 * taşır; bu değerler kutunun üst kenarını deliyor. Sarmalayıcıyı üst kenara
 * oturtup kutuya üstten pay veriyoruz — rozet artık kutunun ÜSTÜNDE duruyor.
 * Seçici satır içi stile göre yapılır çünkü sarmalayıcının sınıf adı yok.
 */
.uzantibox{margin-top:18px !important;padding-top:16px !important;overflow:visible !important}
.uzantibox > div[style*="absolute"]{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  margin-top:-12px !important;
  text-align:center;
  z-index:2;
  pointer-events:none;
}
.domdiscount{
  display:inline-block;
  background:linear-gradient(135deg,var(--brand-1),var(--brand-2)) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18);
  border-radius:var(--r-full);
  padding:3px 12px !important;
  font-size:12px !important;
  font-weight:700;
  letter-spacing:.02em;
  line-height:1.6;
  box-shadow:0 6px 16px -6px rgba(var(--brand-1-rgb),.9);
  white-space:nowrap;
}
.dnewprice{color:var(--ink) !important}
.ddiscountnewprice{
  background:rgba(var(--brand-1-rgb),.16) !important;
  color:var(--ink) !important;
  border:1px solid rgba(var(--brand-1-rgb),.32);
  width:auto !important;
  padding:4px 12px !important;
}
/*
 * Fiyat kutusunda tutar ortalı değildi.
 * Sebep: legacy ".amount_spot_view i{position:absolute}" + ".currposright
 * {right:0;margin-right:-12px}" ile para birimi sembolünü kutunun DIŞINA
 * asıyor; görsel merkez kayıyor. Burada sembol akışa alınır ve flex ile
 * ortalanır. currposright, order ile sayının SAĞINA yerleştirilir
 * (markup'ta <i> her zaman sayıdan önce gelir).
 */
.ddiscountnewprice{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.ddiscountnewprice .amount_spot_view{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin:0 !important;
  position:static !important;
}
.ddiscountnewprice .amount_spot_view i{
  position:static !important;
  margin:0 !important;
  left:auto !important;right:auto !important;
  font-size:15px;
}
.ddiscountnewprice .amount_spot_view i.currposright{order:2}
.ddiscountnewprice .amount_spot_view i.currposleft{order:0}

.ddiscountnewprice .amount_spot_view,
.ddiscountnewprice .currposleft,
.ddiscountnewprice .currposright{color:var(--ink) !important}
.doldprice{color:var(--text-dim) !important}

.spotlight-tlds,.tld-name,.tld-prices,.tld-status,.tld-select{color:var(--text-soft)}
.tld-prices,.tld-name strong{color:var(--ink)}

.tescilucretleri{color:var(--text-soft)}
.tescilucretleri span{
  border-right-color:var(--line) !important;
  border-bottom-color:var(--line) !important;
  color:var(--text-soft);
}
.tescilucretleri table{background:var(--surface) !important;border:1px solid var(--line)}

.tldavailable{color:var(--text-soft)}
.tldavailable h4{color:var(--ok) !important}
.tldlistfoot .lookcolum{border:0 !important}

.whoisgizlenmis{background:var(--warn) !important;color:#0B1220 !important;font-weight:700}
.transfercode,#transfercode{background:var(--surface-2) !important}
.whois-btn,.transfer-btn{color:var(--brand-2)}

/* Yükleniyor animasyonu noktaları */
.spinnertld .bounce1,.spinnertld .bounce2,.spinnertld .bounce3{background:var(--brand-2) !important}

/* SSS bloğu */
.sss{border-top:1px solid var(--line) !important}
.sss h4{color:var(--ink)}

/* --- jQuery UI (akordiyon, datepicker, sekme) ---------------------------- */
/* jquery-ui.css kendi açık temasını getirir; koyu palete çevriliyor. */
.ui-widget,.ui-widget-content,.ui-widget-header{
  background:var(--surface) !important;
  border-color:var(--line) !important;
  color:var(--text-soft) !important;
}
.ui-widget-content a{color:var(--brand-2) !important}
.ui-accordion .ui-accordion-header,
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{
  background:var(--surface-2) !important;
  background-image:none !important;
  border:1px solid var(--line) !important;
  color:var(--ink) !important;
  border-radius:var(--r-sm) !important;
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-state-focus{
  background:rgba(var(--brand-1-rgb),.16) !important;
  border-color:var(--line-brand) !important;
  color:var(--ink) !important;
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-accordion .ui-accordion-header.ui-state-active{
  background:linear-gradient(135deg,rgba(var(--brand-1-rgb),.24),rgba(var(--brand-2-rgb),.14)) !important;
  background-image:linear-gradient(135deg,rgba(var(--brand-1-rgb),.24),rgba(var(--brand-2-rgb),.14)) !important;
  border-color:var(--line-brand) !important;
  color:var(--ink) !important;
}
.ui-accordion .ui-accordion-content{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  color:var(--text-soft) !important;
}
.ui-icon{filter:brightness(0) invert(1);opacity:.75}
#accordion h3{background:var(--surface-2) !important;color:var(--ink) !important;border:1px solid var(--line) !important}
#accordion div{background:var(--surface) !important;color:var(--text-soft) !important;border-color:var(--line) !important}

/* --- Kalan açık zeminler için genel ağ ----------------------------------- */
/* Legacy'de tekil olarak kalmış beyaz/açık gri kutular. */
.beyazcon,.whitebox,.contentwhite,.formbeyaz{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  color:var(--text-soft) !important;
}

/*
 * WISECP imzası (#wisecp_brand)
 *
 * Çekirdek bazı sayfalara "Powered by WISECP" bloğunu kendisi ekler; tema
 * dosyalarında karşılığı yoktur, bu yüzden ancak CSS ile kapatılabilir.
 * Blok satır içi "display:inline-block;visibility:visible" taşır — !important
 * ile display'i kapatmak, çekirdek görünürlüğü tekrar açsa bile yeterlidir.
 */
#wisecp_brand{display:none !important}

/* Erişilebilirlik: hareket azaltma */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important;
  }
}

/* ====================== KATMAN 4: NUBITRO BİLEŞENLER ==================== */
/* 1. SAYFA KABUĞU --------------------------------------------------------- */
.nb-page{font-family:var(--font-sans);color:var(--text-soft);line-height:1.65}
.nb-page *,.nb-page *::before,.nb-page *::after{box-sizing:border-box}

/*
 * Çıplak element seçicileri :where() ile SIFIR özgüllükte tutulur.
 *
 * Neden: ".nb-page a" özgüllüğü (0,1,1) olur ve ".nb-btn--primary" (0,1,0)
 * kuralını ezer; buton yazısı color:inherit ile soluk gri kalır ve yalnızca
 * hover'da okunur. Aynı şekilde ".nb-page h3" ".nb-plan__name" font boyutunu
 * ezer. :where() ile bu kurallar (0,0,1) seviyesine iner; her nb-* bileşen
 * sınıfı onları güvenle geçer.
 */
:where(.nb-page) img,:where(.nb-page) svg{max-width:100%;height:auto;display:block}
:where(.nb-page) ul,:where(.nb-page) ol{margin:0;padding:0;list-style:none}
:where(.nb-page) h1,:where(.nb-page) h2,:where(.nb-page) h3,
:where(.nb-page) h4,:where(.nb-page) h5,:where(.nb-page) p{margin:0}
:where(.nb-page) a{color:inherit;text-decoration:none;transition:color .2s var(--ease)}

:where(.nb-page) h1{font-size:clamp(2.25rem,1.35rem + 3.6vw,4rem);line-height:1.05;letter-spacing:-.03em;font-weight:800;color:var(--ink)}
:where(.nb-page) h2{font-size:clamp(1.75rem,1.15rem + 2.2vw,2.85rem);line-height:1.12;letter-spacing:-.025em;font-weight:750;color:var(--ink)}
:where(.nb-page) h3{font-size:clamp(1.15rem,1rem + .6vw,1.5rem);line-height:1.25;letter-spacing:-.015em;font-weight:700;color:var(--ink)}
:where(.nb-page) h4{font-size:1.0625rem;line-height:1.35;font-weight:650;color:var(--ink)}
:where(.nb-page) p{color:var(--text-soft)}

/* Buton yazı rengi hiçbir koşulda miras almasın — güvenlik ağı */
.nb-btn--primary,.nb-btn--primary:link,.nb-btn--primary:visited{color:#fff}

/*
 * İkon temel boyutu GLOBAL olmalıdır: header ve yüzen buton .nb-page
 * sarmalayıcısının dışındadır. Kapsüllenirse oradaki SVG'ler boyutsuz kalıp
 * tarayıcı varsayılanına (300x150) düşer. Legacy CSS'te .ico çakışması yoktur.
 */
.ico,.nb-ico{width:20px;height:20px;flex:none}
.nb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/*
 * KUTU MODELİ — .nb-page DIŞINDAKİ bileşenler.
 *
 * ".nb-page *{box-sizing:border-box}" yalnızca sayfa gövdesini kapsar; header,
 * mobil panel, footer ve yüzen buton bu sarmalayıcının dışındadır ve tarayıcı
 * varsayılanı content-box ile kalıyordu.
 *
 * Somut sonucu: .nb-container "width:100% + padding-inline:24px" kullanır.
 * content-box'ta bu 390px'lik ekranda 438px'lik bir kap demektir — sayfa
 * yatayda 48px kayar ve başlıktaki menü düğmesi ekranın dışına taşar.
 * Masaüstünde max-width devreye girdiği için sorun görünmüyordu.
 */
.nb-container,.nb-container *,
.nb-topstrip,.nb-header,.nb-mobile,.nb-footer,.nb-float,.nb-pagehead,
.nb-topstrip *,.nb-header *,.nb-mobile *,.nb-footer *,.nb-float *,.nb-pagehead *{box-sizing:border-box}

/* 2. YERLEŞİM ------------------------------------------------------------ */
.nb-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.nb-section{padding-block:var(--section-y);position:relative}
.nb-section--tight{padding-block:clamp(48px,5vw,72px)}
.nb-section--alt{background:linear-gradient(180deg,transparent,rgba(255,255,255,.018) 18%,rgba(255,255,255,.018) 82%,transparent)}

.nb-grid{display:grid;gap:24px}
.nb-grid-2{grid-template-columns:repeat(2,1fr)}
.nb-grid-3{grid-template-columns:repeat(3,1fr)}
.nb-grid-4{grid-template-columns:repeat(4,1fr)}
.nb-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}

.nb-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nb-center{text-align:center}
.nb-mt-8{margin-top:8px}.nb-mt-16{margin-top:16px}.nb-mt-24{margin-top:24px}
.nb-mt-32{margin-top:32px}.nb-mt-48{margin-top:48px}

/* 3. TIPOGRAFI ----------------------------------------------------------- */
.nb-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brand-2);
  padding:7px 14px;border-radius:var(--r-full);
  background:rgba(var(--brand-2-rgb),.08);
  border:1px solid rgba(var(--brand-2-rgb),.22);
}
.nb-eyebrow .ico{width:14px;height:14px}

.nb-lead{font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.7;color:var(--text-soft);max-width:62ch}
.nb-muted{color:var(--text-dim)}
.nb-mono{font-family:var(--font-mono);font-size:.875em;letter-spacing:-.01em}

.nb-gradient-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.nb-underline{position:relative;white-space:nowrap;color:var(--ink)}
.nb-underline::after{
  content:"";position:absolute;left:0;right:0;bottom:.06em;height:.32em;z-index:-1;
  background:linear-gradient(90deg,rgba(var(--brand-1-rgb),.55),rgba(var(--brand-2-rgb),.35));
  border-radius:4px;
}

.nb-head{max-width:760px;margin-inline:auto;text-align:center}
.nb-head h2{margin-top:20px}
.nb-head .nb-lead{margin-inline:auto;margin-top:18px}
.nb-head--left{margin-inline:0;text-align:left}
.nb-head--left .nb-lead{margin-inline:0}

/* 4. BUTONLAR ------------------------------------------------------------ */
.nb-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 24px;
  font-size:.9375rem;font-weight:600;letter-spacing:-.01em;
  color:var(--text);background:var(--surface-2);
  border:1px solid var(--line-strong);border-radius:var(--r-full);
  cursor:pointer;position:relative;isolation:isolate;overflow:hidden;
  transition:transform .18s var(--ease),box-shadow .25s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
  white-space:nowrap;text-decoration:none;
}
.nb-btn:hover{transform:translateY(-2px);color:var(--ink)}
.nb-btn:active{transform:translateY(0)}
.nb-btn .ico{width:18px;height:18px;transition:transform .25s var(--ease)}
.nb-btn:hover .ico:last-child{transform:translateX(3px)}

.nb-btn--primary{
  color:#fff;background:var(--grad-brand);border-color:transparent;
  box-shadow:0 10px 30px -12px rgba(var(--brand-1-rgb),.85);
}
.nb-btn--primary::after{
  content:"";position:absolute;inset:0;z-index:-1;opacity:0;
  background:linear-gradient(135deg,var(--brand-2),var(--brand-1));
  transition:opacity .3s var(--ease);
}
.nb-btn--primary:hover{box-shadow:0 16px 44px -14px rgba(var(--brand-1-rgb),1);color:#fff}
.nb-btn--primary:hover::after{opacity:1}

.nb-btn--ghost{background:rgba(255,255,255,.03);border-color:var(--line-strong);backdrop-filter:blur(8px)}
.nb-btn--ghost:hover{background:rgba(255,255,255,.07);border-color:var(--line-brand)}
.nb-btn--outline{background:transparent;border-color:var(--line-brand);color:var(--brand-2)}
.nb-btn--outline:hover{background:rgba(var(--brand-1-rgb),.10)}

.nb-btn--sm{padding:9px 16px;font-size:.8125rem}
.nb-btn--lg{padding:16px 32px;font-size:1rem}
.nb-btn--block{display:flex;width:100%}

/* 5. KARTLAR ------------------------------------------------------------- */
.nb-card{
  position:relative;
  background:var(--surface);background-image:var(--grad-surface);
  border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;
  transition:transform .3s var(--ease-out),border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.nb-card--hover:hover{transform:translateY(-4px);border-color:var(--line-brand);box-shadow:var(--shadow-lg)}
.nb-card__icon{
  width:48px;height:48px;display:grid;place-items:center;
  border-radius:var(--r);margin-bottom:20px;color:var(--brand-2);
  background:rgba(var(--brand-1-rgb),.12);border:1px solid rgba(var(--brand-1-rgb),.24);
}
.nb-card__icon .ico{width:24px;height:24px}
.nb-card h3{margin-bottom:10px}
.nb-card p{font-size:.9375rem;line-height:1.7}
.nb-card--lit::before{
  content:"";position:absolute;top:-1px;left:24px;right:24px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--brand-2-rgb),.7),transparent);
  opacity:0;transition:opacity .35s var(--ease);
}
.nb-card--lit:hover::before{opacity:1}

/* 6. ROZETLER ------------------------------------------------------------ */
.nb-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 11px;border-radius:var(--r-full);
  font-size:.75rem;font-weight:650;letter-spacing:.02em;
  background:rgba(var(--brand-1-rgb),.14);color:var(--brand-2);
  border:1px solid rgba(var(--brand-1-rgb),.26);
}
.nb-badge--ok{background:var(--ok-dim);color:var(--ok);border-color:rgba(34,197,94,.3)}
.nb-badge--hot{background:var(--danger-dim);color:#FCA5A5;border-color:rgba(239,68,68,.3)}
.nb-badge .ico{width:13px;height:13px}

.nb-pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}
.nb-pulse::after{
  content:"";position:absolute;inset:0;border-radius:50%;background:var(--ok);
  animation:nb-ping 1.9s cubic-bezier(0,0,.2,1) infinite;
}
@keyframes nb-ping{0%{transform:scale(1);opacity:.7}80%,100%{transform:scale(2.8);opacity:0}}

/* 7. NUBITRO ÜST ŞERİT ---------------------------------------------------- */
.nb-topstrip{
  background:rgba(0,0,0,.32);border-bottom:1px solid var(--line);
  font-size:.8125rem;color:var(--text-dim);
}
.nb-topstrip .nb-container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}
.nb-topstrip a{display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.nb-topstrip a:hover{color:var(--brand-2)}
.nb-topstrip__meta{display:flex;align-items:center;gap:20px}
/* Üst şerit 13px punto — ikonlar metinle orantılı kalsın */
.nb-topstrip .ico{width:15px;height:15px}

/* 7b. HEADER / NAV / MOBİL MENÜ ------------------------------------------ */
.nb-header{
  position:sticky;top:0;z-index:50;
  border-bottom:1px solid transparent;
  transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.nb-header.is-stuck{
  background:rgba(7,11,20,.78);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  border-bottom-color:var(--line);
  box-shadow:0 10px 40px -20px rgba(0,0,0,.9);
}
/*
 * Header, içerik kabıyla AYNI genişlikte kalmalı.
 * Logo + menü + butonlar toplamı 1220px'i aşınca flex:none öğeler sığmayıp
 * sağa taşıyor ve navbar gövdeden geniş görünüyordu. Boşluklar sıkıldı,
 * burger eşiği yükseltildi (aşağıdaki responsive bloğu) ve kap taşma yapmıyor.
 */
/*
 * Başlık satırı 1220px'lik kaba TAM sığmalıdır.
 * Ölçüm (6 menü öğesi, 1920px ekran): logo 164 + menü 684 + eylemler 346 = 1194;
 * aralıklarla birlikte 1226 > 1172 kullanılabilir alan. Aradaki fark menünün
 * son öğesini sepet ikonunun üstüne bindiriyordu. Boşluklar aşağıda kısıldı
 * (menü bağlantısı, kap aralığı, eylem aralığı, buton dolgusu) — toplam ~60px.
 */
.nb-header .nb-container{display:flex;align-items:center;gap:12px;height:74px;flex-wrap:nowrap}

.nb-logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.25rem;color:var(--ink);letter-spacing:-.02em;text-decoration:none;flex:none}
.nb-logo img{height:36px;width:auto;max-width:210px;object-fit:contain}
.nb-logo__mark{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;
  background:var(--grad-brand);color:#fff;box-shadow:0 6px 18px -6px rgba(var(--brand-1-rgb),.9);
}
.nb-logo__mark .ico{width:19px;height:19px}

/*
 * Menü öğelerinin hepsinde açılır ok olduğunda satır genişliyor ve sepet
 * ikonuyla üst üste biniyordu. Yazı/boşluk sıkıldı, ok küçültüldü ve burger
 * eşiği yükseltildi (aşağıdaki responsive bloğu) — böylece taşma olmuyor.
 */
.nb-nav{margin-inline:auto;min-width:0;flex:0 1 auto}
.nb-nav__list{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex-wrap:nowrap}
.nb-nav__item{position:relative}
.nb-nav__link{
  display:flex;align-items:center;gap:5px;padding:9px 6px;border-radius:var(--r-sm);
  font-size:.875rem;font-weight:550;color:var(--text-soft);text-decoration:none;white-space:nowrap;
  transition:color .2s var(--ease),background .2s var(--ease);
}
.nb-nav__link:hover{color:var(--ink);background:rgba(255,255,255,.05)}
.nb-nav__caret{width:12px;height:12px;flex:none;opacity:.55;transition:transform .25s var(--ease)}
.nb-nav__item:hover > .nb-nav__link .nb-nav__caret{transform:rotate(180deg)}
.nb-nav__tag{
  font-style:normal;font-size:.6875rem;font-weight:700;color:var(--ink);
  padding:2px 7px;border-radius:var(--r-full);line-height:1.5;
}

/* Alt menü */
.nb-drop,.nb-mega{
  position:absolute;top:calc(100% + 10px);left:0;z-index:60;
  min-width:230px;padding:8px;margin:0;list-style:none;
  background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r);
  box-shadow:var(--shadow-lg);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;
}
.nb-nav__item:hover > .nb-drop,.nb-nav__item:hover > .nb-mega{opacity:1;visibility:visible;transform:none}
.nb-drop__item{position:relative}
.nb-drop__link{
  display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:var(--r-sm);
  font-size:.875rem;color:var(--text-soft);text-decoration:none;white-space:nowrap;
}
.nb-drop__link:hover{background:rgba(var(--brand-1-rgb),.14);color:var(--ink)}
/* Üçüncü seviye yana açılır */
.nb-drop .nb-drop{top:-8px;left:calc(100% + 6px)}
.nb-drop__item:hover > .nb-drop{opacity:1;visibility:visible;transform:none}

.nb-mega{
  min-width:min(1040px,92vw);max-width:min(1040px,92vw);
  padding:24px;display:block;
  /* Geniş panel öğeye değil, ortaya hizalanır ki ekrandan taşmasın */
  left:50%;transform:translate(-50%,-8px);
}
.nb-nav__item:hover > .nb-mega{transform:translate(-50%,0)}

/* Menü ile panel arasındaki boşlukta imleç düşmesin (hover köprüsü) */
.nb-drop::before,.nb-mega::before{
  content:"";position:absolute;left:0;right:0;top:-14px;height:14px;
}
.nb-mega__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 22px;list-style:none;margin:0;padding:0}

/*
 * Açılır menü içeriği DAYANIKLI olmalı.
 *
 * Alt menü ve mega menü içeriği WISECP yönetiminden gelir; mega menüde
 * serbest HTML girilebilir (ul/li/h4/img/div ...). Header .nb-page
 * sarmalayıcısının DIŞINDA olduğu için oradaki liste sıfırlamaları buraya
 * uygulanmaz ve tarayıcı varsayılanları (madde işareti, 40px girinti)
 * sızarak menüyü bozar. Aşağısı her tür içeriği düzgün gösterir.
 */
.nb-nav__list,.nb-nav__list ul,.nb-drop,.nb-mega ul,.nb-mega ol,
.nb-mobile__list,.nb-mobile__list ul{list-style:none}
.nb-nav__list ul,.nb-mega ul,.nb-mega ol{margin:0;padding:0}
.nb-drop li,.nb-mega li{margin:0;padding:0;list-style:none;float:none;width:auto}

.nb-mega a,.nb-drop a{
  display:block;padding:8px 10px;border-radius:var(--r-sm);
  font-size:.875rem;line-height:1.45;color:var(--text-soft);text-decoration:none;
  transition:background .2s var(--ease),color .2s var(--ease);
}
.nb-mega a:hover,.nb-drop a:hover{background:rgba(var(--brand-1-rgb),.14);color:var(--ink)}
.nb-mega img{max-width:100%;height:auto;border-radius:var(--r-sm)}
.nb-mega p{font-size:.8125rem;line-height:1.6;color:var(--text-dim);margin:0 0 8px;padding:0 10px}
.nb-mega h2,.nb-mega h3,.nb-mega h4,.nb-mega h5{
  color:var(--ink);font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  margin:0 0 8px;padding:0 10px;display:block;
}
/*
 * strong / b SATIR İÇİ vurgudur — blok başlık gibi biçimlendirilmemeli.
 * Daha önce yukarıdaki kurala dahildi; "SSL sertifikası <strong>ÜCRETSİZ</strong>"
 * gibi cümlelerde kelime bloğa dönüşüp satırdan kopuyor ve yukarı kayıyordu.
 */
.nb-mega strong,.nb-mega b{
  display:inline;color:var(--ink);font-weight:700;
  font-size:inherit;letter-spacing:inherit;text-transform:none;
  margin:0;padding:0;
}
.nb-mega i,.nb-mega .fa{color:var(--brand-2);margin-right:7px}
.nb-mega hr{border-color:var(--line);margin:10px 0}

/* ---------------------------------------------------------------------------
 * Mega menü — WISECP yönetiminden gelen Bootstrap benzeri iskelet
 *
 * Yönetimdeki mega menü içeriği Bootstrap sözdizimi kullanır:
 *   row / row-cols-N / col / col-xl-N / g-N / justify-content-*
 *   .menu-item (ikonlu bağlantı) · .menu-list (başlık + link listesi)
 *   .menu-featured (+ .featured-row | .featured-column) · .menu-box
 *   .btn .btn-primary · .img-fluid · *-bg renk yardımcıları
 *
 * Bu sınıflar ne legacy'de ne temada tanımlıydı; içerik biçimsiz akıyordu.
 * Aşağısı 12 sütunluk küçük bir ızgara + bileşen setini .nb-mega'ya kapsüller.
 * ------------------------------------------------------------------------ */

/* --- Izgara --- */
.nb-mega .row{
  grid-column:1/-1;                 /* .nb-mega__inner ızgarasının tamamını kapla */
  display:flex;flex-wrap:wrap;
  margin:0;padding:0;list-style:none;
  --nb-gx:24px;--nb-gy:18px;
  row-gap:var(--nb-gy);
}
/*
 * Sütunlar flex kolon: içindeki kart/şerit sütun yüksekliğini flex ile
 * doldurur. Yüzde yükseklik (min-height:100%) esnek satırda döngüsel
 * çözülüp kartı mega panelin dışına taşırıyordu.
 */
.nb-mega .row > *{
  padding-inline:calc(var(--nb-gx) / 2);min-width:0;box-sizing:border-box;
  display:flex;flex-direction:column;
}
.nb-mega .row.g-0{--nb-gx:0;--nb-gy:0}
.nb-mega .row.g-1{--nb-gx:8px;--nb-gy:8px}
.nb-mega .row.g-2{--nb-gx:12px;--nb-gy:12px}
.nb-mega .row.g-3{--nb-gx:16px;--nb-gy:16px}
.nb-mega .row.g-4{--nb-gx:24px;--nb-gy:24px}

.nb-mega .justify-content-start{justify-content:flex-start}
.nb-mega .justify-content-center{justify-content:center}
.nb-mega .justify-content-between{justify-content:space-between}
.nb-mega .justify-content-end{justify-content:flex-end}
.nb-mega .align-items-center{align-items:center}
.nb-mega .text-center{text-align:center}

.nb-mega .col{flex:1 0 0%}
.nb-mega [class*="col-"]{flex:0 0 auto}
.nb-mega .col-1,.nb-mega .col-sm-1,.nb-mega .col-md-1,.nb-mega .col-lg-1,.nb-mega .col-xl-1,.nb-mega .col-xxl-1{width:8.3333%}
.nb-mega .col-2,.nb-mega .col-sm-2,.nb-mega .col-md-2,.nb-mega .col-lg-2,.nb-mega .col-xl-2,.nb-mega .col-xxl-2{width:16.6667%}
.nb-mega .col-3,.nb-mega .col-sm-3,.nb-mega .col-md-3,.nb-mega .col-lg-3,.nb-mega .col-xl-3,.nb-mega .col-xxl-3{width:25%}
.nb-mega .col-4,.nb-mega .col-sm-4,.nb-mega .col-md-4,.nb-mega .col-lg-4,.nb-mega .col-xl-4,.nb-mega .col-xxl-4{width:33.3333%}
.nb-mega .col-5,.nb-mega .col-sm-5,.nb-mega .col-md-5,.nb-mega .col-lg-5,.nb-mega .col-xl-5,.nb-mega .col-xxl-5{width:41.6667%}
.nb-mega .col-6,.nb-mega .col-sm-6,.nb-mega .col-md-6,.nb-mega .col-lg-6,.nb-mega .col-xl-6,.nb-mega .col-xxl-6{width:50%}
.nb-mega .col-7,.nb-mega .col-sm-7,.nb-mega .col-md-7,.nb-mega .col-lg-7,.nb-mega .col-xl-7,.nb-mega .col-xxl-7{width:58.3333%}
.nb-mega .col-8,.nb-mega .col-sm-8,.nb-mega .col-md-8,.nb-mega .col-lg-8,.nb-mega .col-xl-8,.nb-mega .col-xxl-8{width:66.6667%}
.nb-mega .col-9,.nb-mega .col-sm-9,.nb-mega .col-md-9,.nb-mega .col-lg-9,.nb-mega .col-xl-9,.nb-mega .col-xxl-9{width:75%}
.nb-mega .col-10,.nb-mega .col-sm-10,.nb-mega .col-md-10,.nb-mega .col-lg-10,.nb-mega .col-xl-10,.nb-mega .col-xxl-10{width:83.3333%}
.nb-mega .col-11,.nb-mega .col-sm-11,.nb-mega .col-md-11,.nb-mega .col-lg-11,.nb-mega .col-xl-11,.nb-mega .col-xxl-11{width:91.6667%}
.nb-mega .col-12,.nb-mega .col-sm-12,.nb-mega .col-md-12,.nb-mega .col-lg-12,.nb-mega .col-xl-12,.nb-mega .col-xxl-12{width:100%}
.nb-mega .row-cols-1 > *{flex:0 0 auto;width:100%}
.nb-mega .row-cols-2 > *{flex:0 0 auto;width:50%}
.nb-mega .row-cols-3 > *{flex:0 0 auto;width:33.3333%}
.nb-mega .row-cols-4 > *{flex:0 0 auto;width:25%}
.nb-mega .row-cols-5 > *{flex:0 0 auto;width:20%}
.nb-mega .row-cols-6 > *{flex:0 0 auto;width:16.6667%}

/* --- Başlıklı link listesi (.menu-list) --- */
.nb-mega .menu-item{display:flex;flex-direction:column}
.nb-mega .menu-list h4{
  display:flex;align-items:center;gap:8px;
  margin:0 0 10px;padding:0 10px 11px;
  border-bottom:1px solid var(--line);
  color:var(--ink);font-size:.75rem;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;
}
.nb-mega .menu-list h4 i{color:var(--brand-2);margin:0;font-size:13px;background:none;width:auto;height:auto}
.nb-mega .menu-list a{padding:7px 10px;color:var(--text-soft)}
.nb-mega .menu-list a:hover{background:rgba(var(--brand-1-rgb),.14);color:var(--ink)}

/* --- İkonlu menü öğesi (.menu-item > a) --- */
.nb-mega .menu-item > a{
  display:flex;align-items:flex-start;gap:12px;
  padding:12px;border-radius:var(--r);
  border:1px solid transparent;background:transparent;
}
.nb-mega .menu-item > a:hover{background:rgba(var(--brand-1-rgb),.10);border-color:var(--line)}
.nb-mega .menu-item > a > i{
  width:38px;height:38px;flex:none;margin:0;
  display:grid;place-items:center;border-radius:10px;
  font-size:15px;color:#fff;background:var(--brand-1);
  transition:filter .25s var(--ease);
}
.nb-mega .menu-item > a:hover > i{filter:brightness(1.15)}

/*
 * İkon yerine gerçek logo kullanımı (Minecraft, FiveM, MTA gibi).
 * FontAwesome'da bu markaların ikonu yoktur; logoyu görsel olarak koyabilmek
 * için ikon yuvasıyla aynı ölçüde bir <img class="menu-icon"> desteklenir.
 * Dosyaları images/games/ altına atıp src'yi {TEMPLATE_URL}images/games/... yapın.
 */
.nb-mega .menu-item > a > img.menu-icon{
  width:38px;height:38px;flex:none;margin:0;
  border-radius:10px;object-fit:contain;
  background:#fff;padding:5px;
  border:1px solid var(--line);
  transition:transform .25s var(--ease);
}
.nb-mega .menu-item > a:hover > img.menu-icon{transform:scale(1.06)}
/* Kendi zemini olan logolar (SVG) beyaz çerçeve almasın */
.nb-mega .menu-item > a > img.menu-icon--full{background:none;padding:0;border:0}

/*
 * KOYU logolar (siyah/koyu gri ağırlıklı, saydam zeminli) için.
 * Koyu menüde kaybolurlar; beyaz çip ise araya kutu koyar.
 * Çözüm luminans çevirme: invert(1) siyahı beyaza çevirir, hue-rotate(180deg)
 * renkli bölgelerin tonunu yaklaşık olarak geri getirir — böylece logo
 * okunur olur ve marka rengi (ör. turuncu) korunur.
 * Açık temada gerek yoktur; orada filtre kapatılır (css/light.php).
 */
.nb-mega .menu-item > a > img.menu-icon--dark{
  background:none;padding:0;border:0;
  filter:invert(1) hue-rotate(180deg);
}

/*
 * Ara seçenek: yarı saydam açık taban.
 * Koyu logoyu stark beyaz kutuya sokmadan zeminden ayırır; logonun kendi
 * renkleri korunur. Koyu logolar için --dark (renk çevirme) ile --full
 * (hiç taban yok) arasında bir denge.
 */
.nb-mega .menu-item > a > img.menu-icon--tile{
  background:rgba(255,255,255,.12);
  border:1px solid var(--line-strong);
  padding:5px;filter:none;
}

/*
 * .menu-title iki FARKLI yapıda kullanılıyor:
 *   .menu-item içinde  -> <h5>Başlık</h5> + açıklama metni  (normal metin)
 *   .menu-box içinde   -> Etiket + <h5>Değer</h5>           (küçük büyük harf)
 * Tek bir kural ikisine birden uygulanınca açıklamalar minik büyük harfe
 * dönüşüyordu; bu yüzden ayrı ayrı kapsanır.
 */
.nb-mega .menu-item > a .menu-title{
  display:block;padding:0;margin:0;
  font-size:.8125rem;font-weight:400;line-height:1.55;
  color:var(--text-dim);text-transform:none;letter-spacing:0;
}
.nb-mega .menu-item > a .menu-title h5{
  margin:0 0 3px;padding:0;display:block;border:0;
  font-size:.9375rem;font-weight:700;line-height:1.3;
  color:var(--ink);text-transform:none;letter-spacing:0;
}

/* --- İletişim kutusu (.menu-box) --- */
.nb-mega .menu-box{position:relative;z-index:1;display:flex;align-items:flex-start;gap:11px}
.nb-mega .menu-box i{
  width:32px;height:32px;flex:none;margin:0;
  display:grid;place-items:center;border-radius:9px;font-size:13px;
  color:var(--brand-2);background:rgba(var(--brand-1-rgb),.16);
  border:1px solid rgba(var(--brand-1-rgb),.30);
}
.nb-mega .menu-box .menu-title{
  display:block;padding:0;margin:0;
  font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-dim);line-height:1.5;
}
.nb-mega .menu-box .menu-title h5{
  margin:2px 0 0;padding:0;display:block;border:0;
  font-size:.875rem;font-weight:700;line-height:1.35;
  color:var(--ink);text-transform:none;letter-spacing:0;
}

/* --- Öne çıkan kart --- */
.nb-mega .menu-featured{
  position:relative;overflow:hidden;
  /* Yükseklik flex ile gelir; yüzde değer taşmaya yol açıyordu. */
  min-height:0;height:auto;flex:1 1 auto;
  display:flex;gap:16px;
  padding:20px;border-radius:var(--r);
  background:linear-gradient(135deg,rgba(var(--brand-1-rgb),.26),rgba(var(--brand-2-rgb),.10));
  border:1px solid var(--line-brand);
  background-size:auto 100%;background-position:right bottom;background-repeat:no-repeat;
}
.nb-mega .featured-column{flex-direction:column}
.nb-mega .featured-row{flex-direction:row;align-items:center}
.nb-mega .featured-row > *{padding:0;min-width:0}

.nb-mega .menu-featured-title{
  display:block;margin-bottom:10px;
  font-size:.9375rem;font-weight:700;color:var(--ink);
}
.nb-mega .menu-featured-desc{
  display:grid;gap:7px;margin-bottom:16px;
  font-size:.8125rem;line-height:1.5;color:var(--text-soft);
}
.nb-mega .menu-featured-desc i{color:var(--ok);margin-right:7px;background:none;width:auto;height:auto}
.nb-mega .img-fluid{max-width:100%;height:auto;display:block;margin-inline:auto}

/*
 * Bilgi şeridi — iki kullanım:
 *   <li class="menu-featured">                 tam genişlik (mega'nın altında)
 *   <div class="menu-featured featured-note">  sütun içinde (yanındaki kartla hizalı)
 * İkincisi tercih edilir: şerit öne çıkan kartın ALTINA girmez, kart da
 * sütunun tamamını kaplayarak alt kenarları eşitler.
 */
.nb-mega__inner > li.menu-featured,
.nb-mega .featured-note{
  grid-column:1/-1;min-height:0;height:auto;
  flex-direction:row;align-items:center;gap:12px;
  padding:14px 18px;font-size:.875rem;line-height:1.5;color:var(--text-soft);
}
/* Şerit sütunun ALTINA yapışır; böylece yanındaki kartla alt kenarlar eşitlenir.
   Kendisi büyümez (flex:0 0 auto), üstündeki ızgara ile arasına pay bırakılır. */
.nb-mega .featured-note{margin-top:auto;flex:0 0 auto}
.nb-mega .row > * > .row{margin-bottom:16px}
.nb-mega__inner > li.menu-featured > i,
.nb-mega .featured-note > i{
  color:var(--brand-2);font-size:16px;margin:0;flex:none;background:none;width:auto;height:auto;
}

/* --- Rozet (fon-ribbon) ve buton varyantları --- */
/* Yönetimden gelen içerikte "Popüler" etiketi .fon-ribbon ile işaretleniyor. */
.nb-mega .fon-ribbon{
  position:absolute;top:8px;right:10px;z-index:2;
  padding:3px 10px;border-radius:var(--r-full);
  font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:#fff;background:var(--grad-brand);
  box-shadow:0 6px 14px -6px rgba(var(--brand-1-rgb),.9);
  pointer-events:none;
}
.nb-mega .menu-item > a{position:relative}
/*
 * Rozet mutlak konumlu olduğu için başlığın üstüne biniyordu.
 * Rozet taşıyan bağlantıda içeriği aşağı iterek ona kendi bandını veriyoruz.
 */
.nb-mega .menu-item > a:has(> .fon-ribbon){padding-top:30px}

/* Öne çıkan karttaki buton dar sütunda küçük kalmasın */
.nb-mega .menu-featured .btn{width:100%;padding:11px 18px;font-size:.875rem}
.nb-mega .btn-success{background:linear-gradient(135deg,#16A34A,#22C55E) !important;color:#fff !important}
.nb-mega .btn-purple{background:linear-gradient(135deg,#7C3AED,#A855F7) !important;color:#fff !important}
.nb-mega .btn-danger{background:linear-gradient(135deg,#DC2626,#EF4444) !important;color:#fff !important}
.nb-mega .btn-light{background:#fff !important;color:#0F172A !important}

/* --- Renk yardımcıları --- */
.nb-mega .primary-bg{background:var(--brand-1) !important;color:#fff !important}
.nb-mega .info-bg{background:var(--brand-2) !important;color:#0B1220 !important}
.nb-mega .danger-bg{background:#EF4444 !important;color:#fff !important}
.nb-mega .success-bg{background:#22C55E !important;color:#fff !important}
.nb-mega .warning-bg{background:#F59E0B !important;color:#0B1220 !important}
.nb-mega .default-bg{background:var(--surface-3) !important;color:var(--brand-2) !important}
.nb-mega .purple-bg{background:linear-gradient(135deg,#7C3AED,#A855F7) !important;color:#fff !important}
.nb-mega .menu-featured.purple-bg{border-color:transparent}
.nb-mega .menu-featured.purple-bg .menu-featured-title,
.nb-mega .menu-featured.purple-bg .menu-featured-desc,
.nb-mega .menu-featured.purple-bg .menu-featured-desc i{color:#fff !important}
/* Dolu renkli öne çıkan kartta metinler beyaz olmalı */
.nb-mega .menu-featured.primary-bg{border-color:transparent}
.nb-mega .menu-featured.primary-bg .menu-featured-title,
.nb-mega .menu-featured.primary-bg .menu-featured-desc,
.nb-mega .menu-featured.primary-bg .menu-featured-desc i{color:#fff !important}
/* Yönetimden gelen eski hizalama kalıntıları menüyü kaydırmasın */
.nb-mega [style*="float"],.nb-drop [style*="float"]{float:none !important}
.nb-mega [class*="yuzde"],.nb-mega #wrapper{width:auto !important;float:none !important;padding:0 !important}

.nb-header__actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}
.nb-header__actions .nb-btn--sm{padding:9px 12px}
.nb-iconbtn{
  position:relative;width:42px;height:42px;display:grid;place-items:center;flex:none;
  border-radius:var(--r-sm);color:var(--text-soft);
  background:rgba(255,255,255,.04);border:1px solid var(--line);
  transition:all .22s var(--ease);text-decoration:none;
}
.nb-iconbtn:hover{color:var(--brand-2);border-color:var(--line-brand);background:rgba(var(--brand-1-rgb),.12)}
.nb-iconbtn__count{
  position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;
  display:grid;place-items:center;border-radius:var(--r-full);
  font-size:.6875rem;font-weight:700;font-style:normal;color:var(--ink);
  background:var(--brand-1);border:2px solid var(--bg);
}

.nb-burger{
  display:none;width:42px;height:42px;place-items:center;flex:none;color:var(--text-soft);
  background:rgba(255,255,255,.04);border:1px solid var(--line-strong);
  border-radius:var(--r-sm);cursor:pointer;
}
.nb-burger:hover{color:var(--ink)}

.nb-mobile{
  position:fixed;inset:0;z-index:80;display:none;
  background:rgba(7,11,20,.97);backdrop-filter:blur(20px);
  padding:22px;overflow-y:auto;
}
.nb-mobile.is-open{display:block}
.nb-mobile__top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.nb-mobile__top .nb-burger{display:grid}
/*
 * MOBİL MENÜ İÇERİĞİ
 *
 * Panel, masaüstü menüsünün TAM işaretlemesini yeniden kullanır: alt menüler
 * (.nb-drop) ve mega menüler (.nb-mega) olduğu gibi basılır. Masaüstü kuralları
 * burada iki soruna yol açıyordu:
 *   1) .nb-nav__link white-space:nowrap — uzun başlıklar alt satıra geçemiyor.
 *   2) Mega içeriği Bootstrap sütun genişliklerini koruyor (col-xl-3 = %25);
 *      360px'lik panelde 80px'lik sütunlar oluşup metin okunmaz hale geliyor.
 * Aşağısı mobil için tek sütunlu, nefes alan bir düzen kurar.
 */
.nb-mobile__list{list-style:none;margin:0;padding:0}
.nb-mobile__list .nb-nav__item + .nb-nav__item{border-top:1px solid var(--line)}

.nb-mobile__list .nb-nav__link{
  display:flex;align-items:center;gap:10px;
  padding:15px 2px;
  font-size:1.0625rem;font-weight:650;line-height:1.35;color:var(--ink);
  border-bottom:0;border-radius:0;
  white-space:normal;overflow-wrap:anywhere;
}
.nb-mobile__list .nb-nav__link:hover{background:transparent}

/* Alt menü ve mega: sol çizgiyle girintilenmiş blok */
.nb-mobile__list .nb-drop,.nb-mobile__list .nb-mega{
  position:static;opacity:1;visibility:visible;transform:none;
  background:transparent;border:0;box-shadow:none;
  min-width:0;max-width:none;overflow:visible;
  margin:0 0 16px 2px;
  padding:4px 0 4px 14px;
  border-left:1px solid var(--line);
}
.nb-mobile__list .nb-drop__link{
  padding:11px 2px;
  font-size:.9375rem;font-weight:500;line-height:1.5;color:var(--text-soft);
  border-bottom:0;
  white-space:normal;overflow-wrap:anywhere;
}
.nb-mobile__list .nb-drop__link:hover{background:transparent;color:var(--ink)}

/*
 * Masaüstünde açılır paneller ortaya hizalanır:
 *   .nb-nav__item:hover > .nb-mega{transform:translate(-50%,0)}
 * Bu kuralın özgüllüğü (0,3,0) yukarıdaki mobil sıfırlamadan (0,2,0) yüksekti;
 * dokunmatikte :hover tetiklenince açılan blok kendi genişliğinin yarısı kadar
 * sola kayıp ekrandan çıkıyordu. Mobilde hover durumu da düz bırakılır.
 */
.nb-mobile__list .nb-nav__item:hover > .nb-mega,
.nb-mobile__list .nb-nav__item:hover > .nb-drop,
.nb-mobile__list .nb-drop__item:hover > .nb-drop{
  transform:none;left:auto;top:auto;
}

/* Mega menü mobilde tek sütuna iner */
.nb-mobile__list .nb-mega__inner{display:block}
.nb-mobile__list .nb-mega .row{display:block;--nb-gx:0;--nb-gy:0}
.nb-mobile__list .nb-mega .row > *{
  width:100% !important;      /* yönetimden gelen satır içi genişlikleri de ezer */
  padding-inline:0;
  margin-bottom:18px;
}
.nb-mobile__list .nb-mega .row > *:last-child{margin-bottom:0}
.nb-mobile__list .nb-mega a,
.nb-mobile__list .nb-mega p,
.nb-mobile__list .nb-mega h2,.nb-mobile__list .nb-mega h3,
.nb-mobile__list .nb-mega h4,.nb-mobile__list .nb-mega h5{padding-left:0;padding-right:0}
.nb-mobile__list .nb-mega .menu-list a{padding-block:9px}
.nb-mobile__list .nb-mega .menu-item > a{padding:10px 0;border-color:transparent}
/* Rozetli bağlantı üst bandını korumalı — yoksa rozet başlığın üstüne biner */
.nb-mobile__list .nb-mega .menu-item > a:has(> .fon-ribbon){padding-top:30px}
.nb-mobile__list .nb-mega .menu-item > a:hover{background:transparent;border-color:transparent}
.nb-mobile__list .nb-mega .menu-featured{display:none}

.nb-mobile__list .nb-drop::before,.nb-mobile__list .nb-mega::before{display:none}
.nb-mobile__list .nb-nav__caret{display:none}
.nb-mobile__actions{display:grid;gap:12px;margin-top:30px}

/* Ic sayfa başlığı */
.nb-pagehead{
  padding-block:clamp(38px,5vw,64px);
  background:linear-gradient(180deg,rgba(var(--brand-1-rgb),.14),transparent 78%);
  border-bottom:1px solid var(--line);
}
.nb-pagehead h1{font-size:clamp(1.85rem,1.3rem + 2.2vw,3rem);line-height:1.1;letter-spacing:-.028em;font-weight:800;color:var(--ink);margin:0}
.nb-pagehead .nb-lead{margin-top:14px}
/*
 * Breadcrumb: header-breadcrumb.php öğeleri arada BOŞLUK OLMADAN
 * <i class="fa fa-caret-right"> ile birleştirir; hepsi bitişik yazılıyordu.
 * Flex + gap ile ayrılır. Son kırıntı uzun bir slug olabildiği için
 * overflow-wrap ile taşması engellenir.
 */
.nb-pagehead__crumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:9px;
  margin-top:16px;font-size:.8125rem;color:var(--text-dim);
  overflow-wrap:anywhere;line-height:1.6;
}
.nb-pagehead__crumb a{color:var(--text-dim);text-decoration:none}
.nb-pagehead__crumb a:hover{color:var(--brand-2)}
.nb-pagehead__crumb i{margin:0;font-size:10px;opacity:.55;color:var(--text-dim)}

/* 7c. FOOTER ------------------------------------------------------------- */
.nb-footer{
  margin-top:clamp(56px,7vw,96px);
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),var(--bg-soft);
}
.nb-footer__main{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px;padding-block:clamp(48px,6vw,72px)}
.nb-footer__brand p{font-size:.9375rem;line-height:1.7;color:var(--text-dim);margin-top:18px;max-width:36ch}
.nb-footer__contact{display:grid;gap:12px;margin-top:22px}
.nb-footer__contact a,.nb-footer__contact span{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:var(--text-soft);text-decoration:none}
.nb-footer__contact .ico{width:17px;height:17px;color:var(--brand-2);flex:none;margin-top:3px}
.nb-footer__contact a:hover{color:var(--ink)}
.nb-footer__col h4{font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:18px}
.nb-footer__links{display:grid;gap:11px;list-style:none;margin:0;padding:0}
.nb-footer__links a{font-size:.875rem;color:var(--text-dim);text-decoration:none}
.nb-footer__links a:hover{color:var(--brand-2)}
/* İş ortağı logoları — legacy .footlogos'un float'ı akışı bozduğu için ayrı bileşen */
.nb-partners{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:14px;padding:22px;margin-bottom:8px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
}
/*
 * Logolar açık renkli "çip" üzerinde durur.
 *
 * Neden filtre değil: brightness(0) invert(1) silüet üretir; Comodo (.jpg) ve
 * LiteSpeed gibi opak beyaz zeminli logolarda tüm dikdörtgen beyaza dönüp
 * blok halinde görünüyordu. Çip yaklaşımı hem şeffaf PNG hem opak JPG için
 * çalışır ve logolar gerçek renginde okunur kalır.
 */
.nb-partners__item{
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  height:54px;padding:10px 18px;
  background:#FFFFFF;border:1px solid var(--line);border-radius:12px;
  opacity:.8;
  transition:opacity .3s var(--ease),transform .3s var(--ease);
}
.nb-partners__item:hover{opacity:1;transform:translateY(-2px)}
.nb-partners__item img{
  max-height:24px;width:auto;max-width:120px;object-fit:contain;
  filter:none;
}

@media (max-width:640px){
  .nb-partners{gap:6px;padding:16px}
  .nb-partners__item{height:44px;padding:0 10px}
  .nb-partners__item img{max-height:20px;max-width:96px}
}

.nb-footer__bottom{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding-block:24px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--text-dim);
}
.nb-social{display:flex;gap:10px}
.nb-social a{
  width:38px;height:38px;display:grid;place-items:center;border-radius:10px;
  background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--text-soft);
  transition:all .25s var(--ease);text-decoration:none;
}
.nb-social a:hover{background:rgba(var(--brand-1-rgb),.16);border-color:var(--line-brand);color:var(--brand-2);transform:translateY(-2px)}

/* 8. HERO ---------------------------------------------------------------- */
.nb-hero{position:relative;padding-block:clamp(56px,7vw,104px) clamp(64px,8vw,110px);overflow:hidden}
.nb-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,#000 30%,transparent 78%);
          mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,#000 30%,transparent 78%);
}
.nb-hero > *{position:relative;z-index:1}
.nb-hero__inner{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,64px);align-items:center}
.nb-hero h1{margin-top:24px}
.nb-hero .nb-lead{margin-top:22px}
.nb-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.nb-hero__trust{display:flex;gap:26px;flex-wrap:wrap;margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}
.nb-hero__trust-item{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--text-dim)}
.nb-hero__trust-item .ico{width:17px;height:17px;color:var(--ok)}

/* Mitigasyon konsolu */
.nb-console{
  position:relative;border-radius:var(--r-xl);overflow:hidden;
  background:linear-gradient(160deg,var(--surface-2),var(--surface) 60%);
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow-lg),var(--glow-2);
}
.nb-console__bar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.28)}
.nb-console__dots{display:flex;gap:6px}
.nb-console__dots i{width:10px;height:10px;border-radius:50%;background:var(--surface-3)}
.nb-console__dots i:first-child{background:#FF5F57}
.nb-console__dots i:nth-child(2){background:#FEBC2E}
.nb-console__dots i:nth-child(3){background:#28C840}
.nb-console__title{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);margin-left:6px}
.nb-console__status{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:.75rem;font-weight:650;color:var(--ok)}
.nb-console__body{padding:22px}
.nb-console__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}
.nb-console__row:last-child{border-bottom:0}
.nb-console__label{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--text-soft)}
.nb-console__label .ico{width:16px;height:16px;color:var(--brand-2)}
.nb-console__value{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--ink)}
.nb-console__value--ok{color:var(--ok)}
.nb-console__value--danger{color:#FCA5A5}

/* Canlı mitigasyon grafiği (SVG, js/nubitro.js tarafından çizilir) */
.nb-chart{position:relative;height:170px;margin:16px 0 10px;overflow:hidden;border-radius:var(--r-sm)}
.nb-chart__svg{width:100%;height:100%;display:block;overflow:visible}
.nb-chart__grid line{stroke:rgba(255,255,255,.06);stroke-width:1;stroke-dasharray:3 5}
.nb-chart__area{stroke:none}
.nb-chart__line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.nb-chart__line--clean{stroke:var(--brand-2);filter:drop-shadow(0 0 6px rgba(var(--brand-2-rgb),.55))}
.nb-chart__line--attack{stroke:#EF4444;stroke-width:1.6;opacity:.95;filter:drop-shadow(0 0 6px rgba(239,68,68,.5))}

/* "Mitigasyon devrede" rozeti — saldırı kesilirken yanar */
.nb-chart__flag{
  position:absolute;top:10px;right:10px;
  padding:5px 11px;border-radius:var(--r-full);
  font-family:var(--font-mono);font-size:.625rem;font-weight:700;letter-spacing:.06em;
  color:#FCA5A5;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.35);
  opacity:0;transform:translateY(-4px);
  transition:opacity .25s var(--ease),transform .25s var(--ease);
  pointer-events:none;
}
.nb-chart__flag.is-on{opacity:1;transform:none;animation:nb-flagpulse 1s ease-in-out infinite}
@keyframes nb-flagpulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.35)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}

.nb-chart__legend{display:flex;gap:18px;font-size:.75rem;color:var(--text-dim)}
.nb-chart__legend span{display:flex;align-items:center;gap:6px}
.nb-chart__legend i{width:9px;height:9px;border-radius:3px;background:var(--brand-2)}
.nb-chart__legend i.is-attack{background:#EF4444}

/* Radar */
.nb-radar{position:relative;width:100%;aspect-ratio:1;max-width:260px;margin-inline:auto}
.nb-radar::before{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:
    repeating-radial-gradient(circle at 50% 50%,transparent 0 24%,rgba(var(--brand-1-rgb),.16) 24% 24.4%,transparent 24.4% 100%),
    radial-gradient(circle at 50% 50%,rgba(var(--brand-1-rgb),.12),transparent 70%);
  border:1px solid rgba(var(--brand-1-rgb),.22);
}
.nb-radar::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(var(--brand-2-rgb),.42),transparent 28%);
  animation:nb-sweep 3.6s linear infinite;
}
@keyframes nb-sweep{to{transform:rotate(360deg)}}

/* 9. İSTATİSTİK / ÖZELLİKLER --------------------------------------------- */
.nb-stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
}
.nb-stat{padding:30px 26px;border-right:1px solid var(--line);text-align:center}
.nb-stat:last-child{border-right:0}
.nb-stat__value{
  font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.nb-stat__label{margin-top:8px;font-size:.875rem;color:var(--text-dim)}

.nb-feature{display:flex;gap:16px;align-items:flex-start}
.nb-feature__icon{
  width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;
  color:var(--brand-2);background:rgba(var(--brand-1-rgb),.12);border:1px solid rgba(var(--brand-1-rgb),.22);
}
.nb-feature h4{margin-bottom:6px}
.nb-feature p{font-size:.9375rem;line-height:1.65;color:var(--text-dim)}

/* Katmanlı savunma */
.nb-layers{display:grid;gap:12px}
.nb-layer{
  display:flex;align-items:center;gap:18px;padding:20px 22px;
  border:1px solid var(--line);border-radius:var(--r);
  background:linear-gradient(90deg,rgba(var(--brand-1-rgb),.08),transparent 62%);
  transition:border-color .3s var(--ease),transform .3s var(--ease-out);
}
.nb-layer:hover{border-color:var(--line-brand);transform:translateX(4px)}
.nb-layer__tag{
  font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.06em;
  color:var(--brand-2);padding:6px 10px;border-radius:var(--r-sm);flex:none;
  background:rgba(var(--brand-2-rgb),.10);border:1px solid rgba(var(--brand-2-rgb),.24);
}
.nb-layer h4{margin-bottom:4px}
.nb-layer p{font-size:.875rem;color:var(--text-dim);line-height:1.6}
.nb-layer__meta{margin-left:auto;text-align:right;flex:none}
.nb-layer__meta strong{display:block;font-family:var(--font-mono);font-size:.9375rem;color:var(--ink)}
.nb-layer__meta span{font-size:.75rem;color:var(--text-dim)}

.nb-attack{
  display:flex;align-items:center;gap:12px;padding:14px 16px;
  border:1px solid var(--line);border-radius:var(--r);background:var(--surface);
  font-size:.875rem;font-weight:550;color:var(--text);
}
.nb-attack .ico{width:17px;height:17px;color:var(--ok);flex:none}

/* Logo şeridi */
.nb-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.nb-marquee__track{display:flex;gap:56px;width:max-content;animation:nb-scroll 34s linear infinite}
.nb-marquee:hover .nb-marquee__track{animation-play-state:paused}
.nb-marquee__item{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:650;color:rgba(255,255,255,.34);white-space:nowrap;transition:color .3s}
.nb-marquee__item:hover{color:rgba(255,255,255,.72)}
.nb-marquee__item .ico{width:19px;height:19px}
@keyframes nb-scroll{to{transform:translateX(-50%)}}

/* 10. FİYATLANDIRMA ------------------------------------------------------ */
.nb-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.nb-plan{
  position:relative;display:flex;flex-direction:column;
  background:var(--surface);background-image:var(--grad-surface);
  border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;
  transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s;
}
.nb-plan:hover{transform:translateY(-5px);border-color:var(--line-brand);box-shadow:var(--shadow-lg)}
.nb-plan--featured{
  border-color:rgba(var(--brand-1-rgb),.5);
  background:linear-gradient(180deg,rgba(var(--brand-1-rgb),.10),var(--surface) 45%);
  box-shadow:var(--glow-1);
}
.nb-plan__flag{
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  padding:6px 16px;border-radius:var(--r-full);white-space:nowrap;
  font-size:.75rem;font-weight:700;letter-spacing:.03em;color:#fff;
  background:var(--grad-brand);box-shadow:0 8px 20px -8px rgba(var(--brand-1-rgb),.9);
}
.nb-plan__name{font-size:1.125rem;font-weight:700;color:var(--ink)}
.nb-plan__desc{font-size:.875rem;color:var(--text-dim);margin-top:6px;min-height:42px}
.nb-plan__price{display:flex;align-items:baseline;gap:6px;margin:22px 0 4px;flex-wrap:wrap}
.nb-plan__amount{font-size:2.5rem;font-weight:800;letter-spacing:-.035em;color:var(--ink);line-height:1}
.nb-plan__period{font-size:.875rem;color:var(--text-dim)}
.nb-plan__note{font-size:.8125rem;color:var(--text-dim)}
.nb-plan__specs{margin:24px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:11px}
.nb-plan__spec{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.875rem}
.nb-plan__spec span{color:var(--text-dim)}
.nb-plan__spec strong{color:var(--ink);font-weight:650;font-family:var(--font-mono);font-size:.8125rem;text-align:right}
.nb-plan__list{display:grid;gap:10px;margin-bottom:26px;flex:1}
.nb-plan__list li{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.55}
.nb-plan__list .ico{width:16px;height:16px;color:var(--ok);flex:none;margin-top:3px}
.nb-plan__list li.is-off{color:var(--text-dim)}
.nb-plan__list li.is-off .ico{color:var(--text-dim);opacity:.5}

/* 11. SEKMELER ----------------------------------------------------------- */
.nb-tabs{display:inline-flex;gap:4px;padding:5px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--line);flex-wrap:wrap}
.nb-tab{
  padding:10px 22px;border-radius:var(--r-full);border:0;background:transparent;cursor:pointer;
  font-size:.875rem;font-weight:600;color:var(--text-soft);
  transition:background .25s var(--ease),color .25s var(--ease);
}
.nb-tab:hover{color:var(--ink)}
.nb-tab.is-active{background:var(--grad-brand);color:#fff;box-shadow:0 6px 18px -8px rgba(var(--brand-1-rgb),.9)}
.nb-tabpanel{display:none;animation:nb-fade .45s var(--ease-out)}
.nb-tabpanel.is-active{display:block}
@keyframes nb-fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Domain arama */
.nb-domain{
  display:flex;gap:10px;padding:10px;border-radius:var(--r-full);
  background:var(--surface);border:1px solid var(--line-strong);
  box-shadow:var(--shadow);max-width:640px;
}
.nb-domain input[type="text"],.nb-domain input:not([type]){
  flex:1;min-width:0;padding:13px 20px;border:0 !important;background:transparent !important;
  color:var(--ink) !important;font-size:1rem;outline:none;box-shadow:none !important;
}
.nb-domain__tlds{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:.8125rem;color:var(--text-dim)}
.nb-domain__tld{display:inline-flex;align-items:center;gap:6px}
.nb-domain__tld b{color:var(--brand-2);font-family:var(--font-mono)}

/* 12. TABLO -------------------------------------------------------------- */
.nb-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.nb-table{width:100%;border-collapse:collapse;min-width:720px;font-size:.875rem}
.nb-table th,.nb-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line)}
.nb-table thead th{
  background:rgba(255,255,255,.03);color:var(--ink);font-weight:650;
  font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
}
.nb-table tbody tr:last-child td{border-bottom:0}
.nb-table tbody tr{transition:background .2s}
.nb-table tbody tr:hover{background:rgba(255,255,255,.022)}
.nb-table td strong{color:var(--ink);font-weight:650}
.nb-table .ico{width:17px;height:17px;color:var(--ok)}

/* 13. SSS ---------------------------------------------------------------- */
.nb-faq{display:grid;gap:12px;max-width:840px;margin-inline:auto}
.nb-faq__item{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden;transition:border-color .3s}
.nb-faq__item.is-open{border-color:var(--line-brand)}
.nb-faq__q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 24px;background:transparent;border:0;cursor:pointer;text-align:left;
  font-size:1rem;font-weight:600;color:var(--ink);
}
.nb-faq__q .ico{color:var(--brand-2);transition:transform .3s var(--ease);flex:none}
.nb-faq__item.is-open .nb-faq__q .ico{transform:rotate(45deg)}
.nb-faq__a{max-height:0;overflow:hidden;transition:max-height .38s var(--ease)}
.nb-faq__a p{padding:0 24px 22px;font-size:.9375rem;line-height:1.72;color:var(--text-soft)}

/* 14. REFERANS / CTA ----------------------------------------------------- */
.nb-quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:20px}
.nb-quote__stars{display:flex;gap:3px;color:var(--warn)}
.nb-quote p{font-size:.9375rem;line-height:1.75;color:var(--text);flex:1}
.nb-quote__author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
.nb-quote__avatar{width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--grad-brand);color:#fff;font-weight:700;font-size:.9375rem}
.nb-quote__name{font-size:.9375rem;font-weight:650;color:var(--ink)}
.nb-quote__role{font-size:.8125rem;color:var(--text-dim)}

.nb-cta{
  position:relative;overflow:hidden;border-radius:var(--r-xl);
  padding:clamp(40px,5vw,64px);text-align:center;
  background:linear-gradient(135deg,rgba(var(--brand-1-rgb),.20),rgba(var(--brand-2-rgb),.10)),var(--surface);
  border:1px solid var(--line-brand);
}
.nb-cta::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:40px 40px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 72%);
          mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 72%);
}
.nb-cta > *{position:relative}
.nb-cta .nb-lead{margin-inline:auto;margin-top:16px}
.nb-cta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:32px}

/* 15. FORMLAR ------------------------------------------------------------ */
.nb-field{display:grid;gap:8px}
.nb-label{font-size:.875rem;font-weight:600;color:var(--ink)}
.nb-input,.nb-textarea,.nb-select{
  width:100%;padding:13px 16px;
  background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);
  color:var(--ink);font-size:.9375rem;outline:none;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s;
}
.nb-input:focus,.nb-textarea:focus,.nb-select:focus{
  border-color:var(--brand-1);box-shadow:0 0 0 3px rgba(var(--brand-1-rgb),.18);background:var(--surface-3);
}
.nb-textarea{min-height:140px;resize:vertical;line-height:1.6}
.nb-hint{font-size:.8125rem;color:var(--text-dim)}

/* 16. YÜZEN BUTON + ANIMASYON -------------------------------------------- */
.nb-float{
  position:fixed;right:22px;bottom:92px;z-index:70;
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:#25D366;color:var(--ink);box-shadow:0 12px 30px -10px rgba(37,211,102,.8);
  transition:transform .25s var(--ease);
}
.nb-float:hover{transform:scale(1.08);color:#fff}
.nb-float .ico{width:26px;height:26px}

[data-nb-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
[data-nb-reveal].is-visible{opacity:1;transform:none}
[data-nb-delay="1"]{transition-delay:.08s}
[data-nb-delay="2"]{transition-delay:.16s}
[data-nb-delay="3"]{transition-delay:.24s}
[data-nb-delay="4"]{transition-delay:.32s}

@media (prefers-reduced-motion:reduce){
  [data-nb-reveal]{opacity:1;transform:none}
}

/* 17. DDoS SAYFASI GÖRSELLERİ -------------------------------------------- */

/* Trafik akış diyagramı: Karışık trafik → Scrubbing → Temiz trafik */
.nb-flow{
  display:grid;grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:stretch;gap:0;
}
.nb-flow__node{
  position:relative;padding:26px 22px;text-align:center;
  background:var(--surface);background-image:var(--grad-surface);
  border:1px solid var(--line);border-radius:var(--r-lg);
}
.nb-flow__node--danger{border-color:rgba(239,68,68,.32);background:linear-gradient(180deg,rgba(239,68,68,.10),var(--surface) 60%)}
.nb-flow__node--core{
  border-color:var(--line-brand);
  background:linear-gradient(180deg,rgba(var(--brand-1-rgb),.16),var(--surface) 60%);
  box-shadow:var(--glow-1);
}
.nb-flow__node--ok{border-color:rgba(34,197,94,.32);background:linear-gradient(180deg,rgba(34,197,94,.10),var(--surface) 60%)}
.nb-flow__icon{
  width:52px;height:52px;margin:0 auto 14px;display:grid;place-items:center;
  border-radius:var(--r);background:rgba(255,255,255,.05);border:1px solid var(--line-strong);
}
.nb-flow__icon .ico{width:26px;height:26px}
.nb-flow__node--danger .nb-flow__icon{color:#FCA5A5;border-color:rgba(239,68,68,.3)}
.nb-flow__node--core .nb-flow__icon{color:var(--brand-2);border-color:var(--line-brand)}
.nb-flow__node--ok .nb-flow__icon{color:var(--ok);border-color:rgba(34,197,94,.3)}
.nb-flow__node h4{margin-bottom:8px}
.nb-flow__node p{font-size:.8125rem;line-height:1.6;color:var(--text-dim)}
.nb-flow__tag{
  display:inline-block;margin-top:12px;padding:4px 10px;border-radius:var(--r-full);
  font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.04em;
  background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text-soft);
}

/* Akış oku — üzerinde paketler akar */
.nb-flow__pipe{position:relative;min-width:64px;display:flex;align-items:center;justify-content:center}
.nb-flow__pipe::before{
  content:"";position:absolute;left:6px;right:6px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,rgba(var(--brand-1-rgb),.15),rgba(var(--brand-2-rgb),.55),rgba(var(--brand-1-rgb),.15));
}
.nb-flow__pipe i{
  position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;
  background:var(--brand-2);box-shadow:0 0 10px 2px rgba(var(--brand-2-rgb),.75);
  animation:nb-packet 2.4s linear infinite;
}
.nb-flow__pipe i:nth-child(2){animation-delay:.8s}
.nb-flow__pipe i:nth-child(3){animation-delay:1.6s}
.nb-flow__pipe--dirty::before{background:linear-gradient(90deg,rgba(239,68,68,.2),rgba(239,68,68,.6),rgba(239,68,68,.2))}
.nb-flow__pipe--dirty i{background:#EF4444;box-shadow:0 0 10px 2px rgba(239,68,68,.7)}
@keyframes nb-packet{from{left:4px;opacity:0}12%{opacity:1}88%{opacity:1}to{left:calc(100% - 10px);opacity:0}}

/* Kapasite metresi */
.nb-meter{display:grid;gap:16px}
.nb-meter__row{display:grid;gap:8px}
.nb-meter__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:.875rem}
.nb-meter__head span{color:var(--text-dim)}
.nb-meter__head strong{color:var(--ink);font-family:var(--font-mono);font-size:.8125rem}
.nb-meter__track{height:8px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}
.nb-meter__fill{
  height:100%;border-radius:var(--r-full);
  background:var(--grad-brand);
  box-shadow:0 0 14px rgba(var(--brand-1-rgb),.7);
}
.nb-meter__fill--ok{background:linear-gradient(90deg,#16A34A,#22C55E);box-shadow:0 0 14px rgba(34,197,94,.6)}

/* Zaman çizelgesi */
.nb-timeline{position:relative;display:grid;gap:0;padding-left:38px}
.nb-timeline::before{
  content:"";position:absolute;left:13px;top:8px;bottom:8px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,var(--brand-2),rgba(var(--brand-1-rgb),.25));
}
.nb-timeline__item{position:relative;padding:0 0 30px}
.nb-timeline__item:last-child{padding-bottom:0}
.nb-timeline__dot{
  position:absolute;left:-38px;top:2px;width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--surface-2);border:1px solid var(--line-brand);color:var(--brand-2);
  font-family:var(--font-mono);font-size:.6875rem;font-weight:700;
}
.nb-timeline__time{
  display:inline-block;margin-bottom:6px;padding:3px 10px;border-radius:var(--r-full);
  font-family:var(--font-mono);font-size:.6875rem;font-weight:700;
  background:rgba(var(--brand-2-rgb),.10);border:1px solid rgba(var(--brand-2-rgb),.24);color:var(--brand-2);
}
.nb-timeline__item h4{margin-bottom:6px}
.nb-timeline__item p{font-size:.875rem;line-height:1.65;color:var(--text-dim)}

/* Karşılaştırma tablosu işaretleri */
.nb-yes,.nb-no{display:inline-flex;align-items:center;gap:7px;font-weight:600;white-space:nowrap}
.nb-yes{color:var(--ok)}
.nb-no{color:#FCA5A5}
.nb-yes .ico,.nb-no .ico{width:16px;height:16px}
.nb-table td.nb-col-us{background:rgba(var(--brand-1-rgb),.07)}
.nb-table th.nb-col-us{background:rgba(var(--brand-1-rgb),.14);color:var(--ink)}

/* Kullanım senaryosu kartları */
.nb-usecase{
  position:relative;padding:26px;border-radius:var(--r-lg);
  background:var(--surface);border:1px solid var(--line);
  transition:transform .3s var(--ease-out),border-color .3s;
}
.nb-usecase:hover{transform:translateY(-4px);border-color:var(--line-brand)}
.nb-usecase__icon{
  width:44px;height:44px;display:grid;place-items:center;border-radius:12px;margin-bottom:16px;
  color:var(--brand-2);background:rgba(var(--brand-1-rgb),.12);border:1px solid rgba(var(--brand-1-rgb),.24);
}
.nb-usecase h4{margin-bottom:8px}
.nb-usecase p{font-size:.875rem;line-height:1.65;color:var(--text-dim)}
.nb-usecase__threat{
  margin-top:14px;padding-top:14px;border-top:1px solid var(--line);
  font-size:.75rem;color:var(--text-dim);
}
.nb-usecase__threat b{color:#FCA5A5;font-weight:650}

/* Nötr varyant: tehdit yerine "sağladığımız hizmetler" satırı */
.nb-usecase__meta{
  margin-top:14px;padding-top:14px;border-top:1px solid var(--line);
  font-size:.75rem;line-height:1.6;color:var(--text-dim);
}
.nb-usecase__meta b{color:var(--brand-2);font-weight:650}

/* Ek sektör etiketleri */
.nb-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.nb-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 16px;border-radius:var(--r-full);
  font-size:.8125rem;font-weight:550;color:var(--text-soft);
  background:var(--surface);border:1px solid var(--line);
  transition:border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease);
}
.nb-chip:hover{border-color:var(--line-brand);color:var(--ink);transform:translateY(-2px)}
.nb-chip .ico{width:15px;height:15px;color:var(--brand-2)}

/* Teknik özellik ızgarası */
.nb-spec{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
}
.nb-spec__cell{background:var(--surface);padding:22px}
.nb-spec__label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}
.nb-spec__value{margin-top:8px;font-family:var(--font-mono);font-size:.9375rem;font-weight:650;color:var(--ink);line-height:1.5}

@media (max-width:900px){
  .nb-flow{grid-template-columns:1fr;gap:14px}
  .nb-flow__pipe{min-height:44px;min-width:0;transform:rotate(90deg)}
}

/* 18. RESPONSIVE --------------------------------------------------------- */
/* Menü + butonlar 1220px kaba sığmadığı için burger eşiği yükseltildi */
@media (max-width:1240px){
  .nb-nav{display:none}
  .nb-burger{display:grid}
  .nb-header__actions .nb-btn--ghost{display:none}
  .nb-hero__inner{grid-template-columns:1fr;gap:48px}
  .nb-split{grid-template-columns:1fr}
  .nb-footer__main{grid-template-columns:1fr 1fr}
  .nb-footer__brand{grid-column:1/-1}
}
@media (max-width:900px){
  /*
   * Mobil başlıkta yalnızca tema anahtarı + menü düğmesi kalır.
   * Sepet ve hesap butonları dar ekranda logoyu sıkıştırıp başlığı
   * kalabalıklaştırıyordu; ikisi de mobil panelin içinde duruyor.
   */
  .nb-header__actions .nb-btn,
  .nb-header__actions .nb-iconbtn:not([data-nb-theme-toggle]){display:none}

  /*
   * Logo masaüstünde flex:none — dar ekranda 210px'lik görsel + firma adı
   * kaba sığmayınca daralmak yerine eylemleri sağa itiyor ve menü düğmesi
   * ekranın dışına taşıyordu. Mobilde logo esneyebilsin, taşan ad "..." ile
   * kısalsın; burger her zaman kabın içinde kalır.
   */
  .nb-header .nb-container{gap:10px}
  .nb-logo{flex:1 1 auto;min-width:0;font-size:1.125rem}
  .nb-logo img{max-width:100%;height:32px}
  .nb-logo > span:not(.nb-logo__mark){
    min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }

  .nb-grid-4,.nb-grid-3{grid-template-columns:repeat(2,1fr)}
  .nb-stats{grid-template-columns:repeat(2,1fr)}
  .nb-stat{border-right:0;border-bottom:1px solid var(--line)}
  .nb-stat:nth-child(odd){border-right:1px solid var(--line)}
  .nb-plans{grid-template-columns:1fr;max-width:460px;margin-inline:auto}
  .nb-topstrip__meta > *:not(.nb-topstrip__keep){display:none}
}
@media (max-width:640px){
  .nb-grid-2,.nb-grid-3,.nb-grid-4{grid-template-columns:1fr}
  .nb-domain{flex-direction:column;border-radius:var(--r-lg)}
  .nb-domain .nb-btn{width:100%}
  .nb-layer{flex-wrap:wrap;gap:12px}
  .nb-layer__meta{margin-left:0;text-align:left;width:100%}
  .nb-hero__cta .nb-btn{width:100%}
  .nb-topstrip{display:none}
}

@media print{
  .nb-topstrip,.nb-float{display:none !important}
}

/* ============= KATMAN 5: WISECP ÇEKİRDEK BİLEŞEN OVERRIDE'LARI ========== */
/* --- Sipariş adımları: hizmet süresi seçimi ----------------------------- */
.orderperiodblock{
  background:var(--surface) !important;
  border:2px solid var(--line) !important;
  border-radius:var(--r) !important;
  color:var(--text-soft) !important;
  filter:none !important;
}
.orderperiodblock:hover{border-color:var(--line-brand) !important}
.orderperiodblock.active{
  border-color:var(--brand-1) !important;
  background:linear-gradient(180deg,rgba(var(--brand-1-rgb),.14),var(--surface) 60%) !important;
  box-shadow:var(--glow-1) !important;
}
.orderperiodblock h2{color:var(--ink) !important}
.orderperiodblock h3{color:var(--text-dim) !important}
.periodselectbox{
  background:var(--surface-2) !important;
  border:2px solid var(--line-strong) !important;
}
.active .periodselectbox{
  background:var(--brand-1) !important;
  border-color:var(--brand-1) !important;
}
.periodselectbox i{color:#fff !important}
.setup-fee-period{background:rgba(255,255,255,.10) !important;color:var(--text-soft) !important}

/* --- Müşteri paneli yüzeyleri ------------------------------------------- */
.moderncliendblock,.moderncliendcontent,.modernclient-rightcon,
#modernpanel .mpanelinfo,#muspanel .mpanelrightcon,
.dashboardbox,.wclientnotification,#modernpanel .wclientnotification,
.wclientblockscon .product-group-item,.creditcardbox-CCW,
#nserverinfo,.skonfiginfo{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:none !important;
  color:var(--text-soft) !important;
}
.mclientlastblocks thead,#transfer-service table thead,.installment-options thead{
  background:rgba(255,255,255,.045) !important;
  color:var(--ink) !important;
}
.installment-options table tr:hover{background:rgba(255,255,255,.03) !important}
.block_module_details-title h4,.order-detail-service-block-title h4{color:var(--ink) !important}

/* Bildirim ve sosyal bağlantı kutuları */
.socialconnect a,.connector span{
  background:var(--surface-2) !important;
  border:1px solid var(--line) !important;
  color:var(--text-soft) !important;
}
#modernpanel .allread a:hover,#clean-theme-client .allread a:hover{
  background:rgba(var(--brand-1-rgb),.14) !important;color:var(--ink) !important;
}
#modernpanel .invoiceremind .red-info{
  background:var(--danger-dim) !important;color:#FCA5A5 !important;
  border:1px solid rgba(239,68,68,.3) !important;
}

/* Sipariş sırasında üyelik seçimi */
.orderuserlogin .radio-custom-label:hover,
.orderuserlogin .radio-custom:checked + .radio-custom-label{
  background:rgba(var(--brand-1-rgb),.12) !important;
  color:var(--ink) !important;
}
label.sitemio-checkbox-label::after{background:var(--surface-2) !important}
#auto_saved{background:var(--surface-2) !important;color:var(--text-soft) !important}

/* Butonlar */
.hostbtn,.serverblokbtn a,.clientArea-module-page-btn,#order-service-detail-btns .yesilbtn,
.lookcolum .lbtn,.clean-theme-btn,.clean-theme-adduser-btn button{
  background:var(--grad-brand) !important;
  color:#fff !important;
  border:1px solid transparent !important;
  border-radius:var(--r-full) !important;
}
.noclick,.noclick:hover{
  background:var(--surface-3) !important;color:var(--text-dim) !important;cursor:not-allowed;
}
.themepreview .lbtn:hover{background:var(--brand-1) !important;color:#fff !important}

/* Clean-theme (alternatif panel) yüzeyleri */
.clean-theme-footer,.clean-theme-signup-box-title,.clean-theme-client-left-block-title{
  background:var(--surface) !important;border-color:var(--line) !important;color:var(--text-soft) !important;
}
#clean-theme-client table.dataTable tbody tr{background:transparent !important}
#clean-theme-client .homedomainarea input:not([type="submit"]){
  background:var(--surface-2) !important;color:var(--ink) !important;border-color:var(--line-strong) !important;
}

/* --- Çekirdek kaydırma çubukları ---------------------------------------- */
#modernpanel::-webkit-scrollbar,.mpanelrightcon::-webkit-scrollbar,
.leftbar::-webkit-scrollbar,.wnotificontent::-webkit-scrollbar{
  background:transparent !important;width:10px;height:10px;
}
#modernpanel::-webkit-scrollbar-track,.mpanelrightcon::-webkit-scrollbar-track,
.leftbar::-webkit-scrollbar-track,.wnotificontent::-webkit-scrollbar-track{
  background:transparent !important;
}
#modernpanel::-webkit-scrollbar-thumb,.mpanelrightcon::-webkit-scrollbar-thumb,
.leftbar::-webkit-scrollbar-thumb,.wnotificontent::-webkit-scrollbar-thumb{
  background:var(--surface-3) !important;border-radius:999px;
}

/* Sekme başlığı gradyanı */
.subtab > ul.tab li a.active{
  background:var(--surface-2) !important;color:var(--ink) !important;filter:none !important;
}

/* --- Select2 ------------------------------------------------------------ */
/*
 * select2.min.css çekirdekten, tema CSS'inden SONRA yükleniyor ve bileşeni
 * baştan aşağı açık renklerle kuruyor (beyaz zemin, #444 metin, #aaa kenar).
 * Kapsam bilerek panelle sınırlı DEĞİL: aynı bileşen sipariş adımlarında ve
 * SMS sayfalarında da kullanılıyor, her yerde aynı görünmeli.
 *
 * Açılır liste select2 tarafından <body>'nin sonuna taşınıyor; bu yüzden
 * .select2-dropdown kuralları da kapsayıcıdan bağımsız yazılmalı.
 */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple{
  background:var(--surface-2) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:var(--r-sm) !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple{
  border-color:var(--brand-1) !important;
  box-shadow:0 0 0 3px rgba(var(--brand-1-rgb),.18) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
  color:var(--ink) !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
  color:var(--text-dim) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-top-color:var(--text-dim) !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  border-bottom-color:var(--text-dim) !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
  color:var(--text-dim) !important;
}
/* Devre dışı alan kilitli olduğunu belli etsin */
.select2-container--disabled .select2-selection--single{
  background:rgba(255,255,255,.03) !important;
  color:var(--text-dim) !important;
}

/* Açılır liste */
.select2-dropdown{
  background:var(--surface-2) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:var(--r-sm) !important;
  box-shadow:var(--shadow-lg) !important;
}
.select2-container--default .select2-results__option{color:var(--text-soft) !important}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected]{
  background:rgba(var(--brand-1-rgb),.20) !important;color:var(--ink) !important;
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"]{
  background:rgba(255,255,255,.06) !important;color:var(--ink) !important;
}
.select2-container--default .select2-results__group{color:var(--text-dim) !important}
.select2-results__message{color:var(--text-dim) !important}
.select2-search--dropdown{background:transparent !important}
.select2-container--default .select2-search--dropdown .select2-search__field{
  background:var(--surface) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:var(--r-sm) !important;
  color:var(--ink) !important;
}
/* Çoklu seçimdeki etiketler */
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  background:rgba(var(--brand-1-rgb),.16) !important;
  border:1px solid var(--line-brand) !important;
  border-radius:var(--r-sm) !important;
  color:var(--ink) !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  color:var(--text-dim) !important;
}

/* ================ KATMAN 6: GİRİŞ / KAYIT EKRANI ======================= */
/* Modern temadan gelen video arka planı bu temada kullanılmıyor */
#bgvid{display:none !important}

/* --- Tuval --------------------------------------------------------------- */
/*
 * Sayfa tam ekran olmalı ama GEREKSİZ KAYDIRMA çıkarmamalı.
 * box-sizing:border-box olmadan padding, 100vh'nin üstüne eklenip
 * belgeyi ekrandan taşırıyor ve boş bir kaydırma çubuğu oluşturuyordu.
 */
html,body#uyeolgirisbody{margin:0;padding:0}
body#uyeolgirisbody{min-height:100vh;overflow-x:hidden}

#uyeolgiris{
  min-height:100vh;
  box-sizing:border-box;
  overflow:visible !important;
  background:
    radial-gradient(900px 500px at 8% -10%, rgba(var(--brand-1-rgb),.22), transparent 60%),
    radial-gradient(760px 460px at 95% 8%, rgba(var(--brand-2-rgb),.14), transparent 62%),
    var(--bg) !important;
  display:flex;align-items:center;
  padding:clamp(20px,4vw,48px) 0;
}
#uyeolgiris::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.45;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 30% 20%,#000 20%,transparent 75%);
          mask-image:radial-gradient(ellipse 90% 70% at 30% 20%,#000 20%,transparent 75%);
}
#uyeolgiris > #wrapper{position:relative;z-index:1}

/* --- Bölünmüş ekran ------------------------------------------------------ */
#uyeolgiris #wrapper{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(32px,5vw,72px);
  align-items:center;
  width:100% !important;
  max-width:var(--container) !important;
  margin-inline:auto !important;
  padding-inline:var(--gutter);
  box-sizing:border-box;
}

/* --- Sol: marka paneli --------------------------------------------------- */
.nb-authbrand{
  float:none !important;width:auto !important;
  text-align:left !important;margin-top:0 !important;
  display:block;
}
.nb-authbrand .logo{float:none !important;margin:0 0 32px !important;text-align:left}
.nb-authbrand .logo img{height:auto;max-width:210px;width:auto}

/*
 * WISECP'nin kendi başlığı ("Giriş Yap") sayfanın <style> bloğunda
 * gizlidir ve zaten form kartında tekrar ediyor. Marka panelinde bizim
 * kurumsal başlığımız kullanılır; WISECP başlığı gizli kalır.
 */
.nb-authbrand h1{display:none !important}

.nb-authbrand__title{
  display:block;
  font-size:clamp(1.6rem,1.2rem + 1.6vw,2.35rem);
  line-height:1.18;letter-spacing:-.025em;font-weight:800;
  color:var(--ink) !important;margin:0 0 16px;max-width:18ch;
}
.nb-authbrand__lead{
  font-size:.9375rem;line-height:1.75;color:var(--text-soft);
  max-width:48ch;margin:0 0 26px;
}

.nb-authbrand__console{
  background:linear-gradient(160deg,var(--surface-2),var(--surface) 60%);
  border:1px solid var(--line-strong);
  border-radius:var(--r-lg);
  padding:8px 18px;margin-bottom:24px;max-width:460px;
  box-shadow:var(--shadow-lg);
}
.nb-authbrand__row{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:13px 0;border-bottom:1px solid var(--line);
}
.nb-authbrand__row:last-child{border-bottom:0}
.nb-authbrand__row span{
  display:flex;align-items:center;gap:10px;
  font-size:.875rem;color:var(--text-soft);
}
.nb-authbrand__row span .ico{width:16px;height:16px;color:var(--brand-2)}
.nb-authbrand__row strong{
  font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--ink);
}
.nb-authbrand__row strong.is-ok{color:var(--ok)}

.nb-authbrand__trust{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nb-authbrand__trust li{
  display:flex;align-items:center;gap:9px;
  font-size:.875rem;color:var(--text-dim);
}
.nb-authbrand__trust li .ico{width:16px;height:16px;color:var(--ok);flex:none}

/* --- Sağ: form kartı ----------------------------------------------------- */
.uyeolgirisyap{float:none !important;width:auto !important}
#uyegirisloganleft{display:none !important}

.uyeolgirisyap .uyeol{
  float:none !important;width:100% !important;max-width:460px;
  margin:0 0 0 auto !important;
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r-xl) !important;
  box-shadow:var(--shadow-lg) !important;
}
.uyeolgirisyap .signupcon{background:transparent !important;border:0 !important}
.uyeolgirisyap .padding30{padding:clamp(24px,3vw,36px) !important}

/*
 * Tablo tabanlı formları blok düzene çevir.
 *
 * DİKKAT: display için !important KULLANILMAZ.
 * Kayıt formunda kurumsal alanlar (firma ünvanı, vergi no) ve hesap tipi satırı
 * satır içi style="display:none" ile gizlenir, seçime göre JavaScript açar.
 * !important satır içi stili de ezdiği için bu alanlar kalıcı görünür kalıyor,
 * Bireysel seçiliyken bile firma bilgisi soruluyordu. !important olmadan
 * satır içi stil üstün gelir ve göster/gizle mantığı çalışır.
 */
.uyeolgirisyap form table,
.uyeolgirisyap form tbody,
.uyeolgirisyap form tr,
.uyeolgirisyap form td{
  display:block;
  width:100% !important;
  border:0 !important;padding:0 !important;background:transparent !important;
}

/*
 * Hesap tipi (Bireysel / Kurumsal) satırı şablonda style="display:none" ile
 * gizlidir; oysa kurumsal alanların açılması bu seçime bağlı, dolayısıyla
 * kullanıcıya görünmesi gerekir. YALNIZCA bu satır açılır —
 * .kind-content satırları (firma ünvanı, vergi no) JavaScript'e bırakılır.
 */
.uyeolgirisyap form tr:has(input[name="kind"]){display:block !important}
.uyeolgirisyap form tr:has(input[name="kind"]) td{
  display:flex !important;flex-wrap:wrap;align-items:center;gap:10px 18px;
  height:auto !important;line-height:1.5 !important;
  border-bottom:1px solid var(--line) !important;
  padding-bottom:14px !important;margin-bottom:14px !important;
}
.uyeolgirisyap form tr:has(input[name="kind"]) td > span{
  margin-right:0 !important;float:none !important;
  color:var(--text-soft);font-size:.875rem;
}
.uyeolgirisyap form tr:has(input[name="kind"]) label{margin-right:0 !important}
.uyeolgirisyap form td{margin-bottom:14px}

/* Form başlığı sayfanın kendi <style> bloğunda gizleniyordu */
#girisyapright h4,.uyeolgirisyap form h4{display:block !important}
.uyeolgirisyap form h4{
  color:var(--ink) !important;font-size:1.35rem;font-weight:800;
  letter-spacing:-.02em;margin:0 0 6px;
}
.uyeolgirisyap form h4 i{display:none}
.uyeolgirisyap form h4 strong{font-weight:800}

.uyeolgirisyap input[type="text"],
.uyeolgirisyap input[type="email"],
.uyeolgirisyap input[type="password"]{
  width:100% !important;
  padding:12px 14px !important;
  background:var(--surface-2) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:var(--r-sm) !important;
  color:var(--ink) !important;
  font-size:.9375rem !important;
  line-height:1.4 !important;
  height:auto !important;
  box-sizing:border-box !important;
}
/* Alanlar arası boşluk kartla orantılı kalsın */
.uyeolgirisyap form td{margin-bottom:12px}
.uyeolgirisyap .btn{padding:13px 24px !important;font-size:.9375rem !important}
.uyeolgirisyap input:focus{
  border-color:var(--brand-1) !important;
  box-shadow:0 0 0 3px rgba(var(--brand-1-rgb),.18) !important;
  background:var(--surface-3) !important;
}

/* Beni hatırla + şifremi unuttum aynı satırda */
.uyeolgirisyap .checkbox-custom-label{color:var(--text-soft)}
.uyeolgirisyap .sifreunuttulink{
  float:right;color:var(--brand-2) !important;font-size:.875rem;text-decoration:none;
}
.uyeolgirisyap .sifreunuttulink:hover{text-decoration:underline}

/* Gönder butonu */
.uyeolgirisyap .btn,
.uyeolgirisyap button.btn{
  display:flex !important;width:100% !important;
  align-items:center;justify-content:center;
  padding:15px 24px !important;
  background:var(--grad-brand) !important;
  color:#fff !important;
  border:1px solid transparent !important;
  border-radius:var(--r-full) !important;
  font-size:.9375rem !important;font-weight:700;
  box-shadow:0 12px 30px -14px rgba(var(--brand-1-rgb),.9) !important;
  margin:4px 0 0 !important;
  transition:transform .18s var(--ease),filter .2s var(--ease);
}
.uyeolgirisyap .btn:hover{transform:translateY(-2px);filter:brightness(1.08)}

.uyeolgirisyap .createnewaccountlink{
  display:inline-block;margin-top:16px;
  color:var(--text-soft) !important;font-size:.875rem;text-decoration:none;
}
.uyeolgirisyap .createnewaccountlink:hover{color:var(--brand-2) !important}

/* Sosyal giriş butonları */
.uyeolgirisyap .socialconnect{
  display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;
}
.uyeolgirisyap .socialconnect a{
  flex:1 1 auto;min-width:120px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 14px;border-radius:var(--r-sm);
  background:var(--surface-2) !important;
  border:1px solid var(--line-strong) !important;
  color:var(--text-soft) !important;
  font-size:.875rem;text-decoration:none;
}
.uyeolgirisyap .socialconnect a:hover{
  border-color:var(--line-brand) !important;color:var(--ink) !important;
}

/* "veya" ayracı */
.uyeolgirisyap .line{
  position:relative;background:transparent !important;height:auto !important;
  border:0 !important;margin:20px 0 !important;text-align:center;
}
.uyeolgirisyap .line::before{
  content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--line);
}

/* Captcha */
.uyeolgirisyap .captcha-content{margin:4px 0 14px}
.uyeolgirisyap .captchainput{margin-top:10px}

/* Başarı / hata blokları */
.uyeolgirisyap #Success_Div i,.uyeolgirisyap #forget_success i{color:var(--ok) !important}
.uyeolgirisyap #Success_Div h4,.uyeolgirisyap #forget_success h4{color:var(--ok) !important}
.uyeolgirisyap #Success_Div h5,.uyeolgirisyap #forget_success h5{color:var(--text-soft)}
.uyeolgirisyap .error{color:#FCA5A5 !important}

/* Alt sosyal medya bağlantıları */
.uyeolgirisyap .footsosyal{display:flex;gap:10px;justify-content:center;margin-top:22px}
.uyeolgirisyap .footsosyal a{
  width:36px;height:36px;display:grid;place-items:center;border-radius:10px;
  background:rgba(255,255,255,.04);border:1px solid var(--line);
  color:var(--text-soft) !important;
}
.uyeolgirisyap .footsosyal a:hover{color:var(--brand-2) !important;border-color:var(--line-brand)}

/* --- 2FA ve konum doğrulama ekranları ------------------------------------ */
#two-factor-verification,#location-verification{
  background:var(--bg) !important;color:var(--text-soft);
}
#two-factor-verification .signupcon,#location-verification .signupcon{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r-xl) !important;
  max-width:480px;margin:0 auto;
}

/*
 * --- Kayıt ve şifre sıfırlama sayfaları -----------------------------------
 *
 * Bu iki şablon kendi <style> bloğunu taşır: ortalanmış 400px kart, turkuaz
 * zemin, saydam input'lar ve gizlenmiş başlık. <style> bloğu tema CSS'inden
 * sonra geldiği için normal kurallar geçmez — !important gerekir.
 */
#uyeolgiris{position:relative !important;height:auto !important;background-image:none !important}
#uyeolgirisbody{background:var(--bg) !important}

.uyeolgirisyap{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  border-radius:0 !important;
  animation:none !important;
}
/*
 * NOT: Burada daha önce ".nb-authbrand h1{display:block !important}" vardı ve
 * yukarıdaki gizleme kuralını eziyordu — WISECP başlığı ("Giriş Yap") sayfanın
 * ortasında serbest kalıyordu. Marka panelinde kendi başlığımız
 * (.nb-authbrand__title) kullanıldığı için WISECP başlığı gizli kalmalı.
 */
.uyeolgirisslogan{display:none !important}

#uyeolgiris input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]){
  background:var(--surface-2) !important;
  color:var(--ink) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:var(--r-sm) !important;
  padding:12px 14px !important;
  font-size:.9375rem !important;
  line-height:1.4 !important;
  height:auto !important;
  width:100% !important;
  box-sizing:border-box !important;
}

/*
 * Tarayıcı otomatik doldurması (Chrome/Edge) alanları kendi açık zeminiyle
 * boyar ve CSS background'u geçer — koyu temada beyaz kutu gibi görünüyordu.
 * Tek yol iç gölgeyi zeminin üzerine basmak ve metin rengini ayrıca vermek.
 */
#uyeolgiris input:-webkit-autofill,
#uyeolgiris input:-webkit-autofill:hover,
#uyeolgiris input:-webkit-autofill:focus,
#uyeolgiris input:-webkit-autofill:active{
  -webkit-text-fill-color:var(--ink) !important;
  -webkit-box-shadow:0 0 0 1000px var(--surface-2) inset !important;
          box-shadow:0 0 0 1000px var(--surface-2) inset !important;
  caret-color:var(--ink);
  transition:background-color 9999s ease-in-out 0s;
}
#uyeolgiris input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px var(--surface-3) inset, 0 0 0 3px rgba(var(--brand-1-rgb),.18) !important;
          box-shadow:0 0 0 1000px var(--surface-3) inset, 0 0 0 3px rgba(var(--brand-1-rgb),.18) !important;
}
#uyeolgiris input:focus{
  border-color:var(--brand-1) !important;
  box-shadow:0 0 0 3px rgba(var(--brand-1-rgb),.18) !important;
  background:var(--surface-3) !important;
}
#uyeolgiris select,#uyeolgiris textarea{
  background:var(--surface-2) !important;color:var(--ink) !important;
  border:1px solid var(--line-strong) !important;border-radius:var(--r-sm) !important;
}
.uyeolgirisyap .btn{
  width:100% !important;
  background:var(--grad-brand) !important;
  padding:15px 24px !important;
  color:#fff !important;
}
.uyeolgirisyap .gonderbtn{margin-top:16px !important}
.padding30{padding:clamp(24px,3vw,36px) !important}

/* Kayıt formundaki alan grupları okunur dursun */
.uyeolgirisyap label,.uyeolgirisyap .checktext{color:var(--text-soft)}
.uyeolgirisyap .zorunlu{color:#FCA5A5 !important}

/* --- Telefon alanı (intlTelInput) ---------------------------------------
 * Eklenti bayrak + ülke kodunu input'un ÜSTÜNE mutlak konumla yerleştirir;
 * yer açmak için input'un sol boşluğu gerekir. Legacy bunu "#gsm{padding-left:90px}"
 * ile veriyordu, genel input kuralımız o payı eziyor ve yazı bayrağın altına
 * giriyordu. Sol boşluk telefon alanına özel olarak geri veriliyor.
 * ------------------------------------------------------------------------ */
#uyeolgiris .intl-tel-input{width:100%;display:block}
#uyeolgiris .intl-tel-input input[type="tel"],
#uyeolgiris .intl-tel-input input[type="text"],
#uyeolgiris #gsm{
  padding-left:96px !important;
  width:100% !important;
}
/*
 * Eklenti bayrağı ve oku .selected-flag içinde position:absolute ile yerleştirir;
 * alan kodu ise normal akışta kalır. Sonuç: "+90" bayrağın altına giriyordu.
 * Üçünü de akışa alıp (position:static) flex ile yan yana diziyoruz:
 *   [bayrak]  +90            [ok]
 */
#uyeolgiris .intl-tel-input .selected-flag{
  width:86px;
  padding:0 10px 0 14px;
  background:transparent !important;
  border-right:1px solid var(--line);
  border-radius:var(--r-sm) 0 0 var(--r-sm);
  display:flex !important;align-items:center;gap:8px;
}
#uyeolgiris .intl-tel-input .selected-flag .iti-flag{
  position:static !important;
  margin:0 !important;
  flex:none;
}
#uyeolgiris .intl-tel-input .selected-flag .iti-arrow{
  position:static !important;
  margin:0 0 0 auto !important;
  top:auto !important;right:auto !important;
  flex:none;
}
#uyeolgiris .intl-tel-input .selected-flag:hover,
#uyeolgiris .intl-tel-input .selected-flag:focus{background:rgba(255,255,255,.05) !important}
#uyeolgiris .selected-dial-code{
  color:var(--text-soft) !important;
  font-size:.875rem;
  padding-left:0 !important;
  white-space:nowrap;
}
#uyeolgiris .iti-arrow{border-top-color:var(--text-dim)}
#uyeolgiris .iti-arrow.up{border-bottom-color:var(--text-dim)}

/* Ülke listesi açılır kutusu */
#uyeolgiris .intl-tel-input .country-list{
  background:var(--surface-2) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:var(--r-sm);
  box-shadow:var(--shadow-lg);
  color:var(--text-soft);
  max-height:240px;
}
#uyeolgiris .intl-tel-input .country{color:var(--text-soft)}
#uyeolgiris .intl-tel-input .country.highlight,
#uyeolgiris .intl-tel-input .country:hover{background:rgba(var(--brand-1-rgb),.16) !important;color:var(--ink)}
#uyeolgiris .intl-tel-input .country-name{color:var(--text-soft) !important}
#uyeolgiris .intl-tel-input .dial-code{color:var(--text-dim) !important}
#uyeolgiris .intl-tel-input .divider{border-bottom-color:var(--line) !important}

/* --- Şifre göster / gizle düğmesi ---------------------------------------- */
.nb-pwwrap{position:relative;display:block}
.nb-pwtoggle{
  position:absolute;top:50%;right:10px;transform:translateY(-50%);
  width:34px;height:34px;display:grid;place-items:center;
  background:transparent;border:0;border-radius:var(--r-sm);
  color:var(--text-dim);cursor:pointer;padding:0;z-index:2;
}
.nb-pwtoggle:hover{color:var(--brand-2);background:rgba(255,255,255,.05)}
.nb-pwtoggle .ico{width:18px;height:18px}
.nb-pwwrap input{padding-right:48px !important}

/* --- Responsive ---------------------------------------------------------- */
@media (max-width:980px){
  #uyeolgiris #wrapper{grid-template-columns:1fr;gap:32px}
  .nb-authbrand{text-align:center}
  .nb-authbrand .logo{display:flex;justify-content:center}
  .nb-authbrand__lead{margin-inline:auto}
  .nb-authbrand__console{margin-inline:auto}
  .nb-authbrand__trust{justify-items:center}
  .uyeolgirisyap .uyeol{margin-inline:auto !important}
}
@media (max-width:640px){
  /* Mobilde marka panelinin ayrıntıları formu aşağı itmesin */
  .nb-authbrand__console,.nb-authbrand__trust,.nb-authbrand__lead{display:none}
  .nb-authbrand h1{font-size:1.5rem !important;margin-bottom:8px}
  .nb-authbrand .logo{margin-bottom:18px}
}

/* ==================== KATMAN 7: MÜŞTERİ PANELİ ========================= */
/* ======================================================================== */
/* 0. ÖLÇEK — PANELDE DAHA YASSI KÖŞELER                                    */
/* ======================================================================== */

/*
 * skin.php genel kart yarıçapı olarak --r-lg (20px) kullanıyor. Pazarlama
 * sayfalarında doğru, ama veri yoğun panelde her kutu (hizmet listesi,
 * son destek talepleri, durum filtresi) fazla yuvarlak duruyordu.
 *
 * Tek tek "border-radius ... !important" yazmak yerine token'ları panel
 * gövdesinde yeniden tanımlıyoruz: var(--r-lg) kullanan HER bileşen —
 * mevcut ve ileride eklenecek — panelde kendiliğinden yassılaşır.
 * --r-full dokunulmuyor; butonlar site geneliyle aynı hap biçiminde kalır.
 */
#modernpanel,#muspanel{
  --r-lg:12px;
  --r:10px;
  --r-sm:7px;
}

/*
 * KUTU MODELİ — panelde dolgu verdiğimiz her kap border-box olmalı.
 *
 * Temada GENEL bir "box-sizing:border-box" sıfırlaması YOK (yalnızca
 * .nb-page altında ve form alanlarında var). Çekirdek ise panel kaplarını
 * yüzdeyle boyutlandırıyor:
 *     .modernclient-rightcon { width:100%; display:inline-block }
 *     .destekdetayright      { float:left; width:100% }
 *     .destekdetayleft       { float:left; width:100% }
 * Bu kaplara dolgu eklediğimizde content-box yüzünden genişlik
 * "100% + dolgu" oluyor: kap ebeveyninden taşıyor ve SAĞ dolgusu ekranın
 * dışında kalıyor. Sonuç, dar ekranda destek mesajlarının sağ kenara
 * sıfır yapışması. Sıfırlama, yalnızca dolgu verdiğimiz kaplara uygulanır
 * — legacy'nin yüzdelik sütunlarına dokunulmaz.
 */
.modernclient-rightcon,
.mpanelrightcon,
.moderncliendblock,
.ticketinfos,.destekdetayleft,.destekdetayright,
.destekdetaymsj,.destekdetaymsjcon,
.formcon,.hesapbilgisi,.hizmetblok,.hesapbilgilerim,
.blue-info,.green-info,.red-info,
ul.tab,.ac-domainlist-status,
#modernpanel .wclientnotification{
  box-sizing:border-box;
}

/* ======================================================================== */
/* 1. KABUK — SOL MENÜ                                                      */
/* ======================================================================== */

/*
 * .leftbar çekirdekte "background-image:url(.../leftbarbg.png)" ve şablonda
 * inline "background-color:#<color2>" taşıyor. İnline stili yenmek için
 * !important şart; görsel de koyu palete uymadığından tamamen kaldırılıyor.
 */
.leftbar{
  background-color:var(--bg-soft) !important;
  background-image:
    radial-gradient(120% 60% at 0% 0%,rgba(var(--brand-1-rgb),.16),transparent 60%),
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)) !important;
  border-right:1px solid var(--line) !important;
  box-shadow:none !important;
}

.companylogo{margin-top:26px !important;margin-bottom:22px !important}
.companylogo img{width:170px !important;max-width:78% !important}

.leftbar .wclientwelcome{
  color:var(--text-dim);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

/* Menü öğeleri */
.modernclientmenu ul li a.toggle{
  color:var(--text-soft) !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  padding:14px 0 !important;
  font-size:14.5px;
  position:relative;
  transition:background .25s var(--ease),color .25s var(--ease);
}
.modernclientmenu ul li a.toggle:hover{
  background:rgba(255,255,255,.045) !important;
  color:var(--ink) !important;
}
.modernclientmenu ul li i{color:var(--text-dim);transition:color .25s var(--ease)}
.modernclientmenu ul li a.toggle:hover i{color:var(--brand-2)}

/*
 * Aktif öğe: çekirdek yalnızca rgba(0,0,0,.25) zemin veriyor, koyu tema
 * üzerinde neredeyse görünmüyordu. Sol kenarda marka şeridi + tint.
 */
.modernclientmenu #active{
  background:linear-gradient(90deg,rgba(var(--brand-1-rgb),.20),rgba(var(--brand-1-rgb),0) 75%) !important;
  color:var(--ink) !important;
}
.modernclientmenu #active::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:var(--grad-brand);
}
.modernclientmenu #active i{color:var(--brand-2) !important}

/* Alt menüler zeminden bir tık çöksün ki hiyerarşi okunsun */
.modernclientmenu ul li ul.inner{
  background:rgba(0,0,0,.22) !important;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.modernclientmenu ul li ul li a.toggle{
  border-bottom:0 !important;
  color:var(--text-dim) !important;
  font-size:13.5px;
}
.modernclientmenu ul li ul li a.toggle:hover{color:var(--ink) !important}

/* "Yeni sipariş" öğesi menüde eylem gibi dursun */
.modernclientmenu li.neworderbtn a.toggle{
  background:rgba(var(--brand-1-rgb),.12) !important;
  color:var(--ink) !important;
  border-bottom:1px solid var(--line-brand) !important;
}
.modernclientmenu li.neworderbtn a.toggle:hover{background:rgba(var(--brand-1-rgb),.20) !important}
.modernclientmenu li.neworderbtn i{color:var(--brand-2) !important}

/* Mobil karartma perdesi */
.mobmenuclose{background:rgba(3,6,12,.72) !important;backdrop-filter:blur(3px)}

/* ======================================================================== */
/* 2. KABUK — ÜST BAR                                                       */
/* ======================================================================== */

/*
 * Çekirdek: .rightconhead{background:#e5e5e5} + .mpanelinfo{background:#efefef}
 *
 * YIĞIN SIRASI (önemli):
 * Bildirim kutusu (.wclientnotification) z-index:16 ile üst barın İÇİNDE
 * duruyor. Üst bara backdrop-filter/opacity/transform gibi yeni bir yığın
 * bağlamı (stacking context) açan bir özellik verilirse bu z-index o bağlamın
 * içine hapsolur; alttaki istatistik kutuları (.mpanelblok — legacy'de
 * position:relative) DOM'da sonra geldiği için bildirimlerin ÜSTÜNE biner.
 * Bu yüzden üst barda cam/blur efekti YOK. Kabuğa position da verilmiyor:
 * kutu "top:60px; right:3%" ile konumlanıyor ve konumlandırılmış ata
 * değişirse yüzdeler başka bir kutuya göre hesaplanır.
 */
.rightconhead{
  background:transparent !important;
  border-bottom:1px solid var(--line) !important;
  height:auto !important;
}
#modernpanel .mpanelinfo{
  background:var(--bg-soft) !important;
  color:var(--text-soft) !important;
  border-bottom:0 !important;
}
/*
 * Aynı sebeple .wclientnotifi'ye de position verilmiyor; yalnızca z-index
 * yükseltiliyor ki konumlanmış içerik kutularının (z-index:auto) üstünde dursun.
 */
#modernpanel .wclientnotification{z-index:60 !important}
#modernpanel .mpanelinfo .wclientwelcome{color:var(--ink)}

/*
 * Üst bar ikon düğmeleri.
 *
 * DİKKAT — seçici "> a" ile SINIRLI:
 * Açılır kutular (.wclientnotification) da .headbutonlar'ın içinde duruyor.
 * "#modernpanel .headbutonlar a" yazılırsa kutudaki her bildirim bağlantısı
 * da 60px yüksekliğinde bir üst bar düğmesi gibi biçimlenir (yanlara 16px
 * dolgu, hover'da gri kutu) ve liste dağılır. Yalnızca doğrudan çocuklar
 * ve zil/profil düğmesi hedefleniyor.
 */
#modernpanel .headbutonlar > a,
#modernpanel .headbutonlar > .nb-panelthemebtn,
#modernpanel .headbutonlar .wnotifitibtn{
  color:var(--text-soft) !important;
  padding:0 16px !important;
}
#modernpanel .headbutonlar > a:hover,
#modernpanel .wclientnotifi:hover .wnotifitibtn{
  background:rgba(255,255,255,.06) !important;
  color:var(--ink) !important;
}
#modernpanel .headbutonlar .langflagicon img{border-radius:3px;vertical-align:middle}
#modernpanel #sepeticon .basket-count,
#modernpanel .wnotifitibtn .notifi-count{
  background:var(--danger) !important;color:#fff !important;
}

/*
 * Tema düğmesi — site başlığındaki .nb-iconbtn'in panel karşılığı.
 * .headbutonlar içindeki bağlantılar float:left olduğu için düğme de öyle.
 */
.nb-panelthemebtn{
  float:left;
  display:flex;
  align-items:center;
  justify-content:center;
  height:60px;
  padding:0 16px;
  background:transparent;
  border:0;
  cursor:pointer;
  color:var(--text-soft);
  transition:background .25s var(--ease),color .25s var(--ease);
}
.nb-panelthemebtn:hover{background:rgba(255,255,255,.06);color:var(--ink)}
/*
 * Güneş/ay görünürlüğünü light.php'deki genel .nb-themetoggle__* kuralları
 * yönetiyor (site başlığıyla ortak) — burada yalnızca boyut veriliyor.
 */
.nb-panelthemebtn .ico{width:20px;height:20px}
/*
 * MOBİL — çekirdek 1024px altında panel başlığını yeniden kuruyor:
 *   #modernpanel .headbutonlar{height:70px}
 *   #modernpanel .headbutonlar a{padding:0 12px;float:right}
 * Kural yalnızca <a> öğelerini hedeflediği için tema düğmesi (<button>)
 * kapsam dışında kalıyordu: 60px yüksekliğiyle şeritten kısa duruyor ve
 * float:left yüzünden diğer ikonların yanına değil karşı tarafa düşüyordu.
 * Kardeşleriyle aynı davranışa çekiyoruz.
 */
@media only screen and (min-width:320px) and (max-width:1024px){
  #modernpanel .headbutonlar .nb-panelthemebtn,
  .headbutonlar .nb-panelthemebtn{
    float:right;
    height:70px;
    padding:0 12px !important;
  }
}

/* Mobil menü düğmesi */
.mclientmobbtn{color:var(--text-soft) !important}
.mclientmobbtn:hover{color:var(--ink) !important}

/* ---------------------------------------------------------------------- */
/* 2b. AÇILIR KUTULAR (bildirimler / profil / giriş)                        */
/* ---------------------------------------------------------------------- */

/*
 * Aynı iskelet üç yerde kullanılıyor: zil menüsü, profil menüsü ve giriş
 * menüsü. Satır yapısı .wnotifilist > (.wnotifilisticon + .wnotifilistcon),
 * çekirdekte %10/%90 float ile kuruluyor — flex'e çevrilip hizalanıyor.
 */
#modernpanel .wclientnotification{
  border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:var(--shadow-lg) !important;
  width:360px !important;
  line-height:normal !important;
  padding-bottom:4px;
}

/* Başlık şeridi — inline "background-color:#<color2>" + leftbarbg.png ezilir */
.wnotifititle{
  background-color:transparent !important;
  background-image:var(--grad-brand) !important;
  color:#fff !important;
}
.wnotifititle .padding30{padding:18px 20px !important}
.wnotifititle h3{color:#fff !important;font-size:16px !important;line-height:1.35}
.wnotifititle h5{color:rgba(255,255,255,.78) !important;font-size:12.5px !important;margin-top:2px}
/* Dev filigran ikon 150px — dar kutuda başlığın üstüne biniyordu */
.wnotifititle i{font-size:72px !important;right:14px !important;color:rgba(255,255,255,.16) !important;margin-top:0 !important}

/* Gövde */
.wclientnotification > .padding30{padding:10px 12px !important}
.wnotificontent{max-height:330px;height:auto !important}

/* Satır */
.wnotifilist{
  float:none !important;
  display:flex;
  /*
   * center — flex-start değil: ikon 30px'lik rozetin ortasında duruyor,
   * metin ise satırın tepesinden başlıyordu; tek satırlık bildirimlerde
   * yazı ikonun belirgin şekilde üstünde kalıyordu.
   */
  align-items:center;
  gap:11px;
  width:auto !important;
  padding:9px 10px !important;
  border-bottom:1px solid var(--line) !important;
  border-radius:var(--r-sm);
  line-height:1.45 !important;
  transition:background .2s var(--ease);
}
.wnotifilist:last-child{border-bottom:0 !important}
.wnotifilist:hover{background:rgba(255,255,255,.05)}

/* İkon sütunu: %10 float yerine sabit yuvarlak rozet */
.wnotifilisticon{
  float:none !important;
  flex:0 0 30px;
  width:30px !important;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--r-full);
  background:rgba(255,255,255,.06);
  color:var(--text-dim);
}
#modernpanel .wnotifilisticon i{font-size:14px !important}
.wnotifilisticon .fa-check-circle-o{color:#4ADE80 !important}
.wnotifilisticon .fa-exclamation-circle{color:#F87171 !important}
.wnotifilisticon .fa-info-circle,.wnotifilisticon .fa-info{color:var(--brand-2) !important}

/* Metin sütunu */
.wnotifilistcon{
  float:none !important;
  flex:1 1 auto;
  width:auto !important;
  min-width:0;
}
/* h5'in legacy'den gelen üst/alt boşluğu satırı ikona göre kaydırıyordu */
.wnotifilistcon h5{
  font-size:13px !important;
  color:var(--text-soft) !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.45;
  font-weight:400;
  word-break:break-word;
}
#modernpanel .wnotificontent a{
  color:var(--ink) !important;
  opacity:1 !important;
  padding:0 !important;
  font-size:13px !important;
}
#modernpanel .wnotificontent a:hover{background:none !important;color:var(--brand-2) !important}
/* Okunmuş bildirimler soluk (çekirdek .read{opacity:.5} — koyu zeminde fazla soluk) */
.wnotificontent .read{opacity:.62}

/* Boş durum */
.nonotification{text-align:center;padding:26px 10px;color:var(--text-dim)}
.nonotification i{font-size:34px;color:var(--brand-2);opacity:.7}
.nonotification h3{font-size:15px;color:var(--ink);margin-top:10px}
.nonotification h5{font-size:12.5px;color:var(--text-dim)}

/* Alt eylem ("Tümünü Okundu İşaretle" / "Çıkış Yap") */
#modernpanel .allread{margin-top:8px !important;border-top:1px solid var(--line);padding-top:10px}
#modernpanel .allread a{
  display:inline-block;
  padding:8px 16px !important;
  border:1px solid var(--line-strong) !important;
  border-radius:var(--r-full) !important;
  background:var(--surface-2);
  color:var(--text-soft) !important;
  font-size:12.5px !important;
}
#modernpanel .allread a:hover{
  background:rgba(var(--brand-1-rgb),.16) !important;
  border-color:var(--line-brand) !important;
  color:var(--ink) !important;
}

@media(max-width:520px){
  #modernpanel .wclientnotification{width:min(340px,92vw) !important;right:4% !important}
}

/* ======================================================================== */
/* 3. DASHBOARD — İSTATİSTİK KUTULARI                                       */
/* ======================================================================== */

/*
 * Legacy düz renk zeminler (#8BC34A, #2196f3 ...) veriyor; koyu temada
 * göze batan beş renkli blok oluyordu. Tek koyu yüzey + üstte ince renk
 * şeridi ve renkli sayı: kurumsal ve okunur.
 */
#modernpanel .muspanelbloks{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px !important}
#modernpanel .mpanelblok,
#modernpanel .mpanelblok:first-child:nth-last-child(3),
#modernpanel .mpanelblok:first-child:nth-last-child(3) ~ .mpanelblok,
#modernpanel .mpanelblok:first-child:nth-last-child(4),
#modernpanel .mpanelblok:first-child:nth-last-child(4) ~ .mpanelblok{
  float:none !important;
  flex:1 1 170px;
  width:auto !important;
  margin:0 !important;
}
.mpanelblok{
  background:var(--surface) !important;
  background-image:var(--grad-surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:none !important;
  overflow:hidden;
  transition:border-color .3s var(--ease),transform .3s var(--ease-out);
}
.mpanelblok:hover{border-color:var(--line-brand) !important;transform:translateY(-3px)}
.mpanelblok::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:3px;
  background:var(--nb-stat,var(--brand-1));
  z-index:7;
}
.mpanelblok h1{color:var(--nb-stat,var(--ink)) !important;margin-top:28px !important}
.mpanelblok h2{color:var(--text-dim) !important;font-size:13px !important;font-weight:600}
.mpanelblokicon{
  color:var(--nb-stat,var(--brand-1)) !important;
  opacity:.09;
  font-size:130px !important;
}
.mblokbtn{
  background:rgba(255,255,255,.04) !important;
  color:var(--text-dim) !important;
  border-top:1px solid var(--line);
  text-align:center !important;
}
#modernpanel .mpanelblok:hover .mblokbtn,
a .mblokbtn:hover{
  background:rgba(var(--brand-1-rgb),.16) !important;
  color:var(--ink) !important;
}

/* Kutu kimlikleri artık zemin değil, vurgu rengi taşıyor */
#green{background:var(--surface) !important;--nb-stat:#22C55E}
#blue{background:var(--surface) !important;--nb-stat:var(--brand-2)}
#red{background:var(--surface) !important;--nb-stat:#EF4444}
#gray{background:var(--surface) !important;--nb-stat:#94A3B8}
#turquise{background:var(--surface) !important;--nb-stat:#22D3EE}

/* Ödenmemiş fatura hatırlatması */
.invoiceremind .red-info{
  background:var(--danger-dim) !important;
  border:1px solid rgba(239,68,68,.30) !important;
  border-radius:var(--r-lg) !important;
  color:var(--text-soft) !important;
}
.invoiceremind h4{color:#FCA5A5 !important}
.billreminicon{color:var(--danger)}

/* ======================================================================== */
/* 4. DASHBOARD — İÇERİK BLOKLARI                                           */
/* ======================================================================== */

.wclientblockscon{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}
#modernpanel .moderncliendblock,
#muspanel .moderncliendblock{
  display:flex !important;
  flex-direction:column;
  flex:1 1 420px;
  width:auto !important;
  margin:0 !important;
  min-height:0 !important;
  overflow:visible !important;
}

/*
 * Çekirdek blok başlığına "width:103.5%; margin:-20px 0 15px -20px" gibi
 * taşırma hackleri uyguluyor — koyu kartın kenarlarından dışarı sarkıyordu.
 * Başlık normal bir satır hâline getiriliyor.
 */
#modernpanel .moderncliendblock .mpaneltitle{
  width:auto !important;
  margin:0 0 14px !important;
  padding:0 0 12px !important;
  background:transparent !important;
  color:var(--ink) !important;
  border-bottom:1px solid var(--line) !important;
  float:none !important;
}
#modernpanel .moderncliendblock .mpaneltitle h4,
#modernpanel .moderncliendblock .mpaneltitle h4 strong{
  color:var(--ink) !important;font-size:16px !important;font-weight:700;
}
.mclientlastblocks .mpaneltitle .sbtn{
  background:var(--surface-2) !important;
  color:var(--text-soft) !important;
  border:1px solid var(--line) !important;
  opacity:1 !important;
}
.mclientlastblocks .mpaneltitle .sbtn:hover{
  background:rgba(var(--brand-1-rgb),.16) !important;color:var(--ink) !important;
}

/* Blok içi tablolar */
.mclientlastblocks thead{background:rgba(255,255,255,.04) !important}
.mclientlastblocks table tr td,
.mclientlastblocks table th{
  border-bottom:1px solid var(--line) !important;
  color:var(--text-soft);
}
.mclientlastblocks .productinfo{color:var(--text-dim);opacity:1 !important}
/*
 * Çekirdek satır hover'ı "box-shadow:inset ... rgba(191,191,191,.6)" —
 * koyu zeminde gri sis olarak görünüyordu.
 */
#modernpanel .moderncliendblock table tr,
#modernpanel .moderncliendblock table tr:hover{box-shadow:none !important}
#modernpanel .moderncliendblock table tr:hover{background:rgba(255,255,255,.035) !important}

/* ======================================================================== */
/* 5. İÇERİK GÖVDESİ                                                        */
/* ======================================================================== */

.modernclient-rightcon{padding:22px 26px 40px}
#modernpanel .mpanelrightcon{padding:22px 26px !important}
.modernclient-rightcon .mpaneltitle{
  border-bottom:1px solid var(--line);
  padding-bottom:14px;
  margin-bottom:18px;
}
.modernclient-rightcon .mpaneltitle h4{color:var(--ink) !important}
.modernclient-rightcon .mpaneltitle .destekolsbtn{
  background:var(--grad-brand) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:var(--r-full) !important;
  margin:0 !important;
  padding:10px 22px !important;
  font-size:14px !important;
}
.modernclient-rightcon .mpaneltitle .destekolsbtn:hover{filter:brightness(1.08);border:0 !important}

/*
 * Sayfa yolu panelde başlığın üstünde duruyor; skin.php genel stilini
 * veriyor, burada yalnızca panele özgü boşluk düzeltmesi var.
 */
/*
 * Legacy ".sayfayolu{float:right}" kullanıyor; uzun sayfa yolları (ör.
 * "Müşteri Paneli / Ürün ve Hizmetlerim / Alan Adlarım / alanadi.com")
 * kabın tüm genişliğini kaplayınca son öğe panelin sağ kenarına yapışıyordu.
 * Küçük bir iç boşluk metni kenardan ayırır.
 */
.mpaneltitle .sayfayolu{
  margin-bottom:8px;
  font-size:12px;
  max-width:100%;
  padding-right:8px;
}

/* ======================================================================== */
/* 6. LİSTELER VE DURUM ROZETLERİ                                           */
/* ======================================================================== */

/*
 * Liste başlıkları şablonlarda inline "style=background:#ebebeb" taşıyor
 * (ör. ac-products-hosting.php) — inline stili yalnızca !important geçer.
 */
.mpanelrightcon table thead,
.mpanelrightcon table thead th,
table.dataTable thead th{
  background:rgba(255,255,255,.04) !important;
  color:var(--ink) !important;
  border-bottom:1px solid var(--line-strong) !important;
  font-weight:600;
}
.mpanelrightcon table tbody td{
  border-bottom:1px solid var(--line) !important;
  color:var(--text-soft);
}
.mpanelrightcon table tbody tr:hover td{background:rgba(255,255,255,.03) !important}
.mpanelrightcon table tbody td strong{color:var(--ink)}

/*
 * Durum rozetleri: çekirdek yalnızca 1px kenarlık + renk veriyor.
 * İçi doldurulmuş yumuşak pil koyu zeminde çok daha okunur.
 */
.listingstatus span{
  border-radius:7px !important;
  border-width:1px !important;
  padding:5px 12px !important;
  min-width:96px !important;
  font-size:12px !important;
  letter-spacing:.02em;
  background:var(--surface-3);
  border-color:var(--line-strong) !important;
  color:var(--text-soft) !important;
}
.listingstatus .active,.listingstatus .responded{
  background:rgba(34,197,94,.14) !important;border-color:rgba(34,197,94,.38) !important;color:#4ADE80 !important;
}
.listingstatus .process,.listingstatus .resolved{
  background:rgba(3,169,244,.14) !important;border-color:rgba(3,169,244,.38) !important;color:#38BDF8 !important;
}
.listingstatus .wait{
  background:rgba(239,68,68,.14) !important;border-color:rgba(239,68,68,.38) !important;color:#F87171 !important;
}
.listingstatus .autorenew{color:#C084FC !important;background:transparent;border:0 !important;padding:0 !important}

/* Boş liste durumları */
#orders-none,#invoices-none,#tickets-none,#messages-none,.emptylist{
  border:1px dashed var(--line-strong);
  border-radius:var(--r-lg);
  padding:38px 20px;
  color:var(--text-dim);
  margin-top:20px !important;
}

/* Yönet düğmesi liste sonunda */
.incelebtn{white-space:nowrap}

/* ---------------------------------------------------------------------- */
/* 6a. DESTEK TALEPLERİ LİSTESİ (#tickets)                                 */
/* ---------------------------------------------------------------------- */
/*
 * Çekirdek bu tabloyu düz bir DataTable olarak basar: her hücre aynı punto ve
 * aynı renkte, sütunlar arasında hiyerarşi yok. Sütunlara rol veriyoruz —
 * kimlik ve tarih teknik veri (mono, sönük), başlık satırın çapası (parlak),
 * hizmet etiketi ayrı bir çip, işlem düğmesi satır yüksekliğine oturuyor.
 *
 * Gizli ilk sütun (data-visible="false") DOM'a hiç basılmaz; bu yüzden
 * nth-child sayıları görünen sütunlara göredir: 1=ID 2=Başlık 3=Tarih
 * 4=Durum 5=İşlem.
 */
#tickets tbody td{vertical-align:middle !important}

#tickets tbody td:nth-child(1){
  width:1%;
  white-space:nowrap;
  font-family:var(--font-mono);
  font-size:.8125rem;
  color:var(--text-dim) !important;
}
#tickets tbody td:nth-child(2) a{
  color:var(--ink) !important;
  font-size:.9375rem;
  font-weight:600;
  line-height:1.35;
  text-decoration:none;
}
#tickets tbody td:nth-child(2) a:hover{color:var(--brand-2) !important}
/* Okunmamış talep başlığı çekirdekte <strong> ile sarılır */
#tickets tbody td:nth-child(2) a strong{color:var(--ink) !important;font-weight:750}

#tickets .productinfo{
  display:inline-block;
  margin-top:7px;
  padding:3px 9px;
  font-family:var(--font-mono);
  font-size:.75rem;
  line-height:1.5;
  color:var(--text-dim) !important;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  border-radius:var(--r-sm);
  opacity:1 !important;
}

#tickets tbody td:nth-child(3){
  white-space:nowrap;
  font-family:var(--font-mono);
  font-size:.8125rem;
  color:var(--text-dim) !important;
}

#tickets tbody td:nth-child(5) .incelebtn{
  padding:9px 16px !important;
  font-size:.8125rem !important;
  font-weight:650;
  box-shadow:0 6px 16px -10px rgba(var(--brand-1-rgb),.85) !important;
}
#tickets tbody td:nth-child(5) .incelebtn i{margin:0 !important;font-size:12px}

/* Durum sütunu dar kalsın ki başlık nefes alsın */
#tickets tbody td:nth-child(4) .listingstatus span{min-width:110px !important}

/* ---------------------------------------------------------------------- */
/* 6c. DESTEK TALEBİ DETAYI                                                */
/* ---------------------------------------------------------------------- */
/*
 * Çekirdek bu ekranı açık tema varsayımıyla kuruyor ve kutulara DIŞ IŞIMA
 * veriyor — koyu zeminde beyaz hale olarak görünüyorlar:
 *   #modernpanel .destekinfo     { box-shadow:0 0 10px #e1e1e1 }
 *   #modernpanel .destekdetaymsj { box-shadow:0 0 20px #ededed }
 *   .destekdetayright .gonderbtn { box-shadow:0 0 10px #ccc }   (legacy)
 * Üçü de kapatılıp yerine tema yüzeyi + ince çerçeve konuyor.
 */

/* --- Üst bilgi kartları (Departman / Son Güncelleme / Durum / Öncelik) --- */
/*
 * Legacy ".destekinfo{display:inline-block;width:23%}" kullanıyor: kartların
 * yüksekliği içeriğe göre değişiyordu ve "Durum" kartı rozet taşıdığı için
 * diğerlerinden uzun kalıyordu. Izgaraya alıp esnetiyoruz — dördü de eşit.
 */
/*
 * Izgara .ticketinfos'a bağlanır, #ticketfixed'e DEĞİL: "#ticketfixed" id'si
 * yalnızca talep KİLİTLİ iken basılıyor. Sadece ona bağlansaydı açık
 * taleplerde ızgara devreye girmez, .destekinfo{display:flex} blok seviyesi
 * olduğu için dört kart alt alta tam genişlik dizilirdi.
 */
.ticketinfos > div{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;
  align-items:stretch;
}
#ticketfixed .destekinfo,.destekinfo{
  display:flex !important;
  width:auto !important;
  margin:0 !important;
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  box-shadow:none !important;
}
.destekinfo:hover{border-color:var(--line-brand) !important}
.destekinfocon{
  width:100%;
  padding:18px 14px !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.destekinfo h5,.destekinfo h5 strong{
  margin:0 !important;
  font-size:.6875rem !important;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--text-dim) !important;
}
.destekinfo h4{
  margin:0 !important;
  font-size:.9375rem !important;
  font-weight:650;
  line-height:1.35;
  color:var(--ink) !important;
}
.destekinfocon .listingstatus{margin:0}
.destekinfocon .listingstatus span{
  font-size:12px !important;
  padding:5px 12px !important;
  min-width:0 !important;
}

/* --- Mesaj akışı -------------------------------------------------------- */
.destekdetaymsj{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  box-shadow:none !important;
  margin-bottom:12px !important;
  overflow:hidden;
}
/* Yetkili yanıtı marka tonuyla ayrışır (çekirdek id'yi birden çok kez basıyor) */
#yetkilimsj{
  border-color:var(--line-brand) !important;
  background:
    linear-gradient(180deg,rgba(var(--brand-1-rgb),.10),transparent 55%),
    var(--surface) !important;
}
.destekdetaymsjcon{padding:18px 20px !important}

.msjyazan{
  display:flex !important;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  float:none !important;
  width:auto !important;
  padding-bottom:12px !important;
  border-bottom:1px solid var(--line) !important;
}
.msjyazan h4{
  display:flex;
  align-items:center;
  gap:9px;
  float:none !important;
  margin:0 !important;
  font-size:.9375rem !important;
  font-weight:700;
  color:var(--ink) !important;
}
/* Rol rozeti: Müşteri / Yetkili */
.msjyazan h4 span{
  float:none !important;
  margin:0 !important;
  padding:3px 10px !important;
  border:1px solid var(--line-strong);
  border-radius:var(--r-full) !important;
  background:var(--surface-3) !important;
  color:var(--text-soft) !important;
  font-size:.6875rem !important;
  font-weight:650;
  line-height:1.5;
}
#yetkilimsj .msjyazan h4{color:var(--brand-2) !important}
#yetkilimsj .msjyazan h4 span{
  background:rgba(var(--brand-1-rgb),.16) !important;
  border-color:rgba(var(--brand-1-rgb),.30);
  color:var(--brand-2) !important;
}
/* Tarih sağa yaslanır — yeşil/mavi etiket yerine sade mono metin */
.msjyazan h5{
  float:none !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
  background:transparent !important;
  color:var(--text-dim) !important;
  font-family:var(--font-mono);
  font-size:.75rem !important;
  font-weight:500;
}
.reply-message{
  padding:16px 0 0 !important;
  color:var(--text-soft);
  font-size:.9375rem;
  line-height:1.75;
}
.reply-message p{margin:0 0 10px;color:var(--text-soft)}
.reply-message p:last-child{margin-bottom:0}
.reply-message a{color:var(--brand-2)}
.ticket-attachment-file a{
  display:inline-flex;align-items:center;gap:7px;
  margin:8px 8px 0 0;padding:7px 12px;
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--r-sm);font-size:.8125rem;color:var(--text-soft) !important;
}
.ticket-attachment-file a:hover{border-color:var(--line-brand);color:var(--ink) !important}

/* --- Yanıt formu -------------------------------------------------------- */
.destekdetayright{
  background:var(--surface) !important;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:18px 20px 20px;
  margin-bottom:26px !important;
}
.destekdetayright textarea{
  border:1px solid var(--line-strong) !important;   /* satır içi border-top:#ebebeb */
  border-radius:var(--r) !important;
  min-height:150px;
  padding:14px !important;
  line-height:1.65;
}
.destekdetayright .gonderbtn{
  box-shadow:0 10px 26px -12px rgba(34,197,94,.8) !important;   /* gri hale yerine */
  padding:13px 24px !important;
  font-size:15px !important;
  border-radius:var(--r-full) !important;
  margin-top:12px !important;
}
.destekdosyaeki{margin-top:14px}
.destekdosyaeki label{color:var(--text-dim);font-size:.8125rem;line-height:1.6}
.destekdosyaeki input[type="file"]{
  display:block;
  margin-top:8px;
  width:100%;
  padding:10px 12px !important;
  background:var(--surface-2) !important;
  border:1px dashed var(--line-strong) !important;
  border-radius:var(--r-sm) !important;
  color:var(--text-soft) !important;
  font-size:.8125rem;
}
.destekdetayright .checktext strong{color:var(--ink)}
.destekdetayright .kinfo{color:var(--text-dim);font-size:12px;line-height:1.6}
.autosave{margin-top:8px}

/* Kapatıldı ekranı */
#Solved_success i{color:var(--ok) !important}
#Solved_success h4 strong{color:var(--ink)}
#Solved_success h4{color:var(--text-soft);line-height:1.7}

/*
 * MOBİL — destek talebi detayı
 *
 * Çekirdek bu ekranı dar ekran için ayarlamıyor: yanıt formundaki iki sütun
 * (dosya eki %45 solda, kriptolama + gönder %40 sağda) yan yana sıkışıyor,
 * mesaj başlığındaki tarih isimle aynı satırda kalıp taşıyor ve kutu
 * dolguları ekranı boğuyordu. Dar ekranda hepsi tek sütuna iner.
 */
/*
 * DAR EKRANDA SAĞ KENAR BOŞLUĞU
 *
 * Çekirdek talep detayını "width:80%; margin:auto" ile kuruyor, ≤1024px'te
 * ise 80% yerine 100% veriyor ama .ticketinfos/.destekdetayleft'teki
 * float ve margin'leri temizlemiyor. Kutular kabın dolgusunu aşıp sağ
 * kenara yapışabiliyordu. Burada üç şey birden garanti altına alınıyor:
 *   1) kabuk dolgusu (içerik ekran kenarına değmesin),
 *   2) blokların kutu modeli (border-box + max-width),
 *   3) mesaj İÇERİĞİNİN taşmaması — mesajlar serbest HTML; uzun bağlantı,
 *      geniş görsel, tablo veya <pre> bloğu kabı yatayda itiyordu.
 */
@media only screen and (max-width:1024px){
  .modernclient-rightcon{padding:14px !important}
  #modernpanel .mpanelrightcon{padding:14px !important}

  #modernpanel .ticketinfos,
  #modernpanel .destekdetayleft,
  .destekdetayright{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box;
  }
  .destekdetaymsj{max-width:100%;box-sizing:border-box;overflow:hidden}

  .reply-message{overflow-wrap:anywhere;word-break:break-word}
  .reply-message img{max-width:100% !important;height:auto}
  .reply-message pre{max-width:100%;overflow-x:auto;white-space:pre-wrap}
  .reply-message table{display:block;max-width:100%;overflow-x:auto}

  /* Panel tabloları dar ekranda kabı itmesin, kendi içinde kaysın */
  .mpanelrightcon > table,
  .moderncliendblock table,
  .dataTables_wrapper{display:block;max-width:100%;overflow-x:auto}
}

@media only screen and (max-width:640px){
  .ticketinfos > div{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
  .destekinfocon{padding:14px 10px !important;gap:7px}
  .destekinfo h4{font-size:.875rem !important}

  .destekdetaymsjcon{padding:14px 16px !important}
  .msjyazan{gap:8px;padding-bottom:10px !important}
  .msjyazan h4{font-size:.875rem !important;flex-wrap:wrap}
  /* Tarih kendi satırına insin — isimle aynı satırda taşıyordu */
  .msjyazan h5{margin:0 !important;width:100%;order:3}
  .reply-message{
    padding-top:12px !important;
    font-size:.875rem;
    overflow-wrap:anywhere;      /* uzun bağlantı/kod satırları kutuyu taşırmasın */
  }

  .destekdetayright{padding:14px 16px 16px}
  .destekdetayright textarea{min-height:130px;padding:12px !important}
  /* Yanıt formundaki iki sütun alt alta */
  .destekdosyaeki,
  .destekdetayright .yuzde40{
    float:none !important;
    width:100% !important;
    margin-left:0 !important;
  }
  .destekdetayright #encrypt_message_wrap{text-align:left !important;margin-bottom:12px}
  .destekdetayright .gonderbtn{width:100% !important;margin-top:4px !important}
}

/* ---------------------------------------------------------------------- */
/* 6b. SEKME ŞERİDİ, DURUM FİLTRESİ VE SUNUM NİTELİKLERİ                   */
/* ---------------------------------------------------------------------- */

/*
 * ul.tab legacy'de "linear-gradient(to bottom,#f2f2f2 0%,#fff 100%)" ve eski
 * bir IE "filter: progid:DXImageTransform..." taşıyor. Hizmet detay
 * sayfalarında (Detaylar / Whois / DNS / Güvenlik ...) sekme şeridinin arkası
 * bu yüzden bembeyaz kalıyordu. Gradyanla birlikte IE filtresi de temizlenir;
 * yalnızca background yazmak yetmez, filter ayrı bir katman olarak çiziliyor.
 */
ul.tab{
  background:var(--surface-2) !important;
  background-image:none !important;
  filter:none !important;
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  overflow:hidden;
  display:flex !important;
  flex-wrap:wrap;
  align-items:stretch;
  width:100% !important;
}
ul.tab li{float:none !important;display:flex}
ul.tab li a{
  display:flex !important;
  align-items:center;
  gap:8px;
  padding:13px 20px !important;
  font-size:14px !important;
  white-space:nowrap;
}
ul.tab li a i{margin-right:0 !important}
ul.tab li:last-child a{border-right:0 !important}

/*
 * .orderidno şeridin içinde <ul>'ün doğrudan çocuğu (geçersiz HTML ama
 * çekirdek böyle üretiyor). float:right flex düzeninde yok sayıldığı için
 * sağa yaslama margin-left:auto ile yapılıyor.
 */
ul.tab .orderidno{
  float:none !important;
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 18px !important;
  color:var(--text-dim);
}
ul.tab .orderidno span{display:inline !important;font-size:12px !important}
ul.tab .orderidno strong{font-size:15px !important;color:var(--ink);line-height:1 !important}

/*
 * Şeride iliştirilmiş eylem butonu (ör. "Whois Profillerim").
 *
 * Çekirdek onu da <ul class="tab">'ın DOĞRUDAN çocuğu olarak, satır içi
 * "float:right;margin:14px 15px 0 0" ile basıyor. Şerit artık flex olduğu için
 * float yok sayılıyor; buton sekmelerin peşine takılıyor, 14px üst boşluk onu
 * aşağı itiyor ve sekmeler satırı doldurduğunda alt satıra düşüyordu.
 * .orderidno ile aynı çözüm: margin-left:auto ile sağa yaslanır, dikeyde
 * ortalanır ve şerit yüksekliğine uygun ölçüye çekilir.
 */
ul.tab > a.lbtn,ul.tab > a.sbtn,ul.tab > a.gonderbtn,ul.tab > a.green,ul.tab > a.blue{
  float:none !important;
  margin:0 12px 0 auto !important;
  align-self:center;
  flex:none;
  padding:9px 16px !important;
  font-size:13px !important;
  line-height:1.2 !important;
  white-space:nowrap;
}
/* Şerit içindeki buton gölgesi hafif kalsın — kendi rengini korur */
ul.tab > a.green{box-shadow:0 6px 16px -10px rgba(34,197,94,.75) !important}
ul.tab > a.lbtn:not(.green),ul.tab > a.gonderbtn{
  box-shadow:0 6px 16px -10px rgba(var(--brand-1-rgb),.8) !important;
}
ul.tab > a.lbtn i,ul.tab > a.sbtn i,ul.tab > a.green i{margin-right:0 !important;font-size:12px}

/* Alt sekme şeridi — çekirdekte .subtab > ul{background:#607D8B} */
.subtab > ul.tab{background:var(--surface-3) !important}

/*
 * Durum filtresi (Tümü / Aktif / İşlemde / Durdurulmuş / İptal).
 * Çekirdek: solda 2px #eee çizgi, aktifte rgb(0 0 0 / 8%) zemin — koyu
 * zeminde ne ayırıcı ne de aktif durum seçilebiliyordu. Segment kontrolü.
 */
.ac-domainlist-status{
  float:none !important;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 14px !important;
  padding:5px;
  background:var(--surface-2);
  border:1px solid var(--line);
  border-radius:10px;
}
.ac-domainlist-status a{
  float:none !important;
  border-left:0 !important;
  border-radius:7px !important;
  padding:7px 14px !important;
  opacity:1 !important;
  color:var(--text-dim) !important;
  line-height:1.3 !important;
  font-size:13px;
  transition:background .2s var(--ease),color .2s var(--ease);
}
.ac-domainlist-status a strong{color:var(--text-soft);font-weight:600}
.ac-domainlist-status a:hover{background:rgba(255,255,255,.05) !important;color:var(--ink) !important}
.ac-domainlist-status a.active{
  background:rgba(var(--brand-1-rgb),.18) !important;
  color:var(--ink) !important;
}
.ac-domainlist-status a.active strong{color:var(--ink)}

/*
 * Sunum amaçlı bgcolor NİTELİĞİ: <td bgcolor="#ebebeb"> — hizmet detayındaki
 * "Ödeme Detayları" gibi bölüm başlığı satırları ve toplu ödeme tablosu.
 * Nitelik CSS'ten zayıftır ama araya legacy kuralları girdiği için burada
 * !important ile netleştiriliyor.
 */
#modernpanel td[bgcolor],#modernpanel th[bgcolor],
#muspanel td[bgcolor],#muspanel th[bgcolor]{
  background-color:rgba(255,255,255,.05) !important;
  color:var(--ink) !important;
}

/* Tutar/toplam satırı legacy'de beyaz→gri gradyan taşıyor */
.tutartd td{
  background:rgba(var(--brand-1-rgb),.10) !important;
  background-image:none !important;
  filter:none !important;
  color:var(--ink) !important;
}

/* ======================================================================== */
/* 7. HİZMET VE HESAP KARTLARI                                              */
/* ======================================================================== */

.hizmetblok{transition:transform .3s var(--ease-out),border-color .3s var(--ease)}
.hizmetblok .service-status-con,.service-status-con{color:var(--text-dim)}
.service-first-block{border-bottom:1px solid var(--line)}
.kinfo{color:var(--text-dim) !important}
.addservicetitle{color:var(--ink) !important;border-bottom:1px solid var(--line)}
.ablokbottom{border-top:1px solid var(--line);background:rgba(255,255,255,.03)}
.orderidno{color:var(--text-dim)}

/* Bilgi kutuları (mavi / yeşil / kırmızı ipuçları) */
.blue-info{
  background:rgba(var(--brand-2-rgb),.12) !important;
  border:1px solid rgba(var(--brand-2-rgb),.30) !important;
  border-radius:var(--r) !important;color:var(--text-soft) !important;
}
.green-info{
  background:var(--ok-dim) !important;
  border:1px solid rgba(34,197,94,.30) !important;
  border-radius:var(--r) !important;color:var(--text-soft) !important;
}
.red-info{
  background:var(--danger-dim) !important;
  border:1px solid rgba(239,68,68,.30) !important;
  border-radius:var(--r) !important;color:var(--text-soft) !important;
}
.dashboardbox-info{color:var(--text-dim)}

/* ---------------------------------------------------------------------- */
/* 7b. "BİLGİLERİM" FORMU (ac-info)                                        */
/* ---------------------------------------------------------------------- */

/*
 * .hesapbilgisi TEK BİR ALAN satırıdır (etiket + girdi), kart değil —
 * bu yüzden skin.php'nin kart listesinden çıkarıldı. Burada satır olarak
 * ele alınıyor: çekirdeğin "border-bottom:1px solid #eee" çizgisi koyu
 * palete çevriliyor, son satırda kaldırılıyor.
 */
.hesapinfobloktitle{
  color:var(--ink) !important;
  border-bottom:1px solid var(--line) !important;
  font-size:15px !important;
  letter-spacing:.01em;
}
.hesapbilgisi{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-bottom:1px solid var(--line) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:11px 0 !important;
}
.hesapbilgisi:last-child{border-bottom:0 !important}
/* Etiket sütunu — .hesapbilgititle burada bir ALAN ETİKETİ, blok başlığı değil */
.hesapbilgisi .hesapbilgititle{
  color:var(--text-dim) !important;
  font-size:13.5px !important;
  font-weight:500 !important;
}
.hesapbilgisi .yuzde75{color:var(--text-soft)}
.accountinputs,
.hesapbilgisi .yuzde75 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.hesapbilgisi .yuzde75 select,
.hesapbilgisi .yuzde75 textarea{
  width:100%;
  background:var(--surface-2) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:var(--r-sm) !important;
  color:var(--ink) !important;
  box-sizing:border-box;
  /*
   * SOL DOLGU BİLEREK YOK — "padding" kısayolu yazılırsa telefon alanı
   * bozulur: intlTelInput, bayrak + alan kodu genişliğine göre girdinin
   * padding-left'ini JS ile inline atıyor; !important taşıyan bir kısayol
   * onu ezer ve numara "+90"ın altına girer. Sol dolgu aşağıda yalnızca
   * eklentiye ait olmayan girdilere veriliyor.
   */
  padding-top:9px !important;
  padding-bottom:9px !important;
  padding-right:12px !important;
}
/* .iti girdisi bir sarmalayıcının içinde; bu seçici yalnızca çıplak alanları tutar */
.hesapbilgisi .yuzde75 > input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.hesapbilgisi .yuzde75 > select,
.hesapbilgisi .yuzde75 > textarea{padding-left:12px !important}
/* Düzenlenemeyen alanlar (e-posta) kilitli olduğunu belli etsin */
.hesapbilgisi .yuzde75 input[disabled]{
  background:rgba(255,255,255,.03) !important;
  color:var(--text-dim) !important;
  cursor:not-allowed;
}

/* ---------------------------------------------------------------------- */
/* 7c. TELEFON ALANI (intlTelInput — yeni "iti__" sürümü)                  */
/* ---------------------------------------------------------------------- */

/*
 * auth.php'deki kurallar eski sürümün sınıflarını (.intl-tel-input,
 * .iti-flag) ve yalnızca #uyeolgiris kapsamını hedefliyor. Panel yeni
 * BEM sınıflarını (.iti__*) kullanıyor; eklentinin kendi CSS'i beyaz
 * zeminli olduğu için ülke listesi koyu formun üstünde beyaz kutu olarak
 * açılıyor, "+90" alan kodu da koyu metin olarak görünmez kalıyordu.
 */
.iti{width:100%}
.iti__selected-flag{
  background:transparent !important;
  border-right:1px solid var(--line-strong);
}
.iti__selected-flag:hover,.iti__selected-flag:focus{background:rgba(255,255,255,.05) !important}
.iti__selected-dial-code{color:var(--text-soft) !important}
.iti__arrow{border-top-color:var(--text-dim) !important}
.iti__arrow--up{border-bottom-color:var(--text-dim) !important}

.iti__country-list{
  background:var(--surface-2) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:var(--r-sm) !important;
  box-shadow:var(--shadow-lg) !important;
  color:var(--text-soft) !important;
}
.iti__country{color:var(--text-soft) !important}
.iti__country.iti__highlight,.iti__country:hover{background:rgba(var(--brand-1-rgb),.16) !important;color:var(--ink) !important}
.iti__dial-code{color:var(--text-dim) !important}
.iti__divider{border-bottom-color:var(--line) !important}

/* ---------------------------------------------------------------------- */
/* 7d. EKLENTİ KUTULARI (Inception e-fatura vb.)                           */
/* ---------------------------------------------------------------------- */

/*
 * Eklentiler fatura ekranına kendi kutularını INLINE stille basıyor
 * (background:#f8fafc; border:1px solid #d9e2ec). İnline stil yalnızca
 * !important ile ezilebilir. Seçici id/sınıf çiftini birlikte hedefler ki
 * eklenti sürüm değiştirse de biri tutsun.
 */
#inception-official-invoice,.inception-official-invoice{
  background:var(--surface-2) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r) !important;
  color:var(--text-soft) !important;
}
#inception-official-invoice > div:first-child,
.inception-official-invoice > div:first-child{color:var(--ink) !important}
/* Bootstrap adlandırmalı düğmeler temada tanımsız — marka diline çekiliyor */
.inception-official-invoice .btn-success{background:linear-gradient(135deg,#16A34A,#22C55E) !important;color:#fff !important}
.inception-official-invoice .btn-primary{background:var(--grad-brand) !important;color:#fff !important}
.inception-official-invoice .btn-sm{padding:9px 18px !important;font-size:13px !important}

/* ======================================================================== */
/* 8. FORMLAR VE SEKMELER                                                   */
/* ======================================================================== */

.formcon{padding:20px}
.mpanelrightcon input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.mpanelrightcon select,
.mpanelrightcon textarea,
.formcon input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.formcon select,
.formcon textarea{
  background:var(--surface-2) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:var(--r-sm) !important;
  color:var(--ink) !important;
}
.mpanelrightcon input:focus,.mpanelrightcon select:focus,.mpanelrightcon textarea:focus,
.formcon input:focus,.formcon select:focus,.formcon textarea:focus{
  border-color:var(--brand-1) !important;
  box-shadow:0 0 0 3px rgba(var(--brand-1-rgb),.18) !important;
  outline:0;
}
.mpanelrightcon input::placeholder,.formcon input::placeholder,
.mpanelrightcon textarea::placeholder,.formcon textarea::placeholder{color:var(--text-dim)}
.zorunlu{color:var(--danger)}

/* Sekme şeridi */
.tabcontentcon .tab,.miotab-labels{border-bottom:1px solid var(--line)}
.tabcontent{padding-top:16px}

/* ======================================================================== */
/* 9. DAR EKRAN                                                             */
/* ======================================================================== */

/*
 * Kabuk dolgusu 6c bölümündeki ≤1024px bloğunda veriliyor (14px). Burada
 * tekrarlanmıyor: bu blok dosyada daha SONRA geldiği için aynı özelliği
 * yeniden yazmak oradaki değeri sessizce ezerdi.
 */
@media(max-width:768px){
  /*
   * Sol menü mobilde ekran dışından kayarak geliyor (dashboard_style_toggle
   * .leftbar'ın margin-left'ini değiştiriyor) — kabuk gölgesi kalkmasın.
   */
  .leftbar{box-shadow:var(--shadow-lg) !important}
  .wclientblockscon,#modernpanel .muspanelbloks{gap:10px}
  #modernpanel .mpanelblok,
  #modernpanel .mpanelblok:first-child:nth-last-child(3),
  #modernpanel .mpanelblok:first-child:nth-last-child(3) ~ .mpanelblok,
  #modernpanel .mpanelblok:first-child:nth-last-child(4),
  #modernpanel .mpanelblok:first-child:nth-last-child(4) ~ .mpanelblok{flex:1 1 44%}
  #modernpanel .moderncliendblock,#muspanel .moderncliendblock{flex:1 1 100%}
  .nb-panelthemebtn{height:auto;padding:0 12px}
}

/* ======================= KATMAN 8: AÇIK TEMA ============================ */
/* ===================== 1. TOKEN DEVRİ ==================== */
:root[data-theme="light"]{
  --bg:#F6F9FC;
  --bg-soft:#FFFFFF;
  --surface:#FFFFFF;
  --surface-2:#F4F7FB;
  --surface-3:#E9EFF6;

  --line:rgba(15,23,42,.10);
  --line-strong:rgba(15,23,42,.16);
  --line-brand:rgba(var(--brand-1-rgb),.32);

  --ink:#0F172A;
  --text:#0F172A;
  --text-soft:#475569;
  --text-dim:#64748B;

  --grad-text:linear-gradient(120deg,#0F172A 0%,#1E40AF 55%,var(--brand-1) 100%);
  --grad-surface:linear-gradient(180deg,rgba(15,23,42,.02) 0%,rgba(15,23,42,0) 100%);

  --glow-1:0 0 0 1px rgba(var(--brand-1-rgb),.22), 0 12px 34px -14px rgba(var(--brand-1-rgb),.42);
  --glow-2:0 0 50px -14px rgba(var(--brand-2-rgb),.30);
  --shadow-sm:0 1px 2px rgba(15,23,42,.06);
  --shadow:0 8px 26px -14px rgba(15,23,42,.22);
  --shadow-lg:0 24px 56px -28px rgba(15,23,42,.28);
}

/* ============== 2. NOKTA ATIŞI DÜZELTMELER =============== */
[data-theme="light"] body{background:var(--bg) !important;color:var(--text-soft)}

/* Atmosfer ışımaları açık zeminde çok baskın olmasın */
[data-theme="light"] body::before{
  background:
    radial-gradient(900px 500px at 12% -8%, rgba(var(--brand-1-rgb),.10), transparent 62%),
    radial-gradient(760px 460px at 92% 4%, rgba(var(--brand-2-rgb),.07), transparent 64%);
}
[data-theme="light"] #home,
[data-theme="light"] #muspanel,
[data-theme="light"] #modernpanel{background:var(--bg) !important}

/* --- Cam yüzeyler: koyu cam yerine açık cam --- */
[data-theme="light"] .nb-header.is-stuck{
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 34px -22px rgba(15,23,42,.35);
}
[data-theme="light"] .nb-mobile{background:rgba(255,255,255,.97)}
[data-theme="light"] .nb-topstrip{background:rgba(15,23,42,.035)}
[data-theme="light"] .menu,
[data-theme="light"] .menucolor{
  background:rgba(255,255,255,.86) !important;
  box-shadow:0 10px 34px -24px rgba(15,23,42,.4);
}
[data-theme="light"] #mobmenu{background:rgba(255,255,255,.97) !important}

/* --- Saydam dolgular: beyaz tint yerine lacivert tint --- */
[data-theme="light"] .nb-btn--ghost{background:rgba(15,23,42,.035)}
[data-theme="light"] .nb-btn--ghost:hover{background:rgba(15,23,42,.06)}
[data-theme="light"] .nb-iconbtn,
[data-theme="light"] .nb-burger,
[data-theme="light"] .nb-social a{background:rgba(15,23,42,.035)}
[data-theme="light"] .nb-iconbtn:hover{background:rgba(var(--brand-1-rgb),.10)}
[data-theme="light"] .nb-nav__link:hover{background:rgba(15,23,42,.05)}
[data-theme="light"] .nb-section--alt{
  background:linear-gradient(180deg,transparent,rgba(15,23,42,.022) 18%,rgba(15,23,42,.022) 82%,transparent);
}
[data-theme="light"] .nb-table thead th{background:rgba(15,23,42,.035)}
[data-theme="light"] .nb-table tbody tr:hover{background:rgba(15,23,42,.022)}
[data-theme="light"] .nb-lookcolumtitle,
[data-theme="light"] .lookcolumtitle{background:rgba(15,23,42,.05) !important}
[data-theme="light"] .nb-marquee__item{color:rgba(15,23,42,.38)}
[data-theme="light"] .nb-marquee__item:hover{color:rgba(15,23,42,.72)}
[data-theme="light"] .nb-card__icon,
[data-theme="light"] .nb-feature__icon,
[data-theme="light"] .nb-usecase__icon{background:rgba(var(--brand-1-rgb),.08)}
[data-theme="light"] .nb-flow__icon{background:rgba(15,23,42,.04)}
[data-theme="light"] .nb-flow__tag{background:rgba(15,23,42,.05)}

/* --- Izgara desenleri --- */
[data-theme="light"] .nb-hero::before,
[data-theme="light"] .nb-cta::before{
  background-image:
    linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px);
}
[data-theme="light"] .nb-chart__grid line{stroke:rgba(15,23,42,.09)}

/* --- Form alanları --- */
[data-theme="light"] ::placeholder{color:rgba(15,23,42,.38)}
[data-theme="light"] ::-webkit-input-placeholder{color:rgba(15,23,42,.38)}
[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea{color:var(--ink) !important}
[data-theme="light"] .nb-domain input[type="text"]{color:var(--ink) !important}

/* --- Kaydırma çubuğu --- */
[data-theme="light"] *{scrollbar-color:#C7D3E1 transparent}
[data-theme="light"] *::-webkit-scrollbar-thumb{background:#C7D3E1}
[data-theme="light"] *::-webkit-scrollbar-thumb:hover{background:#A9BACD}

/*
 * --- Logo invert filtreleri ---
 * Koyu temada beyaz zeminli PNG/JPG logoları okunur kılmak için
 * brightness(0) invert(1) uyguluyoruz. Açık temada bu ters etki yapar
 * (logolar beyaza dönüp kaybolur), o yüzden filtre kaldırılır.
 */
[data-theme="light"] .footlogos img,
[data-theme="light"] .gprimage,
[data-theme="light"] .ui-icon{
  filter:none;
  opacity:.72;
}
/* Koyu logolar açık zeminde zaten okunur; luminans çevirme kapatılır */
[data-theme="light"] .nb-mega .menu-item > a > img.menu-icon--dark{filter:none}

/* TLD logo çipleri açık temada beyaz kutu gibi durmasın */
[data-theme="light"] .uzantibox img,
[data-theme="light"] .spottlds img{background:transparent;padding:0}
[data-theme="light"] .footlogos img:hover{opacity:1}
/* Çipler açık zeminde beyaz kalmasın, hafif gri dursun */
[data-theme="light"] .nb-partners__item{background:#FBFDFF;opacity:.95}

/* --- Legacy koyu kalıntıları --- */
[data-theme="light"] .footer{
  background:linear-gradient(180deg,rgba(15,23,42,.02),transparent 40%),var(--bg-soft) !important;
}
[data-theme="light"] .nb-footer{
  background:linear-gradient(180deg,rgba(15,23,42,.02),transparent 40%),var(--bg-soft);
}
[data-theme="light"] .nb-console{background:linear-gradient(160deg,#FFFFFF,#F4F7FB 60%)}
[data-theme="light"] .nb-console__bar{background:rgba(15,23,42,.03)}
[data-theme="light"] .sayfaustheader,
[data-theme="light"] #header2,
[data-theme="light"] .nb-pagehead{
  background:linear-gradient(180deg,rgba(var(--brand-1-rgb),.09),transparent 78%);
}
[data-theme="light"] #wisecp.hbcne{background-color:var(--bg) !important}

/* ============== 3. MÜŞTERİ PANELİ (panel.php karşılığı) ============== */

/*
 * Panel kabuğu koyu temada bilerek koyu cam; açık temada beyaz yüzeye
 * dönmeli. Token devri burada yetmiyor çünkü panel.php'deki değerlerin bir
 * kısmı sabit rgba beyaz/siyah tint.
 */
[data-theme="light"] .leftbar{
  background-color:var(--bg-soft) !important;
  background-image:
    radial-gradient(120% 60% at 0% 0%,rgba(var(--brand-1-rgb),.10),transparent 62%) !important;
  box-shadow:1px 0 0 var(--line) !important;
}
[data-theme="light"] .modernclientmenu ul li a.toggle{
  border-bottom-color:var(--line) !important;
}
[data-theme="light"] .modernclientmenu ul li a.toggle:hover{background:rgba(15,23,42,.04) !important}
[data-theme="light"] .modernclientmenu ul li ul.inner{background:rgba(15,23,42,.03) !important}
/* Üst barda blur yok (panel.php'deki yığın sırası notuna bakınız) — zemin opak */
[data-theme="light"] #modernpanel .mpanelinfo{background:var(--bg-soft) !important}
[data-theme="light"] #modernpanel .wclientnotification{background:var(--surface) !important}
/* "> a" ile sınırlı — panel.php'deki açılır kutu notuna bakınız */
[data-theme="light"] #modernpanel .headbutonlar > a:hover,
[data-theme="light"] #modernpanel .wclientnotifi:hover .wnotifitibtn,
[data-theme="light"] .nb-panelthemebtn:hover{background:rgba(15,23,42,.05) !important}

/* Açılır kutular (bildirim / profil / giriş) */
[data-theme="light"] .wnotifilist:hover{background:rgba(15,23,42,.04)}
[data-theme="light"] .wnotifilisticon{background:rgba(15,23,42,.05)}
[data-theme="light"] #modernpanel .allread a{background:var(--surface-2)}
[data-theme="light"] .mobmenuclose{background:rgba(15,23,42,.38) !important}

/* Kart ve tablo tint'leri: beyaz tint açık zeminde görünmez */
[data-theme="light"] .mblokbtn,
[data-theme="light"] .mclientlastblocks thead,
[data-theme="light"] .mpanelrightcon table thead,
[data-theme="light"] .mpanelrightcon table thead th,
[data-theme="light"] table.dataTable thead th,
[data-theme="light"] .ablokbottom{background:rgba(15,23,42,.035) !important}
[data-theme="light"] #modernpanel .moderncliendblock table tr:hover,
[data-theme="light"] .mpanelrightcon table tbody tr:hover td,
[data-theme="light"] .wnotifilist:hover{background:rgba(15,23,42,.025) !important}

/*
 * Şablonda .leftbar ve .wnotifititle inline "background-color:#<color2>"
 * taşıdığı için açık temada da !important ile bastırılıyor.
 */
[data-theme="light"] .wnotifititle{background-image:var(--grad-brand) !important}

/* İstatistik kutularının vurgu renkleri açık zeminde biraz koyulaşsın */
[data-theme="light"] #green{--nb-stat:#16A34A}
[data-theme="light"] #red{--nb-stat:#DC2626}
[data-theme="light"] #gray{--nb-stat:#64748B}
[data-theme="light"] #turquise{--nb-stat:#0891B2}

/* Durum rozetleri */
[data-theme="light"] .listingstatus span{background:var(--surface-2)}
[data-theme="light"] .listingstatus .active,
[data-theme="light"] .listingstatus .responded{color:#15803D !important}
[data-theme="light"] .listingstatus .process,
[data-theme="light"] .listingstatus .resolved{color:#0369A1 !important}
[data-theme="light"] .listingstatus .wait{color:#B91C1C !important}

/* Sekme şeridi ve durum filtresi: beyaz tint yerine lacivert tint */
[data-theme="light"] .tablinks:hover{background:rgba(15,23,42,.04) !important}
[data-theme="light"] .ac-domainlist-status a:hover{background:rgba(15,23,42,.05) !important}
[data-theme="light"] #modernpanel td[bgcolor],
[data-theme="light"] #modernpanel th[bgcolor],
[data-theme="light"] #muspanel td[bgcolor],
[data-theme="light"] #muspanel th[bgcolor]{background-color:rgba(15,23,42,.05) !important}

/* "Bilgilerim" formu ve telefon bileşeni */
[data-theme="light"] .hesapbilgisi .yuzde75 input[disabled]{background:rgba(15,23,42,.04) !important}
[data-theme="light"] .iti__selected-flag:hover,
[data-theme="light"] .iti__selected-flag:focus{background:rgba(15,23,42,.05) !important}

/* Blog / bilgi bankası: koyu cam yerine açık zemin */
[data-theme="light"] .bloginfos{background:rgba(15,23,42,.62) !important}

/* Select2: beyaz tint yerine lacivert tint */
[data-theme="light"] .select2-container--default .select2-results__option[aria-selected="true"],
[data-theme="light"] .select2-container--default .select2-results__option[data-selected="true"]{
  background:rgba(15,23,42,.06) !important;
}
[data-theme="light"] .select2-container--disabled .select2-selection--single{
  background:rgba(15,23,42,.04) !important;
}

/* Panel logosu açık zeminde ters çevrilmemeli */
[data-theme="light"] .companylogo img{filter:none}

/* --- Tema değiştirme butonu ikon durumu --- */
.nb-themetoggle__moon{display:none}
[data-theme="light"] .nb-themetoggle__sun{display:none}
[data-theme="light"] .nb-themetoggle__moon{display:block}