/*
 * sh.com.tr — SAYFA İÇİ STİLLER (kaynağın kendi `<style>` blokları).
 *
 * `blue.css` (site.css) bölüm BİLEŞENLERİNİ taşır; sayfaya özgü YERLEŞİM kuralları ise
 * kaynakta şablonun içinde duruyordu. Bloklar `<style>` taşıyamayacağı için buraya
 * toplandı. Yükleme sırası: bootstrap.css → site.css → pages.css (kaynaktaki sırayla aynı).
 *
 * ÜRETİLMİŞTİR — elle düzenlemeyin: `scripts/sh-catalog/12-extract-page-css.py`.
 */

/* kaynak: tr-alan-adi-hizmet-sozlesmesi.html */
.swal-icon--error{border-color:#f27474;-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}.swal-icon--error__x-mark{position:relative;display:block;-webkit-animation:animateXMark .5s;animation:animateXMark .5s}.swal-icon--error__line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal-icon--error__line--left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal-icon--error__line--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}@-webkit-keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@-webkit-keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.swal-icon--warning{border-color:#f8bb86;-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}.swal-icon--warning__body{width:5px;height:47px;top:10px;border-radius:2px;margin-left:-2px}.swal-icon--warning__body,.swal-icon--warning__dot{position:absolute;left:50%;background-color:#f8bb86}.swal-icon--warning__dot{width:7px;height:7px;border-radius:50%;margin-left:-4px;bottom:-11px}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.swal-icon--success{border-color:#a5dc86}.swal-icon--success:after,.swal-icon--success:before{content:"";border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal-icon--success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal-icon--success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}.swal-icon--success__ring{width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal-icon--success__hide-corners{width:5px;height:90px;background-color:#fff;padding:1px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal-icon--success__line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal-icon--success__line--tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.swal-icon--success__line--long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}@-webkit-keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.swal-icon--info{border-color:#c9dae1}.swal-icon--info:before{width:5px;height:29px;bottom:17px;border-radius:2px;margin-left:-2px}.swal-icon--info:after,.swal-icon--info:before{content:"";position:absolute;left:50%;background-color:#c9dae1}.swal-icon--info:after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.swal-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}.swal-icon:first-child{margin-top:32px}.swal-icon--custom{width:auto;height:auto;max-width:100%;border:none;border-radius:0}.swal-icon img{max-width:100%;max-height:100%}.swal-title{color:rgba(0,0,0,.65);font-weight:600;text-transform:none;position:relative;display:block;padding:13px 16px;font-size:27px;line-height:normal;text-align:center;margin-bottom:0}.swal-title:first-child{margin-top:26px}.swal-title:not(:first-child){padding-bottom:0}.swal-title:not(:last-child){margin-bottom:13px}.swal-text{font-size:16px;position:relative;float:none;line-height:normal;vertical-align:top;text-align:left;display:inline-block;margin:0;padding:0 10px;font-weight:400;color:rgba(0,0,0,.64);max-width:calc(100% - 20px);overflow-wrap:break-word;box-sizing:border-box}.swal-text:first-child{margin-top:45px}.swal-text:last-child{margin-bottom:45px}.swal-footer{text-align:right;padding-top:13px;margin-top:13px;padding:13px 16px;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.swal-button-container{margin:5px;display:inline-block;position:relative}.swal-button{background-color:#7cd1f9;color:#fff;border:none;box-shadow:none;border-radius:5px;font-weight:600;font-size:14px;padding:10px 24px;margin:0;cursor:pointer}.swal-button:not([disabled]):hover{background-color:#78cbf2}.swal-button:active{background-color:#70bce0}.swal-button:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(43,114,165,.29)}.swal-button[disabled]{opacity:.5;cursor:default}.swal-button::-moz-focus-inner{border:0}.swal-button--cancel{color:#555;background-color:#efefef}.swal-button--cancel:not([disabled]):hover{background-color:#e8e8e8}.swal-button--cancel:active{background-color:#d7d7d7}.swal-button--cancel:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(116,136,150,.29)}.swal-button--danger{background-color:#e64942}.swal-button--danger:not([disabled]):hover{background-color:#df4740}.swal-button--danger:active{background-color:#cf423b}.swal-button--danger:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(165,43,43,.29)}.swal-content{padding:0 20px;margin-top:20px;font-size:medium}.swal-content:last-child{margin-bottom:20px}.swal-content__input,.swal-content__textarea{-webkit-appearance:none;background-color:#fff;border:none;font-size:14px;display:block;box-sizing:border-box;width:100%;border:1px solid rgba(0,0,0,.14);padding:10px 13px;border-radius:2px;transition:border-color .2s}.swal-content__input:focus,.swal-content__textarea:focus{outline:none;border-color:#6db8ff}.swal-content__textarea{resize:vertical}.swal-button--loading{color:transparent}.swal-button--loading~.swal-button__loader{opacity:1}.swal-button__loader{position:absolute;height:auto;width:43px;z-index:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;pointer-events:none;opacity:0}.swal-button__loader div{display:inline-block;float:none;vertical-align:baseline;width:9px;height:9px;padding:0;border:none;margin:2px;opacity:.4;border-radius:7px;background-color:hsla(0,0%,100%,.9);transition:background .2s;-webkit-animation:swal-loading-anim 1s infinite;animation:swal-loading-anim 1s infinite}.swal-button__loader div:nth-child(3n+2){-webkit-animation-delay:.15s;animation-delay:.15s}.swal-button__loader div:nth-child(3n+3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}.swal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;font-size:0;overflow-y:auto;background-color:rgba(0,0,0,.4);z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s}.swal-overlay:before{content:" ";display:inline-block;vertical-align:middle;height:100%}.swal-overlay--show-modal{opacity:1;pointer-events:auto}.swal-overlay--show-modal .swal-modal{opacity:1;pointer-events:auto;box-sizing:border-box;-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s;will-change:transform}.swal-modal{width:478px;opacity:0;pointer-events:none;background-color:#fff;text-align:center;border-radius:5px;position:static;margin:20px auto;display:inline-block;vertical-align:middle;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;z-index:10001;transition:opacity .2s,-webkit-transform .3s;transition:transform .3s,opacity .2s;transition:transform .3s,opacity .2s,-webkit-transform .3s}@media (max-width:500px){.swal-modal{width:calc(100% - 20px)}}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}

/* kaynak: tr-alan-adi-hizmet-sozlesmesi.html */
.header{
position: sticky;
width: 100%;
top:0;
left: 0;
}
.header .lang .dropdown-menu{
min-width: 100%;
}
.hide {
display: none !important;
}
.indirims {
animation: blinker 1.1s linear infinite;
border-radius: 6px;
font-size: x-small;
position: absolute;
bottom: 32px;
padding-right: 2px!important;
}
@keyframes blinker {
50% { opacity: 0; }
}
.indirimsm {
animation: blinker 1.1s linear infinite;
border-radius: 6px;
font-size: x-small;
}
@keyframes blinker {
50% { opacity: 0; }
}
.dikkat-kampanya-menu {
color: #d7261e;
font-size: 1.1rem;
animation: color-change-Menu 1.1s linear infinite;
}
@keyframes color-change-Menu {
50% { opacity: 0; }
}
.blink-badge {
display: inline-block;
padding: 0.3em 0.6em;
font-size: 90%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 10px;
animation: blinker 1s linear infinite;
color: red;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
#yeniUruns {
animation: color-change-Menu 1.1s linear infinite;
}
@keyframes color-change-Menu {
50% { opacity: 0; }
}
.blink-badge {
animation: blinker 1s linear infinite;
color: red;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.btn-group, .btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group-vertical>.btn, .btn-group>.btn {
position: relative;
flex: 1 1 auto;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-menu.show {
display: block;
}
.d-none {
display: none !important;
}

/* kaynak: tr-alan-adi-hizmet-sozlesmesi.html */
.ui-pnotify-modal-overlay{visibility: hidden}

/* kaynak: tr-alan-adi-hizmet-sozlesmesi.html */
/* .mobile-header a>img {
height: 31px;
margin-top: 6px;
} */

/* kaynak: tr-alan-adi-hizmet-sozlesmesi.html */
.rainbow-bg {
animation: rainbow-bg 5s linear;
animation-iteration-count: infinite;
}
@keyframes rainbow-bg {
100%,
0% {
background-color: rgb(255, 0, 0);
}
8% {
background-color: rgb(255, 127, 0);
}
16% {
background-color: rgb(255, 255, 0);
}
25% {
background-color: rgb(127, 255, 0);
}
33% {
background-color: rgb(0, 255, 0);
}
41% {
background-color: rgb(0, 255, 127);
}
50% {
background-color: rgb(0, 255, 255);
}
58% {
background-color: rgb(0, 127, 255);
}
66% {
background-color: rgb(0, 0, 255);
}
75% {
background-color: rgb(127, 0, 255);
}
83% {
background-color: rgb(255, 0, 255);
}
91% {
background-color: rgb(255, 0, 127);
}
}
/* Mega Menü İçindeki Kutu Stili */

/* kaynak: tr-alan-adi-hizmet-sozlesmesi.html */
.wizard-container{text-align: left}.wizard-header{font-size: 15px;font-weight: 600;color: #333;margin-bottom: 5px;display: block;border-bottom: 1px solid #eee;padding-bottom: 0px}.wizard-list{list-style: none;padding: 0;margin: 0}.wizard-link{display: flex;align-items: center;text-decoration: none;padding: 1px 1px !important;transition: 0.2s;justify-content: left !important;font-weight: 400 !important}.wizard-dot{width: 8px;height: 8px;background-color: #e9ecef;border-radius: 50%;margin-right: 15px;flex-shrink: 0}.wizard-link:hover .wizard-dot{background-color: #d7261e}.wizard-content{display: flex;flex-direction: column}.wizard-top-text{font-size: 0.75rem;color: #777;margin-bottom: 1px}.wizard-bottom-text{font-size: 0.85rem;font-weight: 500;color: #444}.wizard-link:hover .wizard-bottom-text{color: #000}

/* kaynak: tr-alan-adi-hizmet-sozlesmesi.html */
.list-group-item{
border:none;
margin: 8px 0;
padding:0;
background:none;
}
.list-group-item.active{
margin: 8px 0;
border:none;
background:none;
}
.list-group-item+.list-group-item.active{
margin-top:8px;
border:none;
}

/* kaynak: tr-alan-adi-hizmet-sozlesmesi.html */
/* Destek bölümü ikon sıkışmasını önleme */
.section-support a {
display: flex;
align-items: center; /* Metin ve ikonu dikeyde ortalar */
flex-wrap: nowrap; /* Alt satıra kaymayı engeller */
}
.section-support a .icon {
flex-shrink: 0 !important; /* Metin ne kadar uzarsa uzasın ikonun sıkışmasını / ezilmesini engeller */
/* Eğer ikon alanının belli bir genişlikte kalmasını isterseniz min-width de verebilirsiniz.
Kendi tasarımınıza göre aşağıdaki değerleri değiştirebilirsiniz: */
min-width: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.section-support a > .icon>img {
height: 35px !important;
}
.section-support .col-lg-3 :hover{
color : white !important;
}
.section-support a > .text b{
color: unset !important;
}
.section-support a:hover{
color: unset !important;
}

/* kaynak: tr-cloud-server.html */
.comparison__table .item__detail .item__row .column-left { width: 25%; }
.comparison__table .item__detail .item__row .column-right { width: 75%; }
.comparison__table .item__header .item__row .column-right { width: 75%; }
.comparison__table .item__header .item__row .column-right .column { width: 25%; }
.comparison__table .item__detail .item__row .column-right .column { width: 25%; }

/* kaynak: tr-cloud-server.html */
.section-features .feature-box img {  height: 70px;}
.col.os {
flex: 1.5 0 0;
text-align: center;
align-items:center;
}
.package-item>.price small { margin-bottom: 0.3rem;}
@media only screen and (max-width: 1200px) {
.section-hosting .row {
flex-wrap: wrap;
} }
#dikkatKampanya {
font-size: 1.1rem;
animation: color-change 1s infinite;
}
@keyframes color-change {
0% {
color: white;
}
50% {
color: #d7261e;
}
100% {
color: white;
}
}
@media(max-width: 576px){
.os-item{
max-width: 90px;
}
}

/* kaynak: tr-cloud-server.html */
.font-sh{
font-weight: 700;
}

/* kaynak: tr-cloud-server.html */
.st0 {
fill: #d8261e;
}
.st1 {
fill: #fce0e1;
}

/* kaynak: tr-dedicated-server.html */
.section-features .feature-box img {
height: 70px;
}
.comparison__table .item__detail .item__row .column-left {
width: 30%;
}
.comparison__table .item__detail .item__row .column-right {
width: 70%;
}
.comparison__table .item__header {
min-height: 180px;
}
.comparison__table .item__header .item__row .column-right {
width: 70%;
}
.comparison__table .item__header .item__row .column-right .column {
width: 33.33%;
}
.comparison__table .item__detail .item__row .column-right .column {
width: 33.33%;
}
.section-include ul {
flex-wrap: nowrap;
}
.section-include ul li {
flex: 1 1 auto;
flex-direction: column;
}
.section-include ul li img {
width: 64px;
height: 64px;
margin-bottom: 10px;
}
.section-apps .col-lg-2 {
display: flex;
align-items: center;
justify-content: center;
}
.section-apps img {
max-height: 40px;
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.section-include ul {
flex-wrap: wrap;
}
.section-include ul li {
flex: 0 0 50%;
}
.section-apps {
text-align: center;
}
.section-apps img {
height: 30px;
margin: 15px 0;
}
}
#dikkatKampanya {
font-size: 1.1rem;
animation: color-change 1s infinite;
}
@keyframes color-change {
0% {
color: white;
}
50% {
color: #d7261e;
}
100% {
color: white;
}
}

/* kaynak: tr-domain-com-tr-domain-kayit.html */
/* Sadece Bootstrap ile yapılması zor olan çok ufak dokunuşlar */
.domain-card {
border-bottom: 3px solid #dc3545 !important;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.domain-card:hover {
transform: translateY(-5px);
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .08) !important;
}
/* Merkez kartın mobilde ve masaüstünde boyut tepkileri */
.domain-card-center {
border: 1px solid #dc3545 !important;
border-bottom: 3px solid #dc3545 !important;
transform: scale(1.03);
z-index: 2;
}
.domain-card-center:hover {
transform: scale(1.03) translateY(-5px);
}
@media (max-width: 768px) {
.domain-card-center {
transform: scale(1);
}
.domain-card-center:hover {
transform: translateY(-5px);
}
}
/* Kırmızı üzeri çizili fiyat detayı */
.strike-price {
text-decoration: line-through;
text-decoration-color: #dc3545 !important;
}

/* kaynak: tr-domain-com-tr-domain-kayit.html */
/* Form elemanlarını yan yana ve aynı yükseklikte tutmak için */
.search-form-group {
display: flex;
align-items: stretch;
width: 100%;
}
.search-form-group input[type="text"] {
flex: 1;
border-top-right-radius: 0 !important;
-right-radius: 0 !important;
border-right: none !important;
}
.search-form-group button {
/* Butonun sol köşelerini uzantı kutusuyla birleşmesi için düzleştiriyoruz */
border-top-left-radius: 0 !important;
-left-radius: 0 !important;
}

/* kaynak: tr-domain-com-tr-domain-kayit.html */
.section-banner.section-domain-bar {
background-image: url("../tld_background/com-tr_background.jpg");
}
.tr-promo-obj {
max-width: 200px;
width: 100%;
height: auto;
filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.15));
transition: transform 0.3s ease;
}
.tr-promo-obj:hover {
transform: translateY(-8px);
}

/* kaynak: tr-domain-com-tr-domain-kayit.html */
.tld-logo {
margin: 0;
line-height: .9;
white-space: nowrap;
font-family: 'Poppins', sans-serif;
font-size: clamp(3rem, 8vw, 6rem);
font-weight: 500;
letter-spacing: -0.06em;
}
.tld-logo .dot {
color: #d53427;
}
.tld-logo .text {
color: #1F4D9B;
}

/* kaynak: tr-domain-com-tr-domain-kayit.html */
.domain-alternatives {
background: #fff;
border: 1px solid #e9ecef;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 .75rem 2rem rgba(220, 53, 69, .08);
}
.domain-header {
background: #fff;
color: #000000;
font-size: 1.25rem;
font-weight: 700;
display: flex;
align-items: center;
padding: 18px 24px;
}
.domain-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 10px;
border-bottom: 1px solid #edf0f2;
transition: .25s;
}
.domain-row:last-child {
border-bottom: 0;
}
.domain-row:hover {
background: #fff5f5;
}
.domain-info {
display: flex;
align-items: center;
gap: 18px;
}
.domain-status {
width: 44px;
height: 44px;
border-radius: 50%;
background: #eaf7ef;
color: #198754;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
}
.domain-name {
font-size: 1.2rem;
font-weight: 700;
color: #212529;
}
.domain-text {
color: #6c757d;
font-size: .9rem;
margin-top: 3px;
}
.period-select {
min-width: 220px;
border-radius: 10px;
border-color: #dee2e6;
}
.period-select:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .15);
}
.domain-price {
font-weight: 700;
color: #212529;
}
.btn-add-cart {
/*min-width: 120px;*/
/*border-radius: 10px;*/
/*background: #dc3545;*/
/*border-color: #dc3545;*/
/*font-weight: 600;*/
/*color: #fff;*/
}
.btn-add-cart:hover {
/*background: #c82333;*/
/*border-color: #c82333;*/
}
.discount-badge {
background: #ffe8eb;
color: #dc3545;
border: 1px solid #ffd0d6;
border-radius: 30px;
font-size: .75rem;
font-weight: 600;
padding: 4px 10px;
margin-left: 15px;
}

/* kaynak: tr-domain-com-tr-domain-kayit.html */
.domain-timeline {
position: relative;
padding: 30px 0 10px;
}
.timeline-line {
position: absolute;
top: 58px;
left: 8%;
right: 8%;
height: 2px;
background: #e5e7eb;
z-index: 1;
}
.timeline-item {
position: relative;
z-index: 2;
}
.timeline-icon {
width: 56px;
height: 56px;
border-radius: 50%;
background: #adb5bd;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 12px;
font-size: 22px;
border: 4px solid #fff;
box-shadow: 0 0 0 2px #dee2e6;
transition: .25s ease;
}
.timeline-item:hover .timeline-icon {
background: #dc3545;
box-shadow: 0 0 0 4px rgba(220, 53, 69, .18);
transform: translateY(-2px);
}
.timeline-title {
font-weight: 600;
color: #343a40;
font-size: .95rem;
}
.timeline-subtitle {
color: #868e96;
font-size: .82rem;
}
/* Bootstrap tooltip */
.tooltip-inner {
background: #212529;
border-radius: 10px;
padding: .6rem .8rem;
font-size: .85rem;
max-width: 240px;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
border-top-color: #212529;
}
@media (max-width: 768px) {
.domain-timeline .row {
overflow-x: auto;
flex-wrap: nowrap;
padding-bottom: 10px;
}
.domain-timeline .col {
min-width: 140px;
}
.timeline-line {
left: 70px;
right: 70px;
}
}

/* kaynak: tr-domain-com-tr-domain-kayit.html */
.sticky-cart-bar {
position: fixed;
left: 0;
right: 0;
bottom: 20px;
z-index: 1055;
pointer-events: none;
}
.sticky-cart-bar .container {
max-width: 900px;
}
.sticky-cart-bar > .container > div {
background: #fff;
border-radius: 18px;
padding: 16px 20px;
box-shadow: 0 20px 60px rgba(0, 0, 0, .18),
0 6px 20px rgba(0, 0, 0, .08);
border: 1px solid #ececec;
pointer-events: auto;
}
.sticky-cart-icon {
width: 54px;
height: 54px;
border-radius: 50%;
background: #e8f8ec;
color: #28a745;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
}
.sticky-cart-btn {
background: #46b450;
color: #fff;
border: none;
border-radius: 40px;
padding: 13px 30px;
font-weight: 600;
transition: .25s;
box-shadow: 0 8px 20px rgba(70, 180, 80, .35);
}
.sticky-cart-btn:hover {
background: #3aa046;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 12px 25px rgba(70, 180, 80, .45);
}
.sticky-cart-btn:active {
transform: translateY(0);
}
@media (max-width: 768px) {
.sticky-cart-bar {
bottom: 0;
}
.sticky-cart-bar .container {
max-width: 100%;
padding: 0;
}
.sticky-cart-bar > .container > div {
border-radius: 18px 18px 0 0;
padding: 15px;
}
.sticky-cart-btn {
width: 100%;
margin-top: 12px;
}
.sticky-cart-bar .d-flex {
flex-direction: column;
align-items: stretch !important;
}
}

/* kaynak: tr-domain-domain-sorgulama.html */
.section-banner.section-domain-bar {
background-image: url("../img/domain_sorgula.webp");
}

/* kaynak: tr-domain-domain-sorgulama.html */
.section-step {
background-color: unset !important
}

/* kaynak: tr-domain-domain-sorgulama.html */
.sh-modern-wrapper {
background-color: white !important
}

/* kaynak: tr-domain-domain-sorgulama.html */
.sh-modern-wrapper {
/* background-color: #f8f9fa; */
padding: 40px 0;
}
.domain-table-card {
background: #ffffff;
border-radius: 20px;
box-shadow: 0 4px 15px rgba(0,0,0,0.03);
border: 1px solid #eaeaea;
}
.btn-group-tabs {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.btn-group-tabs .tab-btn {
background-color: #ffffff;
border: 1px solid #dee2e6;
color: #495057;
font-weight: 500;
padding: 8px 20px;
border-radius: 10px;
font-size: 14px;
transition: all 0.2s ease;
}
.btn-group-tabs .tab-btn:hover {
background-color: #f8f9fa;
}
.btn-group-tabs .tab-btn.active {
background-color: #dc3545;
border-color: #dc3545;
color: #ffffff;
}
.custom-search-wrapper {
position: relative;
min-width: 250px;
}
.custom-search-wrapper input {
background-color: #fcfcfc;
border: 1px solid #dee2e6;
border-radius: 50px;
padding: 8px 15px 8px 40px;
font-size: 14px;
width: 100%;
transition: all 0.2s ease;
}
.custom-search-wrapper input:focus {
outline: none;
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.1);
}
.custom-search-wrapper svg {
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
color: #adb5bd;
}
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info {
display: none !important;
}
table.dataTable {
margin-top: 0 !important;
margin-bottom: 0 !important;
border-collapse: collapse !important;
width: 100% !important;
}
table.dataTable.no-footer {
border-bottom: 1px solid #f1f1f1 !important;
}
table.dataTable thead th {
background-color: #f8f9fa !important;
color: #6c757d !important;
font-weight: 600 !important;
font-size: 14px;
padding: 15px !important;
border-bottom: 1px solid #f1f1f1 !important;
}
table.dataTable thead th:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
table.dataTable thead th:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
background-image: none !important;
}
table.dataTable tbody td {
padding: 16px 15px !important;
vertical-align: middle;
font-size: 15px;
border-bottom: 1px solid #f1f1f1 !important;
}
table.dataTable tbody tr:last-child td { border-bottom: none !important; }
/* Satır Hover Efekti */
table.dataTable tbody tr {
transition: background-color 0.2s ease-in-out;
}
table.dataTable tbody tr:hover td {
background-color: #f8f9fa !important;
cursor: default;
}
.dataTables_wrapper .dataTables_paginate {
display: flex;
justify-content: center;
align-items: center; /* Dikeyde de kusursuz hizalama için eklendi */
margin-top: 30px !important;
float: none !important;
text-align: center;
}
.dataTables_wrapper .dataTables_paginate span {
display: flex;
gap: 4px;
}
.dataTables_wrapper .pagination .page-item .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button {
border: 1px solid transparent !important;
background: transparent !important;
color: #495057 !important;
border-radius: 6px !important;
padding: 0 !important;
margin: 0 2px !important;
min-width: 32px !important;
height: 32px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
font-weight: 500;
transition: all 0.2s ease;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .pagination .page-item:first-child .page-link,
.dataTables_wrapper .pagination .page-item:last-child .page-link {
min-width: auto !important;
padding: 0 12px !important;
}
.dataTables_wrapper .pagination .page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background-color: #dc3545 !important;
border-color: #dc3545 !important;
color: #ffffff !important;
box-shadow: 0 3px 6px rgba(220, 53, 69, 0.3) !important;
}
.dataTables_wrapper .pagination .page-item:not(.active) .page-link:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled) {
background-color: #f1f3f5 !important;
color: #dc3545 !important; /* Üzerine gelince yazısı siyah yerine kırmızı olsun (Daha şık durur) */
}
.dataTables_wrapper .pagination .page-item.disabled .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
opacity: 0.5;
cursor: not-allowed !important;
background-color: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
border-bottom: 1px solid #f1f3f5 !important;
padding: 12px 0 !important;
white-space: normal !important;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
border-bottom: none !important;
}
table.dataTable > tbody > tr.child ul.dtr-details > li .dtr-data span,
table.dataTable > tbody > tr.child ul.dtr-details > li .dtr-data div {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
line-height: 1.4 !important;
}
@media screen and (max-width: 768px) {
.custom-datatable-header {
flex-direction: column;
align-items: stretch !important;
gap: 15px;
}
.custom-search-wrapper { width: 100%; margin-top: 5px; }
.btn-group-tabs {
flex-wrap: nowrap !important;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 5px;
}
.btn-group-tabs::-webkit-scrollbar { height: 3px; }
.btn-group-tabs::-webkit-scrollbar-thumb { background-color: #dee2e6; border-radius: 10px; }
.btn-group-tabs .tab-btn { white-space: nowrap; flex-shrink: 0; padding: 8px 16px; }
/* Mobilde Sayfalandırma Numara Sorunu Çözümü */
.dataTables_wrapper .dataTables_paginate {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 5px;
margin-top: 20px !important;
padding: 10px 0;
}
.dataTables_wrapper .dataTables_paginate span {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 36px;
height: 36px;
padding: 0 10px !important;
box-sizing: border-box;
font-size: 14px;
}
}
table.dataTable > tbody > tr.child,
table.dataTable > tbody > tr.child td.child {
white-space: normal !important;
padding: 10px 15px !important;
box-sizing: border-box !important;
max-width: 100vw !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 0 !important;
margin: 0 !important;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
display: flex !important;
flex-wrap: wrap !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 12px 0 !important;
border-bottom: 1px solid #f1f3f5 !important;
}
/* Sol Başlık */
table.dataTable > tbody > tr.child ul.dtr-details > li .dtr-title {
flex: 0 0 auto !important;
max-width: 50% !important;
font-weight: 600 !important;
}
table.dataTable > tbody > tr.child ul.dtr-details > li .dtr-data {
flex: 1 1 auto !important;
text-align: right !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
max-width: 50% !important;
}
/* Fiyatların kendisi */
table.dataTable > tbody > tr.child ul.dtr-details > li .dtr-data .item-price {
display: block !important;
white-space: normal !important;
}
/* Kur Gizleyici */
table.dataTable > tbody > tr.child ul.dtr-details > li .dtr-data .hide,
table.dataTable > tbody > tr.child ul.dtr-details > li .dtr-data .item-price.hide {
display: none !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
position: sticky;
left: 0;
width: calc(100vw - 40px) !important;
}
@media screen and (max-width: 768px) {
.table-responsive-lg,
.dataTables_wrapper {
overflow-x: hidden !important;
width: 100% !important;
}
.dataTables_wrapper .dataTables_paginate {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
margin-top: 20px !important;
padding: 0 !important;
}
/* 1. Dış kapsayıcı sınırları (Kesinlikle taşma yok) */
.table-responsive-lg,
.dataTables_wrapper {
overflow-x: hidden !important;
max-width: 100vw !important;
box-sizing: border-box !important;
}
/* 2. ANA KAPSAYICI: Geri, Numaralar, İleri ip gibi diziliyor */
.dataTables_wrapper .dataTables_paginate {
display: flex !important;
flex-wrap: nowrap !important; /* Asla alt satıra inme */
justify-content: center !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 15px !important;
padding: 0 2px !important;
box-sizing: border-box !important;
}
/* 3. Numaraların olduğu orta alan: Gerekirse kendini daraltsın (flex-shrink) */
.dataTables_wrapper .dataTables_paginate span {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: center !important;
align-items: center !important;
flex-shrink: 1 !important; /* Ekrana sığmak için içeriyi sıkıştırabilir */
}
/* 4. Numara Butonları (Mobilde uygulama butonu gibi Kare yaptık!) */
.dataTables_wrapper .dataTables_paginate .paginate_button {
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
margin: 0 1px !important; /* Ekrana kusursuz sığması için boşluğu 1px'e indirdik */
padding: 0 !important;
width: 26px !important; /* MOBİL İÇİN KUSURSUZ GENİŞLİK */
height: 28px !important; /* MOBİL İÇİN KUSURSUZ YÜKSEKLİK */
font-size: 12px !important; /* Rakamların boyutu */
border-radius: 6px !important;
box-sizing: border-box !important;
line-height: 1 !important; /* Kırmızı arka planı bozan faktörü ezdik */
flex-shrink: 1 !important;
}
/* 5. Geri ve İleri Butonlarına Özel Ayar (Kelime sığsın diye genişlikleri serbest) */
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
width: auto !important;
min-width: 30px !important;
padding: 0 4px !important;
font-size: 11px !important; /* Metni biraz küçülttük ki ekranı yormasın */
flex-shrink: 0 !important; /* Yazılar asla kesilmesin/ezilmesin */
}
/* 6. Kırmızı Seçili Kutu */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background-color: #dc3545 !important;
color: #ffffff !important;
border: none !important;
box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3) !important;
}
#tablePrice {
min-width: 100% !important;
white-space: normal !important;
}
table.dataTable,
table.dataTable thead,
table.dataTable tbody,
table.dataTable th,
table.dataTable td,
table.dataTable tr {
display: block !important;
width: 100% !important;
}
table.dataTable thead {
display: none !important;
}
table.dataTable tbody tr {
margin-bottom: 15px !important;
border: 1px solid #eaeaea !important;
border-radius: 12px !important;
padding: 10px !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;
background-color: #fff;
}
table.dataTable tbody td {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
text-align: right !important;
padding: 12px 5px !important;
border-bottom: 1px solid #f8f9fa !important;
border-top: none !important;
}
table.dataTable tbody tr td:last-child {
border-bottom: none !important;
}
table.dataTable tbody td.text-left {
text-align: right !important;
}
table.dataTable tbody td::before {
font-weight: 600;
color: #495057;
font-size: 14px;
text-align: left;
}
table.dataTable tbody td::before {
content: attr(data-label);
font-weight: 600;
color: #495057;
font-size: 14px;
text-align: left;
}
}

/* kaynak: tr-domain-domain-transferi.html */
.section-banner.section-domain-bar {
background-image: url("../img/domain_transfer_background.webp");
}

/* kaynak: tr-domain-domain-transferi.html */
.section-counter { position: relative; padding: 60px 0 0; line-height: 1.2; color:var(--bs-white); text-align: center; background-color:var(--bs-dark); background-size: 80%; background-repeat: no-repeat; overflow: hidden; background-position: center;}
.section-counter .heading { margin-bottom: 30px; }
.section-counter .heading .h-title{ color: #fff; }
.section-counter .row { margin-bottom: 30px; }
.section-counter b { display: block; font-size: 38px; font-weight: 800; }
.section-counter span { display: block; font-size: 18px; font-weight: 800; color: var(--bs-dark-gray) }
.section-counter .world { width: 70%; opacity: .6; }
.section-domain-bar { padding: 20px 0; background-color: #fff; }
.section-domain-bar h1 { font-size: 24px; line-height: 1.3; font-weight: 700; }
.section-domain-bar .form-main { position: relative; }
.section-domain-bar .form-main .search-icon { position: absolute; left: 28px; top: 22px; z-index: 1; width: 16px; height: 16px; fill: rgb(77, 91, 104); }
.section-domain-bar .form-main .form-control { border-radius: 40px; padding-left: 58px; border: 1px solid var(--bs-dark); font-size: 18px; height: 60px; }
.section-domain-bar .form-main .btn { border-radius: 40px; height: 60px; font-size: 16px; padding: 0 20px; min-width: 120px; }
.section-domain-bar .form-main .btn span { margin-right: 4px; }
.exts { position: relative; display: flex; align-items: center; justify-content: flex-end; margin: 0 -5px;}
.exts .ext-item { position: relative; background: #fff; margin:0 5px; height: 60px; padding: 0 12px; font-weight:bold; border-radius: 40px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #e9e9e9; font-size:20px;}
.exts .ext-item img { height: 28px; }
.exts .ext-item span { font-size: 16px; font-weight: 600;}
.hosting-package .package-main .price { background-color: #fff; }
.hosting-package .package-detail { padding: 0 10px; }
.hosting-package .package-order { background-color: #fff; }
.hosting-package .package-main .price .list .item-price { opacity: .5; }
@media only screen and (max-width: 1200px){
.section-domain-bar h1 { font-size: 21px; }
.exts .ext-item { border-radius: 15px; }
.exts .ext-item img { height: 20px; }
.exts .ext-item span { font-size: 14px; }
.section-tabs { overflow: hidden; }
.section-tabs .tab-pane .row { flex-wrap: unset; width: 100%; margin-left: 0; }
.section-tabs .tab-pane .row .col { flex: 0 0 25%; width: 25%; }
.section-tabs .btn { min-width: 100%; }
}
@media only screen and (max-width: 767px){
.section-domain-bar { border-top: 1px solid #ccc; }
.section-domain-bar h1 { text-align: center; margin-bottom: 10px; }
.section-domain-bar .form-main { margin-bottom: 15px; }
.section-domain-bar .form-main .form-control { height: 42px; font-size: 12px; padding-left: 35px; }
.section-domain-bar .form-main .btn { height: 42px; font-size: 13px; min-width: 10px;}
.section-domain-bar .form-main .search-icon { left: 14px; top: 14px; }
.exts .ext-item { height: 42px; }
.exts .ext-item img { height: 28px; }
.exts .ext-item span { font-size: 16px; }
.section-counter { overflow: hidden; padding: 60px 0 0;}
.section-counter .heading { margin-bottom: 30px; }
.section-counter .heading .h-title{ font-size: 32px !important;}
.section-counter b { font-size: 24px; }
.section-counter span { font-size: 15px; }
.section-tabs .tab-pane .row { flex-wrap: wrap; width: 100%; }
.section-tabs .tab-pane .row .col { flex: 0 0 50%; width: 50%; }
.section-counter .world { width: 100%; }
}
#domain-price{
width: 100%;
display: block;
position: relative;
overflow: hidden;
}
.owl-carousel {
width: 100%;
z-index: 1;
}
.owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}

/* kaynak: tr-domain-icann-akreditasyon.html */
.section-banner.section-domain-bar {
background-image: url("../img/icann_akreditasyon_background.jpg");
}

/* kaynak: tr-domain-toplu-domain-sorgulama.html */
.section-banner.section-domain-bar {
background-image: url("../img/domain_sorgula.webp");
/*background-size: 100% auto !important;*/
/*background-position: top center !important;*/
/*background-repeat: no-repeat !important;*/
}
@media (min-width: 1900px) {
.section-banner.section-domain-bar {
background-size: 100% auto !important;
background-position: top center !important;
background-repeat: no-repeat !important;
}
}
#customDomainName {
/* örneğin: 5 x 25px satır yüksekliği */
max-height: 150px;
overflow-y: auto;
resize: none;
}
@media (max-width: 768px) {
#customDomainName {
/* Mobilde daha küçük bir maksimum yükseklik belirliyoruz */
max-height: 95px !important;
}
}

/* kaynak: tr-domain-toplu-domain-sorgulama.html */
.auto-expand-input::placeholder {
font-size: 13px;
line-height: 1.5;
}
.auto-expand-input {
resize: vertical;
overflow-y: auto;
min-height: 55px;
max-height: 220px;
padding-top: 15px !important;
line-height: 1.5;
scrollbar-width: none;
-ms-overflow-style: none;
}
.auto-expand-input::-webkit-scrollbar {
display: none;
}

/* kaynak: tr-domain-tr-domain-kayit.html */
.section-banner.section-domain-bar {
background-image: url("../tld_background/tld_default.webp");
}
.tr-promo-obj {
max-width: 200px;
width: 100%;
height: auto;
filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.15));
transition: transform 0.3s ease;
}
.tr-promo-obj:hover {
transform: translateY(-8px);
}

/* kaynak: tr-domain-trabis-kayit-kurulusu.html */
.section-banner.section-domain-bar {
background-image: url("../img/trabis_background.jpg");
}
.trabis-hero-obj {
max-width: 200px;
width: 100%;
height: auto;
filter: drop-shadow(0 15px 25px rgba(0,0,0,0.15));
transition: transform 0.3s ease;
}
.trabis-hero-obj:hover {
transform: translateY(-8px);
}

/* kaynak: tr-domain-whois-sorgulama.html */
.section-banner.section-domain-bar {
background-image: url("../img/domain-whois-background.webp");
}

/* kaynak: tr-domain-whois-sorgulama.html */
/*.base64 {*/
/*    background-image: none*/
/*}*/
/*background-repeat: no-repeat;*/
/*background-position: center;*/
/*background-size: cover;*/

/* kaynak: tr-domain-yapay-zeka-domain-olusturucu.html */
/* Sütunların dışına taşan okların kesilmesini engeller */
.sh-steps-row {
overflow: visible !important;
}
.sh-step-col {
position: relative;
margin-bottom: 2.5rem; /* Mobilde alt alta binerken oklara yer açar */
}
/* Okların Ana Yapısı */
.sh-step-arrow {
position: absolute;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
color: #28a745;
}
/* MOBİL GÖRÜNÜM (Varsayılan) - Ok Aşağı Bakar */
.sh-step-arrow {
bottom: -2rem; /* Küçülen kutulara göre mesafeyi kısalttık */
left: 50%;
transform: translateX(-50%) rotate(90deg);
}
/* MASAÜSTÜ GÖRÜNÜM (Tablet ve üzeri) - Ok Sağa Bakar */
@media (min-width: 768px) {
.sh-step-col {
margin-bottom: 0;
}
.sh-step-arrow {
top: 50%;
right: -8px;
bottom: auto;
left: auto;
transform: translate(50%, -50%) rotate(0deg);
z-index: 3;
}
}

/* kaynak: tr-domain-yapay-zeka-domain-olusturucu.html */
.section-banner.section-domain-bar {
background-image: url("../img/domain_ai_arkaplan.png");
}

/* kaynak: tr-finansal-ve-ticari-bilgiler.html */
.section-banks { padding: 50px 0; }
.bank-info { background: #fff7e6; border-radius: 10px; border: 1px solid #f1e4ca; padding: 20px; margin-bottom: 30px; }
.bank-info div { font-weight: 600;}
.bank-info ul { list-style-type: circle; margin-left: 2rem; line-height: 1; }
.bank-info ul li { margin: 8px 0; }
.bank-info ul li span { font-weight: 600;}
.bank-account { margin-bottom: 30px;}
.bank-account h3 { font-size: 20px; font-weight: 700; margin: 10px 0 10px}
.bank-item .iban {  position:relative; background: #fff; font-size: 16px; line-height: 1.4; padding: 15px;border: 1px solid #485e9029; border-radius: 10px; }
.bank-item .iban img { position: absolute; right: 20px; top: 20px; padding: 15px; height: 80px; display: block; border-radius: 10px; border: 1px solid #485e9029; }
.bank-item .iban .bk1 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: var(--bs-danger);}
.bank-item .iban .bk2 { font-size: 16px; line-height: 1.3; margin-bottom: 5px;}
.bank-item .iban .bk2 b { display: inline-block; width: 140px; }
.trade-info { background: #fff; padding: 20px 15px;border: 1px solid #485e9029; border-radius: 10px; }
.trade-info ul li { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; font-size: 16px; line-height: 1.3; padding: 7px 0; }
.trade-info ul li:first-child { font-size: 18px; font-weight: 700; }
.trade-info ul li b { flex: 0 0 130px; }
.trade-info ul li span { flex: 0 0 calc(100% - 130px); }
@media only screen and (max-width: 1200px){
.trade-info ul li { flex-direction: column; }
.trade-info ul li b { flex: 0; }
}
@media only screen and (max-width: 767px){
.trade-info { margin-bottom: 30px; }
.bank-item .iban img { position: relative; top: unset; right: unset; margin-bottom: 15px; }
}

/* kaynak: tr-hakkimizda.html */
.section-about1 { padding: 60px 0; background-color: #fff; }
.section-about1 h2 { font-size: 28px; font-weight: 800; margin-bottom: 10px; }
.section-about1 p { font-size: 18px; line-height: 1.5; margin: 0 0 17px; text-align: justify; }
.section-about1 img { width: 100%; }
.section-about2 { padding: 60px 0 20px;  }
.section-about2 h2 { font-size: 32px; font-weight: 700; }
.section-about2 p { font-size: 22px; line-height: 1.5; margin: 5px 0 0 }
.section-about2 ul { position: relative; padding-left: 30px; }
.section-about2 ul:before { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 2px; background-color: #cbcbcb; }
.section-about2 ul li { position: relative; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; padding: 0 0 40px; }
.section-about2 ul li:before { position: absolute; left: -38px; top: 11px; content: ''; height: 18px; width: 18px; border-radius: 50%; background-color: var(--bs-danger); }
.section-about2 ul li b { font-size: 20px; font-weight: 700; }
.section-about2 ul li span { font-size: 18px; font-weight: 300; }
.section-about2 img { height: 60px; margin-bottom: 10px; }
.section-about3 { padding: 50px 0;  }
.section-about3 h3 { font-size: 20px; font-weight: 700; margin-bottom: 5px; }
.section-about3 p { font-size: 16px; line-height: 1.5; }
.section-about3 img { height: 96px; }
.section-about4 { padding: 50px 0; }
.section-about4 h2 { font-size: 32px; font-weight: 800; }
.section-about4 p { font-size: 18px; line-height: 1.5; }
.section-about4 .btn { margin-top: 15px; min-width: 120px; }
.section-about4 img { width: 100%; }
.section-about5 { padding: 50px 0; }
.section-about5 .main-bg { background-color: var(--bs-dark); padding: 60px 90px; border-radius: 160px; }
.section-about5 .main-bg h3 { font-size: 32px; font-weight: 600; color: #fff; }
.section-about5 .main-bg .btn { height: 52px; font-size: 18px; }
.section-about6 { padding: 0 0 60px;}
.section-about6 .col-lg-2 { display: flex; align-items: center; justify-content: center; }
.section-about6 img { max-height: 40px; max-width: 100%; }
@media only screen and (max-width: 767px){
.section-about5 .main-bg { padding: 30px; text-align: center; border-radius: 40px; }
.section-about5 .main-bg h3 { font-size: 28px; margin-bottom: 15px; }
.section-about2 .col-lg-4 { margin-bottom: 30px; text-align: center; }
.section-about2 .align-items-start { align-items: center; }
.section-about3 { text-align: center; }
.section-about3 .col-lg-4 { margin: 15px 0; }
.section-about4 { text-align: center; }
.section-about4 img { margin-top: 30px; }
.section-about4 .align-items-start { align-items: center; }
.section-about6 img { height: 30px; margin: 15px 0; }
}

/* kaynak: tr-home.html */
.home-banner{height:500px}#home-banner .item{position:relative;overflow:hidden;height:500px;background-color:#1b1b20}#home-banner .item .container,#home-banner .item .row{position:relative;height:100%}#home-banner .item .slide-text{position:relative;z-index:1;color:#fff;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;overflow:hidden;height:100%;width:100%;padding:40px 10px;border-radius:10px}#home-banner .item .slide-text .sub-title2,#home-banner .item .slide-text b{font-size:42px;line-height:1.3;font-weight:800}#home-banner .item .slide-text .sub-title1{font-size:22px;line-height:1.3;font-weight:600;color:#fd686b}#home-banner .item .slide-text .desc-price{font-size:24px;line-height:1.3;margin-top:15px}#home-banner .item .slide-text .desc-price>strong{font-weight:800}#home-banner .item .slide-text .desc-km{font-size:16px;font-weight:500;margin-top:15px}#home-banner .item .slide-text .actions{display:flex;align-items:center;justify-content:flex-start;transition:transform 150ms ease-in-out;margin-top:30px}#home-banner .item .slide-text .actions .a-price{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;font-size:16px;line-height:1.3;margin-left:15px}#home-banner .owl-dots,#home-banner .owl-nav{position:absolute;bottom:20px;align-items:center;display:flex}#home-banner .item .slide-text .actions .a-price>b{font-size:15px;font-weight:300;margin:0}#home-banner .item .slide-text .actions .a-price>span{font-size:26px;color:#fff;font-weight:600}#home-banner .item .slide-text .btn{padding:0 25px;font-size:16px}#home-banner .item .slide-text .btn>img{width:25px;height:25px;margin-left:5px}#home-banner .item .slide-bg-img{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;object-fit:cover}#home-banner .item .slide-bg-right-img{position:absolute;right:0;top:0;z-index:0;width:100%;height:100%;object-fit:cover}#home-banner .item .slide-img{max-height:500px;width:auto;object-fit:contain}#home-banner .owl-dots{right:0;left:0;justify-content:center}#home-banner .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s}#home-banner .owl-dots .owl-dot.active span,#home-banner .owl-dots .owl-dot:hover span{background:#869791}#home-banner .owl-nav{right:40px;z-index:1;justify-content:center}#home-banner .owl-nav button{background:#fff;color:#000;border-radius:50%;width:42px;height:42px;line-height:1;display:flex;align-items:center;justify-content:center;font-size:2rem;overflow:hidden;margin:0 2px}#home-banner .owl-nav button span{line-height:1;height:39px}#home-banner .owl-nav button:hover{background:#d7261e;color:#fff}@media only screen and (max-width:992px){#home-banner .item .slide-text{width:100%}#home-banner .item .slide-text .sub-title2,#home-banner .item .slide-text b{font-size:32px}#home-banner .item .slide-text .desc-price{font-size:18px;margin-top:5px}#home-banner .item .slide-text .actions{margin-top:10px}#home-banner .item .slide-img{position:relative;top:-50px;max-height:100%!important;width:100%}}
.exts,.exts .ext-item{position:relative;display:flex}.section-counter{position:relative;padding:60px 0 0;line-height:1.2;color:var(--bs-white);text-align:center;background-color:var(--bs-dark);background-size:80%;background-repeat:no-repeat;overflow:hidden;background-position:center}.hosting-package .package-main .price,.hosting-package .package-order,.section-domain-bar{background-color:#fff}
.section-counter .heading,.section-counter .row{margin-bottom:30px}.section-counter .heading .h-title{color:#fff}.section-counter b{display:block;font-size:38px;font-weight:800}.section-counter span{display:block;font-size:18px;font-weight:800}.section-counter .world{width:70%;opacity:.6}.section-domain-bar{padding:20px 0}.section-domain-bar h1{font-size:22px;line-height:1.3;font-weight:700}.section-domain-bar .form-main{position:relative}.section-domain-bar .form-main .search-icon{position:absolute;left:28px;top:22px;z-index:1;width:16px;height:16px;fill:rgb(77,91,104)}.section-domain-bar .form-main .form-control{border-radius:40px;padding-left:58px;border:1px solid var(--bs-dark);font-size:18px;height:60px}.section-domain-bar .form-main .btn{border-radius:40px;height:60px;font-size:16px;padding:0 20px;min-width:120px}.section-domain-bar .form-main .btn span{margin-right:4px}.exts{align-items:center;justify-content:flex-end;margin:0 -5px}.exts .ext-item{background:#fff;margin:0 5px;height:60px;padding:0 12px;font-weight:700;border-radius:40px;align-items:center;justify-content:space-between;border:1px solid #e9e9e9;font-size:20px}.exts .ext-item img{height:28px}.exts .ext-item span{font-size:16px;font-weight:600}
.hosting-package .package-detail{padding:0 10px; min-height: 96px;}@media only screen and (max-width:1200px){.section-domain-bar h1{font-size:21px}.exts .ext-item{border-radius:15px}.exts .ext-item img{height:20px}.exts .ext-item span{font-size:14px}.section-tabs{overflow:hidden}.section-tabs .tab-pane .row{flex-wrap:unset;width:100%;margin-left:0}.section-tabs .tab-pane .row .col{flex:0 0 25%;width:25%}.section-tabs .btn{min-width:100%}}@media only screen and (max-width:992px){#home-banner .item .slide-text .actions,.section-domain-bar .form-main{margin-bottom:15px}.section-domain-bar{border-top:1px solid #ccc}.section-domain-bar h1{text-align:center;margin-bottom:10px}.section-domain-bar .form-main .form-control{height:42px;font-size:12px;padding-left:35px}.section-domain-bar .form-main .btn{height:42px;font-size:13px;min-width:10px}.section-domain-bar .form-main .search-icon{left:14px;top:14px}.exts .ext-item{height:42px}.exts .ext-item img{height:28px}.exts .ext-item span{font-size:16px}.section-counter{overflow:hidden;padding:60px 0 0}.section-counter .heading{margin-bottom:30px}.section-counter .heading .h-title{font-size:32px!important}.section-counter b{font-size:24px}.section-counter span{font-size:15px}.section-tabs .tab-pane .row{flex-wrap:wrap;width:100%}.section-tabs .tab-pane .row .col{flex:0 0 50%;width:50%}.section-counter .world{width:100%}#k11{margin-top:55px}}
.hosting-package {
position: relative;background-color: #fff;
min-height: 380px;
border-radius: 10px;-webkit-box-shadow: 0 1px 1px rgba(44,50,66,.06), 0 8px 8px rgba(44,50,66,.01);-moz-box-shadow: 0 1px 1px rgba(44,50,66,.06),0 8px 8px rgba(44,50,66,.01);box-shadow: 0 1px 1px rgba(44,50,66,.06), 0 8px 8px rgba(44,50,66,.01);transition: all .2s ease-in-out;
}
.hosting-package .best-level {z-index: 1;top: -25px;width: 100%;}
.hosting-package .package-main {position: relative;background-color: #ededed;}
.hosting-package .package-main .icon {position: relative;display: flex;align-items: center;justify-content: center;height: 60px;padding: 20px;background-color: var(--bs-dark);border-radius: 10px 10px 0 0;}
.hosting-package .package-main .icon>.x {display: flex;align-items: center;justify-content: center;margin-right: 10px;}
.hosting-package .package-main .icon>.x>svg {width: 24px;height: 24px;fill: var(--bs-white);}.hosting-package .package-main .icon>.x>img {width: 24px;height: 24px;}
.hosting-package .package-main .icon>.y {font-size: 18px;font-weight: 800;color: white;text-align: center;line-height: 1.3;letter-spacing: 1px;}
.hosting-package .package-main .title {font-size: 18px;font-weight: 800;padding: 16px 24px 0;display: none;}
.hosting-package .package-main .desc {font-size: 14px;line-height: 1.4;color: var(--bs-dark-gray);padding: 20px 24px 0;text-align: center;}
.hosting-package .package-main .price {
position: relative;
font-size: 15px;padding: 18px 24px 0;display:
flex;align-items: center;justify-content: center;
flex-direction: column;
}
.hosting-package .package-main .price>small {display: block;font-size: 15px;color:#767676;}
.hosting-package .package-main .price .list sub {font-size: 18px;color:#767676;text-decoration: line-through;}
.hosting-package .package-main .price .market {font-size: 56px;line-height: 1;font-weight: 900;padding-left: 15px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row;flex-flow: row;justify-content: center;}
.hosting-package .package-main .price .market span {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row;flex-flow: row;justify-content: center;}
.hosting-package .package-main .price .market sub {color: #242736;font-size: 16px;font-weight: 500;bottom: 0;top: 14px;left: 10px;height: -webkit-max-content;height: -moz-max-content;height: max-content;}
.hosting-package .package-main .price .market sup {display: flex;font-size: 28px;top: -10px;left: -20px;height: -webkit-max-content;height: -moz-max-content;height: max-content;}
.hosting-package .package-main .price .market sup > small {font-size: 28px;font-weight: 600;margin-left: 3px;}
.hosting-package .package-main .price .market2 .item-price {display: flex;align-items: flex-start;justify-content: flex-start;line-height: 1;}
.hosting-package .package-main .price .market2 .item-price>span:nth-child(1) {display: flex;align-items: flex-start;justify-content: center;line-height: 1;}
.hosting-package .package-main .price .market2 .item-price>span:nth-child(1)>span:nth-child(1) {position: relative;top: 6px;font-size: 28px;font-weight: 600;line-height: 1;}
/* Fiyat kapsayıcısına sabit dikey alan */
.hosting-package .package-main .price {
height: 125px; /* Başlangıç Fiyatı + Fiyat Rakamı alanı için yer ayırın */
display: flex;
flex-direction: column;
justify-content: flex-start;
}
/* Büyük rakamlar */
.package-price-big { font-size: 56px;font-weight: 800;line-height: 1;}
.package-currency-symbol { font-size: 28px; font-weight: 600;align-self: flex-start; margin-top: 8px; }
.package-price-details {display: flex;flex-direction: column;line-height: 1; margin-left: 2px;  }
.package-precision {
font-size: 28px;
font-weight: 800;
}
.package-term { font-size: 14px; font-weight: 300;}
.hosting-package .package-main .price .market2 {height: 64px; margin-top: 10px;}
.section-tabs .tab-content { min-height: 360px;display: block;overflow: visible;}
@media (max-width: 992px) {.section-tabs .tab-content { min-height: 750px; } }
.hosting-package .package-main .icon {height: 60px;overflow: hidden; }
#home-banner .item .slide-img {
max-height: 400px;
width: 100%;
max-width: 600px;
height: auto;
object-fit: contain;
aspect-ratio: 600 / 400;
display: block;
}
#home-banner .item .slide-text .actions .a-price {
min-height: 64px; /* Fiyat ve alt başlığın toplam yüksekliği */
justify-content: center;
}
#home-banner .item:not(:first-child) {
display: none;
}
#home-banner.owl-carousel {
display: block; /* owl-loaded sınıfı gelmeden önce de blok kalsın */
}
#home-banner.owl-carousel:not(.owl-loaded) {
max-height: 500px;
overflow: hidden;
}
@media only screen and (max-width: 992px) {
#home-banner, .home-banner, #home-banner .item {
height: auto; /* Mobilde içeriğin sığması için esneklik */
min-height: 600px; /* Alanın aniden daralmasını önler */
}
#home-banner .item .slide-text {
height: auto;
padding: 30px 15px;
text-align: center;
align-items: center; /* Mobilde metinleri ortalamak daha şık durur */
}
#home-banner .item .slide-img {
position: relative;
top: 0; /* Negatif değeri kaldırın */
margin-top: 10px;
max-height: 300px !important; /* Mobilde daha makul bir boyut */
aspect-ratio: 600 / 400;
}
#home-banner .item .slide-text .actions {
justify-content: center; /* Metinler ortalandıysa butonlar da ortalanmalı */
}
}
.tabs3 .nav-tabs {
min-height: 75px;
}
.section-tabs .h-title {
font-size: 30px;
font-weight: 700;
line-height: 1.4;
margin: 0 0 10px;
color: #5d5c69;
}
.section-tabs .h-desc {
font-size: 20px;
font-weight: 300;
margin: 0;
color: #5d5c69;
}
.hosting-package .package-detail ul {
margin: 0;
padding: 1px 0; /* İç boşluğu sabitleyin */
list-style: none; /* Standart noktalar kaymaya neden olabilir */
}
.hosting-package .package-detail ul li {
font-size: 14px;
line-height: 24px;
min-height: 24px; /* Sabit değil, minimum yükseklik */
margin-bottom: 0px; /* Maddeler arası boşluğu sabitleyin */
height: auto; /* Taşmaya izin ver ama alanı rezerve et */
}
.heading {
contain: layout; /* Bu elementin içindeki değişimlerin dışarıyı etkilemesini önler */
min-height: 55px; /* Başlık ve açıklama için net bir alan ayırın */
}
.hosting-package {
height: 380px; /* Paket kutusunun toplam boyunu sabitleyin */
display: flex;
flex-direction: column;
}
.hosting-package .package-main {
flex: 0 0 185px; /* İkon + Fiyat alanı için değişmez yükseklik */
}
.hosting-package .package-detail {
flex: 1; /* Liste içeriği kalan boşluğu doldurur */
min-height: 120px;
}
.hosting-package .package-order {
flex: 0 0 70px; /* Butonun olduğu alanın yüksekliğini sabitleyin */
}
.section-tabs .tab-content {
min-height: 415px; /* Paketlerin toplam yüksekliği kadar yer ayırın */
display: block;
}
/* Mobilde paketler alt alta bindiği için bu değer daha yüksek olmalı */
@media (max-width: 992px) {
.section-tabs .tab-content {
min-height: 960px;
}
}
.hosting-package .package-main .price .market2 {
height: 64px; /* Fiyat rakamlarının dikeyde kaplayacağı alanı sabitleyin */
overflow: hidden;
display: flex;
align-items: baseline;
justify-content: center;
}
.package-price-big {
line-height: 56px; /* Font yüklenene kadar bu yüksekliği korur */
}
.section-tabs {
padding: 20px 0;
min-height: 680px;
}
.section-tabs .heading {
margin-bottom: 0px;
}
.section-features {
padding: 10px 0;
}

/* kaynak: tr-home.html */
#home-banner .item {
height: initial;
width: 103%;
}

/* kaynak: tr-home.html */
.carousel-control-next, .carousel-control-prev {
width: 7%;
}
.carousel-caption {
top: 34%;
transform: translateY(-50%);
position: absolute;
right: 50%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
width:25%;
}
.carousel-caption h2 {
margin-bottom: 1.5rem !important;
font-size:45px;
line-height: 1.25;
font-weight: 700;
text-align: left;
}
.carousel-caption p {
font-size:1.125rem;
line-height: 1.5em;
font-weight: 400;
text-align: left;
}
.carousel-caption ul {
text-align: left;
font-weight: 500;
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.carousel-caption ul li {
margin-bottom: .5rem !important;
}
@media(max-width:1900px){
.carousel-caption { 
left: 10%; 
}
}
@media(max-width:1200px){
.carousel-caption { 
top: 40%;
/*max-width:430px;*/
width: 32%;
left: 10%; 
}
.carousel-caption h2 {
font-size:25px;
margin-bottom: 1rem !important;
}
.carousel-caption p {
font-size:0.9rem;
line-height: 1.4em;
text-align: left;
font-weight: 500;
}
.carousel-caption ul {
text-align: left;
font-weight: 500;
margin-top: 1.5rem !important;
margin-bottom: 0.1rem !important;
}
.carousel-caption ul li{
margin-bottom: .6rem !important;
}
}
/*Tablet*/
@media(max-width:992px){
.carousel-caption {
top: 40%;
/*max-width:430px;*/
width: 32%;
}
.carousel-caption h2 {
font-size:25px;
margin-bottom: 0.3rem !important;
}
.carousel-caption p {
font-size:0.9rem;
line-height: 1.4em;
font-weight: 400;
text-align: left;
}
.carousel-caption ul {
text-align: left;
font-weight: 400;
margin-top: 0.5rem !important;
margin-bottom: 0.1rem !important;
}
.carousel-caption ul li{
margin-bottom: .2rem !important;
}
}
/*Mobile*/
@media(max-width:768px){
.carousel-caption {
top: 40%;
/*max-width:430px;*/
width: 80%;
}
.carousel-caption h2 {
font-size:25px;
margin-bottom: 1.3rem !important;
}
.carousel-caption p {
font-size:1rem;
line-height: 1.4em;
font-weight: 500;
text-align: left;
}
.carousel-caption ul {
text-align: left; font-weight: 200;
margin-top: 1.25rem !important;
margin-bottom: 0.25rem !important;
}
.carousel-caption ul li{
margin-bottom: .5rem !important;
line-height: 1.5em;
font-weight: 500;
}
}
/*Mobile*/
@media(max-width:576px){
.carousel-caption {
top: 40%;
/*max-width:430px;*/
width: 80%;
}
.carousel-caption h2 {
font-size:25px;
margin-bottom: 1.3rem !important;
}
.carousel-caption p {
font-size:0.9rem;
line-height: 1.4em;
font-weight: 500;
text-align: left;
}
.carousel-caption ul {
text-align: left;
font-weight: 200;
margin-top: 1.5rem !important;
margin-bottom: 0.25rem !important;
}
.carousel-caption ul li{
margin-bottom: .5rem !important;
}
}

/* kaynak: tr-home.html */
#campaign-modal .modal-header .close {
display: none !important;
}

/* kaynak: tr-hosting.html */
.section-title { font-weight: 800;  font-size: 1.75rem; }
.btn-nav {
width: 35px; height: 35px; border-radius: 8px; border: 1px solid #eee;
background: #fff; color: #333; transition: all 0.2s; font-size: 0.8rem;
}
.btn-nav:hover { background: #f8f9fa; border-color: #ddd; }
.testimonial-card {
background: white;
border-radius: 24px;
padding: 40px 30px;
position: relative;
height: 100%;
box-shadow: 0 10px 30px rgba(0,0,0,0.03);
border: 1px solid rgba(0,0,0,0.05);
display: flex;
flex-direction: column;
transition: transform 0.3s ease;
}
.testimonial-comment {
display: block;
overflow: visible;
height: auto;
line-height: 1.6;
margin-bottom: 20px;
color: #555;
}
@media (min-width: 992px) {
.testimonial-comment {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
min-height: 130px;
}
.testimonial-item:hover .testimonial-comment {
-webkit-line-clamp: unset;
overflow: visible;
}
}
.testimonial-card:hover { transform: translateY(-5px); }
.testimonial-card {
display: flex;
flex-direction: column;
height: 100%;
min-height: 350px;
padding: 30px;
background: #fff;
border-radius: 20px;
position: relative;
}
.quote-top {
font-size: 24px;
color: #333;
margin-bottom: 15px;
display: block;
}
.testimonial-text {
color: #666;
line-height: 1.6;
}
.testimonial-content {
display: flex;
flex-direction: column;
flex: 1;
}
.card-footer-custom {
margin-top: auto;
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 20px;
border-top: 1px solid #f0f0f0;
}
.stars {
color: #ffc107;
font-size: 0.9rem;
}
.score {
font-weight: 800;
color: #333;
margin-left: 8px;
}
.quote-bottom-icon {
font-size: 32px;
color: #333;
opacity: 0.9;
}
.user-info {margin-bottom: 25px; }
.user-info h6 { font-weight: 700; margin-bottom: 2px; color: #333; font-size: 0.95rem; }
.user-info a { font-size: 0.85rem; color: #7a569a; text-decoration: none; }
@media (max-width: 768px) {
.testimonial-card { padding: 30px 20px; }
.section-title { font-size: 1.4rem; }
}
/*overflow: hidden;*/
/*width: 100%;*/
/*}*/
.testimonial-track {
display: flex;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.testimonial-item {
flex: 0 0 100%; /* Mobil: 1 adet */
padding: 0 10px;
}
@media (min-width: 992px) {
.testimonial-item {
flex: 0 0 33.333%; /* PC: 3 adet */
}
}
.transition-custom {
transition: transform 0.5s ease-in-out;
}
.testimonial-wrapper {
cursor: grab;
user-select: none;
-webkit-user-drag: none;
}
.testimonial-wrapper:active {
cursor: grabbing;
}

/* kaynak: tr-iletisim.html */
/* region Contact */
.contact-map-section { height: 300px; overflow: hidden; background-color: var(--bs-light-gray); }
.contact-section { padding: 60px 0;}
.contact-section h2 { font-size: 32px; font-weight: 700; margin: 0 0 15px; }
.contact-section .contact-form-box { padding: 20px 40px; color: var(--bs-dark);border: 1px solid #485e9029; background-color: #fff; border-radius: 6px; }
.contact-section .contact-form-box .form-group { margin-bottom: 15px; }
.contact-section .contact-form-box .text-right { text-align: right; }
.contact-section .contact-form-box .btn { min-width: 160px; }
.contact-section .contact-text-box p { margin-bottom: 20px; font-size: 16px; color: var(--bs-dark); }
.contact-section .contact-text-box p>b { display: block; margin-bottom: 5px; }
.contact-section .contact-text-box p>a { font-weight: 600; color: var(--bs-dark); }
.address-item {  margin-bottom: 30px; padding: 20px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.4s; transition: 0.4s; }
.address-item .adr-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.address-item .adr-title h3 { font-size: 20px; font-weight: 700; line-height: 1; margin: 0; }
.address-item .adr-body p { display: flex; align-items: center; justify-content: flex-start; line-height: 1.4; font-size: 16px; margin: 0 0 10px; }
.address-item .adr-body span { flex: 0 0 80px; font-weight: 400;  }
.address-item .adr-lat { display: flex; align-items: center; justify-content: flex-start; margin-top: 40px; font-weight: 400; }
.address-item .adr-lat a { color: var(--bs-primary) }
.address-item .adr-lat svg { width: 24px; height: 24px; margin-right: 6px; fill: var(--bs-primary) }
/* endregion */

/* kaynak: tr-isp-manager-lisans.html */
.hosting-package .package-main .icon>.y { font-size: 14px; font-weight: 600; }
.hosting-package .package-main .price { zoom:85%; }
.hosting-package .package-order { padding-top: 10px; }
.section-panel { padding: 30px 0; background-color: var(--bs-dark); color: #fff; }
.section-panel h3 { font-size: 28px; font-weight: 800; margin: 0; }
.section-panel p { font-size: 18px; line-height: 1.4; color: #8e8e8e; }
.section-panel-img { background-color: #fff; text-align: center; }
@media only screen and (max-width: 1200px){
.section-panel-img img { width: 100%; }
}
@media only screen and (max-width: 767px){
.best-level { padding: 0 0; }
.hosting-package .package-main .icon { padding: 50px; }
}
.duz-cerceve {
border: 2px solid #4f4f4f;
width: 100%;
height: 100%;
background-color: #f2f1d4;
}
.section-banner .banner-text ul li {
width: 100%;
background-color: #f6f6f7;
}

/* kaynak: tr-ispmanager-cloud-server.html */
.section-features .feature-box img {
height: 70px;
}
.comparison__table .item__detail .item__row .column-left {
width: 25%;
}
.comparison__table .item__detail .item__row .column-right {
width: 75%;
}
.comparison__table .item__header .item__row .column-right {
width: 75%;
}
.comparison__table .item__header .item__row .column-right .column {
width: 20%;
}
.comparison__table .item__detail .item__row .column-right .column {
width: 20%;
}
.col.os {
flex: 1.5 0 0;
text-align: center;
align-items:center;
}
.package-item>.price small { margin-bottom: 0.3rem;}
@media only screen and (max-width: 1200px) {
.section-hosting .row {
flex-wrap: wrap;
} }
#dikkatKampanya {
font-size: 1.1rem;
animation: color-change 1s infinite;
}
@keyframes color-change {
0% {
color: white;
}
50% {
color: #d7261e;
}
100% {
color: white;
}
}
@media(max-width: 576px){
.os-item{
max-width: 90px;
}
}
.campaign-text {
display: flex;               /* justify-content çalışsın */
flex-direction: column;      /* dikey hizalama */
justify-content: flex-start; /* üstten başlat */
padding: 1rem;
}
/* Mobilde sabit yükseklik kullanma */
@media (max-width: 991.98px) {
.campaign-text {
height: auto;
}
}
.sub2{
font-size:2.25rem;
font-weight: 700;
line-height: 1.3;
}
.text2{
font-size: 1.125rem;
font-weight: 400;
line-height: 1.5;
}

/* kaynak: tr-kampanyalar.html */
.campaign-content {
background-color: #ffffff;
border-radius: 20px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
overflow: hidden;
margin-bottom: 30px;
transition: transform 0.3s, box-shadow 0.3s;
position: relative;
}
.campaign-content:hover {
transform: translateY(-10px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.imgbox img {
width: 100%;
height: 250px;
object-fit: cover;
border-bottom: 3px solid #FF0000;
}
.timer {
position: absolute;
top: 10px;
left: 10px;
background: #FF0000;
color: #ffffff;
padding: 5px 10px;
border-radius: 5px;
font-size: 0.9rem;
}
.contentbox {
padding: 25px;
text-align: center;
}
.contentbox p {
font-size: 1.2rem;
color: #495057;
margin-bottom: 20px;
}
.contentbox a {
text-decoration: none;
color: #ffffff;
background-color: #FF0000;
padding: 10px 20px;
border-radius: 30px;
font-weight: bold;
transition: background-color 0.3s;
}
.contentbox a:hover {
background-color: #FF0000;
}
.nav-tabs .nav-link.active {
background-color: #FF0000;
color: #fff;
border: none;
border-radius: 10px;
}
.nav-tabs .nav-link {
color: #000000;
border-radius: 10px;
}
.nav-tabs .nav-link:hover {
color: #FF0000;
background-color: #e9ecef;
}

/* kaynak: tr-kotuye-kullanim-bildirme.html */
.footer { padding-top: 60px; }
.footer:before { display: none; }

/* kaynak: tr-kotuye-kullanim-bildirme.html */
.section-login { padding: 60px 0; }
.section-login .loginbox { padding: 30px; background-color: #fff; border-radius: 6px; border: 1px solid #485e9029; }
.section-login .loginbox h1 { font-size: 24px; font-weight: 600; }
.section-login .loginbox h2 { font-size: 16px; font-weight: 600; }
.section-login .loginbox p { font-size: 16px; color: var(--bs-dark-gray); margin-bottom: 20px; }
.section-login .loginbox .form-group { margin-bottom: 15px; }
.section-login .loginbox .btn { width: 100%; }
.section-login .loginbox label { display: flex; width: 100%; justify-content: space-between; padding-bottom: 5px; }
.section-login .loginbox label a { font-size: 13px; color: var(--bs-primary) }
.section-login .loginbox .or { position: relative; display: flex; -webkit-box-align: center; align-items: center; text-transform: uppercase; color: rgb(131, 146, 165); font-size: 12px; font-weight: 500; letter-spacing: 0.5px; margin: 30px 0 15px; }
.section-login .loginbox .or::after,
.section-login .loginbox .or::before { content: ""; display: block; flex: 1 1 0%; height: 1px; background-color: rgb(229, 233, 242); }
.section-login .loginbox .or::before { margin-right: 10px; }
.section-login .loginbox .or::after { margin-left: 10px; }
.section-login .loginbox .reg-link { padding: 10px 0; font-size: 18px; text-align: center; }
.section-login .loginbox .reg-link a { font-weight: 600; color: var(--bs-primary); }
@media only screen and (max-width: 767px){
.section-login img { margin-bottom: 30px; }
}

/* kaynak: tr-linux-hosting.html */
.row {
display: flex;
flex-wrap: wrap;
margin-top: 0;
margin-right: -15px;
margin-left: -15px;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.comparison__table .item__detail .item__row .column-left { width: 25%; }
.comparison__table .item__detail .item__row .column-right { width: 75%; }
.comparison__table .item__header .item__row .column-right { width: 75%; }
.comparison__table .item__header .item__row .column-right .column { width: 25%; }
.comparison__table .item__detail .item__row .column-right .column { width: 25%; }
.section-banner { position: relative;  overflow: hidden;  }
.section-banner .banner-text { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; height: 400px; color: var(--bs-dark);  }
.section-banner .banner-text h1 { font-size: 1.25rem; font-weight: 500; color: var(--bs-danger); line-height: 1.3; margin: 0 0 5px; }
.section-banner .banner-text p { font-size: 1.25rem; margin: 0; font-weight: 400; }
.section-banner .banner-text .sub1 { font-size: 2.25rem; font-weight: 700; line-height: 1.3; margin: 0; }
.section-banner .banner-text ul { font-size: 1.25rem; font-weight: 400; width: 100%; margin: 15px 0 0; display: flex; align-items: center; flex-wrap: wrap;}
.section-banner .banner-text ul li { display: flex; align-items: center; justify-content: flex-start; width: 50%; padding: 5px 0; }
.section-banner .banner-text ul li svg { height: 1.25rem; margin-right: 4px; fill: var(--bs-dark); }
.section-banner .banner-text .banner-buttons { display: flex; margin-top: 20px }
.section-banner .banner-text .banner-buttons .btn { min-width: 140px; padding: 0 25px; }
.section-banner .banner-text .banner-buttons .btn + .btn { margin-left: 15px; }
.section-banner .banner-img { position: relative; display: flex; align-items: center; justify-content: center; }
.section-banner .banner-img img {  max-width: 100%; max-height: 400px; width: auto; height: auto; display: block;}

/* kaynak: tr-linux-hosting.html */
.tab-pane .section-hosting{
padding: 20px 0 20px !important;
}
.btn:focus {
box-shadow: 0 0 0 0.25rem rgb(6 30 64 / 50%);
}
.premium-toggle-wrapper {
background-color: #eef2f5;
border-radius: 60px;
padding: 8px;
display: inline-flex;
box-shadow: inset 0 2px 5px rgba(0,0,0,0.08);
border: 1px solid #e1e5e9;
position: relative;
}
.premium-toggle-btn {
border-radius: 50px !important;
color: #6c757d;
font-weight: 700;
font-size: 15px;
padding: 14px 36px !important;
transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
border: none !important;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
position: relative;
}
.premium-toggle-btn:hover {
color: #2b3035;
}
.premium-toggle-btn i {
font-size: 18px;
transition: color 0.3s ease;
}
.premium-toggle-btn.active {
background-color: #ffffff !important;
color: #111827 !important;
box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
#pills-cpanel-tab.active i { color: #F5A623; }
#pills-plesk-tab.active i { color: #0078D6; }
.badge-popular {
position: absolute;
top: -10px;
right: 15px;
background: #ef4444;
color: white;
font-size: 10px;
font-weight: 800;
padding: 3px 8px;
border-radius: 12px;
letter-spacing: 0.5px;
box-shadow: 0 2px 4px rgba(239, 68, 68, 0.3);
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
@media (max-width: 576px) {
.premium-toggle-btn {
font-size: 3.2vw; /* Ekran genişliğine göre yazı küçülür */
padding: 12px 10px !important;
}
}

/* kaynak: tr-linux-hosting.html */
.blink-badge {
display: inline-block;
padding: 0.3em 0.6em;
font-size: 90%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 10px;
animation: blinker 1s linear infinite;
color: red;
}
@keyframes blinker {
50% {
opacity: 0;
}
}

/* kaynak: tr-linux-hosting.html */
.section-compare .column-left{
gap:5px !important;  display: flex;
}

/* kaynak: tr-plesk-lisans-kiralama.html */
.hosting-package .package-main .icon>.y { font-size: 14px; font-weight: 600; }
.hosting-package .package-main .price { zoom:85%; }
.hosting-package .package-order { padding-top: 10px; }
.section-panel { padding: 30px 0; background-color: var(--bs-dark); color: #fff; }
.section-panel h3 { font-size: 28px; font-weight: 800; margin: 0; }
.section-panel p { font-size: 18px; line-height: 1.4; color: #8e8e8e; }
.section-panel-img { background-color: #fff; text-align: center; }
@media only screen and (max-width: 1200px){
.section-panel-img img { width: 100%; }
}
@media only screen and (max-width: 767px){
.best-level { padding: 0 0; }
.hosting-package .package-main .icon { padding: 50px; }
}
.duz-cerceve {
border: 2px solid #4f4f4f;
width: 100%;
height: 100%;
background-color: #f2f1d4;
}

/* kaynak: tr-reseller-hosting.html */
/* OS Seçici Butonlar */
.os-selector .btn {
padding: 12px 40px;
font-size: 1.2rem;
border-radius: 5px;
margin: 0 10px;
border: 1px solid #dee2e6;
background: white;
color: #333;
}
.os-selector .btn.active {
background-color: var(--bs-dark);
color: white;
border-color: var(--bs-dark);
}
.tab-pane .section-hosting{
padding: 20px 0 20px !important;
}
.btn:focus {
box-shadow: 0 0 0 0.25rem rgb(6 30 64 / 50%);
}

/* kaynak: tr-reseller-hosting.html */
.premium-toggle-wrapper {
background-color: #eef2f5;
border-radius: 60px;
padding: 8px;
display: inline-flex;
box-shadow: inset 0 2px 5px rgba(0,0,0,0.08);
border: 1px solid #e1e5e9;
position: relative;
}
.premium-toggle-btn {
border-radius: 50px !important;
color: #6c757d;
font-weight: 700;
font-size: 15px;
padding: 14px 36px !important;
transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
border: none !important;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
position: relative;
}
.premium-toggle-btn:hover {
color: #2b3035;
}
.premium-toggle-btn i {
font-size: 18px;
transition: color 0.3s ease;
}
.premium-toggle-btn.active {
background-color: #ffffff !important;
color: #111827 !important;
box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
#pills-linux-tab.active i { color: #F5A623; }
#pills-windows-tab.active i { color: #0078D6; }
.badge-popular {
position: absolute;
top: -10px;
right: 15px;
background: #ef4444;
color: white;
font-size: 10px;
font-weight: 800;
padding: 3px 8px;
border-radius: 12px;
letter-spacing: 0.5px;
box-shadow: 0 2px 4px rgba(239, 68, 68, 0.3);
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
@media (max-width: 576px) {
.premium-toggle-btn {
font-size: 3.2vw; /* Ekran genişliğine göre yazı küçülür */
padding: 12px 10px !important;
}
}

/* kaynak: tr-ssl.html */
@keyframes yanip-son {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.yanip-sonen-yazi {
animation: yanip-son 1s linear infinite; /* 1 saniyede bir yanıp söner */
}
.hosting-package .package-main .icon > .y {
font-size: 15px;
font-weight: 500;
}
.comparison__table .item__detail .item__row .column-left {
width: 25%;
}
.comparison__table .item__detail .item__row .column-right {
width: 75%;
}
.comparison__table .item__header {
min-height: 187px;
}
.comparison__table .item__header .p-header {
min-height: 52px;
}
.comparison__table .item__header .p-price {
zoom: 80%;
}
.comparison__table .item__header .item__row .column-right {
width: 75%;
}
.comparison__table .item__header .item__row .column-right .column {
width: 20%;
}
.comparison__table .item__detail .item__row .column-right .column {
width: 20%;
}
.section-whom .who-box {
margin: 20px 0;
align-items: flex-start;
text-align: left;
}
.hosting-package .package-main .icon {
background: #fff;
height: 80px;
}
.hosting-package .package-main .icon > .y {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: var(--bs-dark);
}
.hosting-package .package-main .icon img {
display: block;
height: 20px;
margin-bottom: 3px;
}
@media only screen and (max-width: 767px) {
.section-hosting .col {
flex: 0 0 49.33%
}
.hosting-package .package-main .icon {
padding: 20px 10px;
}
.hosting-package .package-order {
padding: 10px 10px;
}
.hosting-package .package-order .btn {
font-size: 14px;
}
.hosting-package .package-main .price {
zoom: 80%;
}
.hosting-package .package-detail {
padding: 15px 10px;
text-align: center;
line-height: 1.3;
}
.hosting-package .best-level {
font-size: 12px;
}
.comparison__table .item__header .p-header {
min-height: 74px;
}
.comparison__table .item__header {
min-height: 136px;
}
.comparison__table .item__header .p-price {
zoom: 50%;
}
.comparison__table .item__header .p-order .btn {
font-size: 12px;
}
}

/* kaynak: tr-vds-server.html */
#dikkatKampanya {
font-size: 1.1rem;
animation: color-change 1s infinite;
}
@keyframes color-change {
0% {
color: white;
}
50% {
color: #d7261e;
}
100% {
color: white;
}
}
@media(max-width: 576px){
.os-item{
max-width: 90px;
}
}
.section-features .feature-box img {
height: 70px;
}
.comparison__table .item__detail .item__row .column-left {
width: 25%;
}
.comparison__table .item__detail .item__row .column-right {
width: 75%;
}
.comparison__table .item__header .item__row .column-right {
width: 75%;
}
.comparison__table .item__header .item__row .column-right .column {
width: 20%;
}
.comparison__table .item__detail .item__row .column-right .column {
width: 20%;
}
.col.os {
flex: 1.5 0 0;
text-align: center;
align-items:center;
}
.package-item>.price small { margin-bottom: 0.3rem;}
@media only screen and (max-width: 1200px) {
.section-hosting .row {
flex-wrap: wrap;
} }
@media(max-width: 576px){
.os-item{
max-width: 90px;
}
}

/* kaynak: tr-wordpress-hosting.html */
.comparison__table .item__detail .item__row .column-left { width: 25%; }
.comparison__table .item__detail .item__row .column-right { width: 75%; }
.comparison__table .item__header .item__row .column-right { width: 75%; }
.comparison__table .item__header .item__row .column-right .column { width: 25%; }
.comparison__table .item__detail .item__row .column-right .column { width: 25%; }
.wordpress-hide{
display: none !important;
color:red;
}
.section-banner{
padding:30px 0;
}
.banner-content{
max-width:520px;
}
.banner-pretitle{
display:block;
font-size:22px;
font-weight:600;
color:#333;
margin-bottom:12px;
}
.banner-title{
font-size:50px;
line-height:1.08;
font-weight:700;
color:#111;
margin-bottom:25px;
}
.banner-title span{
color:#ea2d2d;
}
.banner-description{
font-size:22px;
color:#555;
line-height:1.6;
margin-bottom:25px;
}
.banner-price{
display:flex;
align-items:flex-end;
gap:20px;
margin-bottom:25px;
}
.price-text{
display:flex;
flex-direction:column;
font-size:18px;
color:#444;
line-height:1.4;
}
.price-value{
font-size:64px;
font-weight:800;
line-height:1;
color:#111;
}
.price-value small{
font-size:22px;
color:#555;
font-weight:500;
}
.banner-btn{
padding:16px 34px;
border-radius:14px;
font-size:20px;
font-weight:600;
}
.banner-guarantee{
margin-top:22px;
font-size:16px;
color:#666;
}
.banner-guarantee i{
margin-right:8px;
}
.hosting-package .package-detail ul li {
padding: 1px 0;
}
.section-whom .who-box .thumb {
background-color: #ffffff;
width: 90px;
height: 90px;
}
s

/* kaynak: tr-wordpress-hosting.html */
.blink-badge {
display: inline-block;
padding: 0.3em 0.6em;
font-size: 90%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 10px;
animation: blinker 1s linear infinite;
color: red;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.list-group-item {
border: 0px solid rgba(0, 0, 0, .125);
}
.hosting-package .package-order{
margin: 10px;
}
.hosting-package .package-detail {
padding: 21px 25px 20px 40px;
position: static;
}
.hosting-package .package-main .desc {
text-align: left;
#padding: 0px 24px 0;
padding:15px 20px;
font-size:.95rem;      /* 15.2px */
font-weight:400;
line-height:1.7;
color:#495057;
min-height:90px;
}
.hosting-package-best{
box-shadow: 0 0 0 2px var(--bs-danger) !important;
}

/* kaynak: tr-wordpress-hosting.html */
.customer-reviews{
background:#f7f8fa;
border:1px solid #e9ecef;
border-radius:24px;
padding:40px;
}
.review-card{
background:#fff;
border:1px solid #ececec;
border-radius:18px;
padding:28px;
height:100%;
transition:.25s ease;
box-shadow:0 4px 12px rgba(0,0,0,.04);
}
.review-card:hover{
transform:translateY(-5px);
border-color:#dc3545;
box-shadow:0 12px 30px rgba(220,53,69,.12);
}
.review-card .quote{
font-size:42px;
line-height:1;
color:#dc3545;
opacity:.18;
margin-bottom:15px;
}
.review-card p{
color:#495057;
line-height:1.8;
margin-bottom:25px;
}
.review-author{
border-top:1px solid #f1f1f1;
padding-top:15px;
}
.review-author strong{
display:block;
color:#212529;
font-weight:700;
}
.review-author small{
color:#6c757d;
}
.review-rating{
color:#ffc107;
font-size:18px;
}
.review-summary h3{
font-size:1.35rem;
font-weight:700;
color:#212529;
margin-bottom:10px;
}
.review-summary p{
color:#6c757d;
margin-bottom:20px;
}
.review-count{
width:56px;
height:56px;
border-radius:50%;
background:#dc3545;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:14px;
}

/* kaynak: tr-wordpress-hosting.html */
.wp-banner{
background:linear-gradient(90deg,#d53427  0%, #d53427 100%);
border-radius:18px;
padding:30px 40px;
color:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.12);
}
.wp-icon{
width:72px;
height:72px;
border:3px solid rgba(255,255,255,.8);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.wp-icon i{
font-size:42px;
color:#fff;
}
.wp-banner h3{
font-size:2rem;
}
.wp-banner .btn{
border-radius:14px;
min-width:220px;
height:64px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:1.1rem;
transition:.25s;
}
.wp-banner .btn:hover{
transform:translateY(-2px);
}
@media (max-width:991px){
.wp-banner{
padding:25px;
text-align:center;
}
.wp-banner .d-flex{
justify-content:center;
}
.wp-icon{
margin-right:20px !important;
}
.wp-banner h3{
font-size:1.5rem;
}
.display-4{
margin:15px 0;
}
}

/* kaynak: tr-yedekleme-hizmeti.html */
.section-features .feature-box img {
height: 70px;
}
.comparison__table .item__detail .item__row .column-left {
width: 25%;
}
.comparison__table .item__detail .item__row .column-right {
width: 75%;
}
.comparison__table .item__header .item__row .column-right {
width: 75%;
}
.comparison__table .item__header .item__row .column-right .column {
width: 20%;
}
.comparison__table .item__detail .item__row .column-right .column {
width: 20%;
}
.col.os {
flex: 1.5 0 0;
text-align: center;
align-items: center;
}
.package-item>.price small {
margin-bottom: 0.3rem;
}

/* kaynak: tr-yedekleme-hizmeti.html */
.flag-icon-bg {
background-image : url("../img/eu.svg");
}
.flag-icon-tr {
background-image : url("../img/tr.svg");
}
/* Kutuların genel yapısı */
.location-box {
display: block;
position: relative;
cursor: pointer;
}
/* Standart radyo butonunu gizle */
.location-box input[type="radio"] {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Kutunun görünümü */
.location-box .box-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 15px;
background: #fff;
border: 2px solid #e9ecef; /* Varsayılan gri kenarlık */
border-radius: 8px;
transition: all 0.3s ease;
text-align: center;
height: 100%;
}
/* Seçili olduğunda (Checked) kutunun alacağı hal */
.location-box input[type="radio"]:checked + .box-content {
border-color: var(--bs-danger); /* Seçilince mavi çerçeve (Temanıza göre değiştirin) */
background-color: #f7fbff; /* Hafif mavi arka plan */
color: var(--bs-danger);
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
/* Hover efekti */
.location-box:hover .box-content {
border-color: #adb5bd;
}
/* Bayrak/İkon boyutu */
.flag-icon {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.33333333em;
line-height: 1em;
font-size:24px;
margin-bottom: 8px;
}
.flag-icon:before {
content: '\00a0'
}
.card-title {
font-size: 20px;
font-weight: bold;
}