@charset "utf-8";
:root{
  --ix-primary:#FD3F00;
  --ix-primary-dark:#d93400;
  --ix-primary-soft:#fff1eb;
  --ix-secondary:#1F2937;
  --ix-secondary-soft:#334155;
  --ix-text:#334155;
  --ix-heading:#0f172a;
  --ix-border:#e5e7eb;
  --ix-surface:#ffffff;
  --ix-surface-soft:#f8fafc;
  --ix-shadow:0 18px 45px rgba(15,23,42,.10);
  --ix-radius:16px;
}

body{color:var(--ix-text);background-color:#fff;}
a{color:var(--ix-secondary);} 
a:hover,.menu li:hover>a,.menu li>a:hover,.headbutonlar a:hover,.langbtn a:hover,.sosyalbtns a:hover{color:var(--ix-primary)!important;}

input:focus,select:focus,textarea:focus{
  border-color:var(--ix-primary)!important;
  box-shadow:0 0 0 4px rgba(253,63,0,.10);
}

.gonderbtn,
.btn,
.odemebuton,
.sepetbtn,
input[type="submit"],
button[type="submit"],
.button,
.lbtn{
  background:var(--ix-primary);
  border-color:var(--ix-primary)!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:0 12px 30px rgba(253,63,0,.20);
}
.gonderbtn:hover,
.btn:hover,
.odemebuton:hover,
.sepetbtn:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.button:hover,
.lbtn:hover{
  background:var(--ix-primary-dark)!important;
  border-color:var(--ix-primary-dark)!important;
  color:#fff!important;
}

#paketaktifbtn,
.paketbuton a,
.alanadibtn a,
.urunbtn a,
.sorgulabtn,
.orderbutton{
  background:var(--ix-primary)!important;
  color:#fff!important;
  border-color:var(--ix-primary)!important;
}

.header{
  position:relative;
  background-position:center center;
  background-size:cover;
}
.header:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(15,23,42,.86),rgba(31,41,55,.72) 45%,rgba(253,63,0,.30));
  pointer-events:none;
}
.head,.head *,.menu,.menu *,.logo,.logo *{position:relative;z-index:2;}

.sabithead{
  background:rgba(15,23,42,.96)!important;
  backdrop-filter:blur(12px);
  box-shadow:0 18px 40px rgba(15,23,42,.20);
}
.sabithead .menu li a,
.sabithead .headbutonlar a,
.sabithead .langbtn a,
.sabithead #sepeticon,
.sabithead .sosyalbtns a{color:#fff!important;}

.menu li a{
  border-bottom:2px solid transparent;
}
.menu li a:hover,
.menu li:hover>a,
.menu .menuAc>a{
  border-bottom-color:var(--ix-primary)!important;
}
.menu ul li ul,
#megamenu,
#megamenuservice{
  border:1px solid rgba(226,232,240,.9);
  box-shadow:var(--ix-shadow);
}
.menu ul li ul li a,
#megamenuservice a{color:var(--ix-secondary)!important;}
.menu ul li ul li:hover>a,
#megamenuservice a:hover{background:var(--ix-primary-soft)!important;color:var(--ix-primary)!important;}

.domainhome,
#v2domainhome,
.domainfiyatlar,
.leftbar,
.wnotifititle,
.solmodulbaslik,
.ac-oi-title,
.ac-oi-title-2{
  background:linear-gradient(135deg,var(--ix-secondary),var(--ix-primary))!important;
}
.domainfiyatlar h4 span,
.pakettitle,
.pakettitle h2,
.iletisimtable h4,
.paketfiyat span,
.urunadi a:hover,
.kategoribtn:hover,
.hesaplinkler a:hover,
.sayfalama span a:hover,
.sayfalama .sayfalama-active a,
.table a:hover{
  color:var(--ix-primary)!important;
}

.tablopaketler,
.tablobox,
.urunbox,
.serverbox,
.productbox,
.solmodul,
.sagcontent,
.orderperiodblock,
.iletisimtable,
.ticket-konulari,
.paneliblock,
.ac-box,
.ac-card,
.domain-block,
.news-box{
  background:#fff;
  border:1px solid var(--ix-border);
  border-radius:var(--ix-radius);
  box-shadow:var(--ix-shadow);
}
.tablobox:hover,
.urunbox:hover,
.serverbox:hover,
.productbox:hover,
.orderperiodblock:hover,
.paneliblock:hover,
.ac-box:hover,
.ac-card:hover,
.domain-block:hover,
.news-box:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 55px rgba(15,23,42,.14);
}

.orderperiodblock.active,
.active .periodselectbox,
.periodselectbox:hover,
.orderstepsline .active,
.orderstepsline .selected{
  border-color:var(--ix-primary)!important;
  background:var(--ix-primary)!important;
  color:#fff!important;
}
.orderperiodblock.active h3,
.orderperiodblock.active h4,
.orderperiodblock.active p{color:#fff!important;}

.table thead tr,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  background:var(--ix-secondary)!important;
  color:#fff!important;
}
.table th,
.table td{border-color:var(--ix-border)!important;}
.table-striped>tbody>tr:nth-of-type(odd){background:#fbfdff;}

.paketozellikleri li:before,
.ozellikler li:before,
.ul-list li:before,
.fa-check,
.ion-checkmark,
.ri-check-line{color:var(--ix-primary)!important;}

.ribbonperiod span,
.badge,
.label,
.statusbadge,
.miochecked,
.highlightbadge{
  background:var(--ix-primary)!important;
  color:#fff!important;
}

#sepeticon span,
.cartcount,
.notification-number{
  background:var(--ix-primary)!important;
}

footer,
.main-footer,
.altfooter,
.footer{
  background:#0f172a!important;
  color:#cbd5e1!important;
}
footer a,
.main-footer a,
.altfooter a,
.footer a{color:#e2e8f0!important;}
footer a:hover,
.main-footer a:hover,
.altfooter a:hover,
.footer a:hover{color:var(--ix-primary)!important;}

::selection{background:rgba(253,63,0,.18);color:#111827;}

@media (max-width: 991px){
  .menu ul li ul,
  #megamenu,
  #megamenuservice{box-shadow:none;}
  .tablopaketler,
  .tablobox,
  .urunbox,
  .serverbox,
  .productbox,
  .solmodul,
  .sagcontent,
  .orderperiodblock,
  .iletisimtable,
  .ticket-konulari,
  .paneliblock,
  .ac-box,
  .ac-card,
  .domain-block,
  .news-box{border-radius:12px;}
}