html{font-size: 10px;}
body{margin:0 auto;font-family: 'Poppins', sans-serif;}
a{text-decoration:none !important;display:block;cursor:pointer;}
ul{list-style:none;margin:0;padding:0;}
h1{margin:0;padding:0;font-weight:normal;}
h2{margin:0;padding:0;font-weight:normal;}
h3{margin:0;padding:0;font-weight:normal;}
h4{margin:0;padding:0;font-weight:normal;}
h5{margin:0;padding:0;font-weight:normal;}
span{display:block;}
img{border:0;outline:0;}
textarea{overflow:auto;resize:none;outline:none;}
input{overflow:auto;outline:none;}
*{outline:none !important;}
hr{color:#e5e5e4;height:2px !important;margin:0;}
img{max-width:100% !important;}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgb(206, 212, 218) !important;
    box-shadow: none !important;
    outline: 0 none !important;
}

.bannerUyari{
    text-align: center;
    font-size:15px;
    font-weight:500;
    color:#fff;
    letter-spacing: 1px;
    line-height: 50px;
    border-top:1px solid #dadada;
    border-bottom:0 solid #dadada;
}
.bannerKirmizi{
    background: #c70015;
}
.bannerMavi{
    background: #7fccc3;
}
.bannerYesil{
    background: #00646a;
}

.formHata{
    font-size:1.3rem;
    font-weight:500;
    color:#606060;
}

/* HEADER */
.header{
    border-top:0.8rem solid #00646a;
    /*padding-top:4rem !important;*/
}
.anamenu li a{
    font-size:1.4rem;
    font-weight:500;
    color:#20423a !important;
    transition: color 300ms ease-out;
}
.anamenu li a:hover{
    color:#00646a !important;
}
.anaMenuAcilir{
    border:none;
    border-top:0.2rem solid #00646a;
    background: transparent;
}
.anaMenuAcilir li a{
    font-weight:400;
    background-size: 7px auto !important;
}
.anaMenuAcilir li:hover a{
    color:#00646a !important;
}
.anaMenuMobilTus{
    /*border:0.2rem solid rgba(32,66,58,.3) !important;*/
}
.anaMenuMobilTus:focus{
    box-shadow: none !important;
}
.anaMenuArama{
    border:1px solid rgba(23,63,56,.1);
    border-radius: 10px;
}
.anaMenuArama input{
    font-size:1.4rem;
    font-weight:400;
}
.anaMenuArama button{
    font-size:1.4rem;
    font-weight:400;
    opacity: .3;
    transition: opacity 300ms ease-out;
}
.anaMenuArama:hover button{
    opacity:1;
}

.anaMenuArama button:focus, .anaMenuArama button:hover{
    color:#fff;
    /*background: #00646a;*/
    background: none;
    box-shadow: none !important;
}

/* İÇERİK */
.yerBeyazGokYesil{
    background: rgb(225,249,242);
    background: linear-gradient(180deg, rgba(225,249,242,1) 0%, rgba(255,255,255,1) 100%);
}
.statikAlanBuyukKoyuYazi{
    font-size:5rem;
    font-weight:600;
    color:#20423a;
    line-height: 6rem;
}
.statikAlanKucukAcikYazi{
    font-size:1.8rem;
    font-weight:400;
    color:#00646a;
}
button.statikAlanTus{
    font-size:1.6rem;
    font-weight:500;
    color:#20423a;
    background-color: #ececec;
    border-radius: 3rem;
    transition: background-color 300ms ease-out,color 300ms ease-out;
}
.yBGYSag{padding-top:25rem;padding-left: 5rem;}
.yBGYSag div span:nth-child(1){
    font-size:8rem;
    font-weight: 900;
    color:#00646a;
    /*text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/
    transition: text-shadow 300ms ease-out,color 300ms ease-out;
}
.yBGYSag div span:nth-child(2){
    font-size:2rem;
    font-weight: 400;
    color:#00646a;
    text-shadow: none;
    transition: text-shadow 300ms ease-out,color 300ms ease-out;
}
.maviKusak{
    height:15rem;
    top:5rem;
    right:0;
    background: #00646a;
}
.maviKusak span{
    font-size:4rem !important;
    font-weight: 600 !important;
    color:#fff !important;
    line-height: 4.8rem !important;
    text-shadow: none !important;
}
.anaDunya{
    top:7.5rem;
}
.bolumBaslikBuyukKoyuYazi{
    font-size:4rem;
    font-weight:600;
    color:#20423a;
}
.bolumBaslikKucukAcikYazi{
    font-size:1.8rem;
    font-weight:400;
    color:#00646a;
}
.baslikBuyukKoyuYazi {
    height:7rem;
    font-size:2rem;
    font-weight:500;
    color:#20423a;
}
.servisBaslikBuyukKoyuYazi {
    height:5rem;
    font-size:2rem;
    font-weight:500;
    color:#20423a;
}
.baslikKucukAcikYazi{
    font-size:1.4rem;
    font-weight:400;
    color:#00646a;
}

.anaKayanAlan{

}
    .anaKayanBaslik{
        font-size:2rem;
        font-weight: 700;
        color:#d60036;
        line-height: 1.4rem;
    }
    .anaKayanBaslikCizgi{
        border-bottom:1px solid #e5e5e4;
    }
        .kayanResimAlan{
            /*border:1px solid #e5e5e4;*/
        }
            .kayanResim{
                height:20rem;
                background-size: cover !important;
                text-align: center !important;
            }
                .kayanResim img{
                    display: inline-block ;
                }
            .kayanAdi{
                font-size:1.8rem;
                font-weight: 500;
                color:#20423a;
            }

/* İÇ SAYFALAR */
.icBaslikYesilYazi{
    font-size: 5rem;
    font-weight: 600;
    color:#00646a;
}
    .icBaslikYesilYazi em{
        color:#00646a;
        font-style: normal;
    }
.icBaslikAltYesilYazi{
    font-size: 2rem;
    font-weight: 400;
    color:#00646a;
}
.icBaslikAltMaviYazi{
    font-size: 2rem;
    font-weight: 400;
    color:#00a5cf;
}
.icDuzYesilYazi p{
    font-size: 1.6rem;
    font-weight: 400;
    color:#00646a;
    line-height: 3.2rem;
    text-align: justify;
}
.icDuzYazi{
    font-size: 1.4rem;
    font-weight: 400;
    color:#20423a;
    line-height: 3.2rem;
    text-align: justify;
}
.yesilKusak{
    width:47vw;
    top:0;
    right:0;
    background: #20423a;
    /*background: #00646a;*/
    border-bottom-left-radius: 20rem;
    border-top-left-radius: 20rem;
}
.ters .yesilKusak {
  background: #20423a;
  border-top-right-radius: 20rem;
  border-bottom-right-radius: 20rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  justify-content: flex-end;
  padding-right: 5.5rem;
  /* width aynı kalabilir; eğer dar görünürse width’i değiştirin */
}
    .yesilKusak img{
        height:31.8rem;
        padding: 5.9rem 0 5.9rem 5.9rem;
    }

.form input{
    height:4.4rem;
    font-size: 1.4rem;
    font-weight: 500;
    border:0.1rem solid #e0e0e0;
    border-radius:2.2rem;
}
.form textarea{
    height:12rem;
    font-size: 1.4rem;
    font-weight: 500;
    border:0.1rem solid #e0e0e0;
    border-radius:2.2rem;
}
.form .formYaziElemani{
    background-color: #fff;
    color:#00646a;
    transition: background-color 300ms ease-out,color 300ms ease-out;
}
.form .formYaziElemani:focus{
    background-color: #ebfbf6;
    color:#20423a;
}
.form a{
    font-size: 1.4rem;
    font-weight: 500;
    color:#fff;
    background-color:#00646a;
    display: inline-block !important;
    border:none;
    border-radius: 2.5rem;
    transition: background-color 300ms ease-out;
}
.form button{
    font-size: 1.4rem;
    font-weight: 500;
    color:#fff;
    background-color:#00646a;
    display: inline-block !important;
    border:none;
    border-radius: 2.5rem;
    transition: background-color 300ms ease-out;
}
.sosyalOval{
    height:10rem;
    background-color: red;
    border-radius: 5rem;
}
    .sosyalOval span:nth-child(1){
        font-size: 1.4rem;
        font-weight: 500;
        color:#fff;
    }
    .sosyalOval span:nth-child(2){
        font-size: 2rem;
        font-weight: 500;
        color:#fff;
    }
    .sosyalOvalYesil{background-color: #00646a;}
    .sosyalOvalMavi{background-color: #229ed9;}

.influencerAlan{

}
    .influencerKutu{
        height:36rem;
        border:0.1rem solid #ececec;
    }
        .influencerResimKutu{
            /*width:18rem !important;*/
            border:0.1rem solid #ececec;
        }
            .influencerResim{
                /*height:17rem !important;*/
            }
        .influencerAdi{
            height:7rem;
            max-height:7rem;
        }
            .influencerAdi span{
                font-size: 1.8rem;
                font-weight: 500;
                color:#20423a;
            }
        .influencerAbone{
            height:6rem;
            max-height:6rem;
        }
            .influencerAbone span{
                font-size: 1.2rem;
                font-weight: 500;
                color:#00646a;
            }
            .influencerAbone a{
                font-size: 1.5rem;
                font-weight: 600;
                color:#fff;
                background-color:#00646a;
                display: inline-block !important;
                border:none;
                border-radius: 2.5rem;
                transition: background-color 300ms ease-out;
            }
        .influencerLinkler a{
            font-size: 1.2rem;
            font-weight: 700;
            color:#00646a;
            transition: color 300ms ease-out;
        }
a.influencerAlan{

}
    a.influencerAlan .influencerKutu{
        height:36rem;
        background-color: #00646a;
        transition: background-color 300ms ease-out;
    }

        a.influencerAlan figure{
            height:26rem;
        }
            a.influencerAlan figure span{
                height:16rem;
                font-size: 10rem;
                font-weight: 300;
                color:#fff;
                padding-top:5rem;
            }
                a.influencerAlan .buyukYazi{
                    font-size: 1.8rem;
                    font-weight: 500;
                    color:#fff;
                }
                    a.influencerAlan .kucukYazi{
                        font-size: 1.2rem;
                        font-weight: 700;
                        color:#fff;
                    }
.influencerIstatistik{

}
    .influencerIstatistik .kucukBaslik{
        font-size: 1.8rem;
        font-weight: 500;
        color:#20423a;
    }
    .influencerIstatistik ul{
        font-size: 1.6rem;
        font-weight: 600;
        color:#20423a;
    }
    /*ul.istatistikUlke li{background-color: #56c8e3;}
    ul.istatistikYas li{background-color: #00646a;}
    ul.istatistikCinsiyet li{background-color: #00646a;}*/

    .influencerIstatistik li{
        height:5rem;
        font-size: 1.4rem;
        font-weight: 400;
        color:#20423a;
		background-image:none;
		transition: background 300ms ease-out;
    }
		ul.istatistikUlke li span:nth-child(3){
			font-size: 1.4rem;
			font-weight: 700;
			color:#20423a;
		}
		ul.istatistikYas li span:nth-child(2){
			font-size: 1.4rem;
			font-weight: 700;
			color:#20423a;
		}
		ul.istatistikCinsiyet li span:nth-child(2){
			font-size: 1.4rem;
			font-weight: 700;
			color:#20423a;
		}
	.influencerIstatistik hr{
		background-color:#adadaa;
	}
    .influencerFormPlatformYazi{
        font-size: 1.8rem;
        font-weight: 500;
        color:#20423a;
        text-indent: 2rem;
    }
    .bankaListe span{
        font-size: 1.5rem;
        font-weight: 500;
        color:#20423a;
        text-align: center;
        line-height: 3rem;
    }
    .bankaListe:last-child{
        border-bottom:none !important;
    }

/* FOOTER */
.footer{
    background: rgb(225,249,242);
    background: linear-gradient(180deg, rgba(225,249,242,1) 0%, rgba(255,255,255,1) 100%);
}
.footerLinkler{
    text-align: left;
}
.footerLinkler li{
    font-size: 1.4rem;
    font-weight: 500;
    color:#00646a;
    margin-bottom: 1rem;
}
.footerLinkler li:first-child{
    font-size: 2rem;
    font-weight: 500;
    color:#20423A;
    margin-bottom: 2rem;
}
.footerLinkler li a{
    font-size: 1.4rem;
    font-weight: 400;
    color:#00646a;
    margin-bottom: 1rem;
    transition: color 300ms ease-out;
}
.footerLinkler li a:hover{
    color:#20423A;
}

.footerLinkler li span{
    font-size: 1.2rem;
    font-weight: 400;
    color:#00646a;
    margin-bottom: 1rem;
}

.footerLinkler div a{
    opacity: .3;
    transition: opacity 300ms ease-out;
}
.footerLinkler div a:hover{
    opacity: 1;
}
.footerAyrac{border-left: 0.1rem solid #dee2e6!important;}
.mailListForm{
    border:1px solid rgba(23,63,56,.1);
    border-radius: 20px;
}
.mailListForm input{
    font-size:1.4rem;
    font-weight:400;
    text-indent: 1.5rem;
}
.mailListForm button{
    font-size:1.4rem;
    font-weight:400;
    opacity:.3;
    transition: opacity 300ms ease-out;
}
.mailListForm button img{
    margin-right:1rem;
}
.mailListForm:hover button{
    opacity:1;
}

.mailListForm button:focus, .mailListForm button:hover{
    color:#fff;
    background: none;
    box-shadow: none !important;
}
.imza{
    font-size: 1.2rem;
    font-weight: 400;
    color:#00646a;
}

/* GENEL */
.m0{margin:0;}
.p0{padding:0;}

.m10{margin:1rem !important;}
.mt1{margin-top:0.1rem;}
.mt2{margin-top:0.2rem;}
.mt5{margin-top:0.5rem;}
.mt10{margin-top:1rem;}
.mt15{margin-top:1.5rem;}
.mt20{margin-top:2rem;}
.mt25{margin-top:2.5rem;}
.mt30{margin-top:3rem;}
.mt35{margin-top:3.5rem;}
.mt40{margin-top:4rem;}
.mt45{margin-top:4.5rem;}
.mt50{margin-top:5rem;}
.mt70{margin-top:7rem;}
.mt90{margin-top:9rem;}
.mr1{margin-right:0.1rem;}
.mr2{margin-right:0.2rem;}
.mr3{margin-right:0.3rem;}
.mr5{margin-right:0.5rem;}
.mr8{margin-right:0.8rem;}
.mr10{margin-right:1rem;}
.mr15{margin-right:1.5rem;}
.mr20{margin-right:2rem;}
.mr25{margin-right:2.5rem;}
.mb1{margin-bottom:0.1rem;}
.mb5{margin-bottom:0.5rem;}
.mb10{margin-bottom:1rem;}
.mb20{margin-bottom:2rem;}
.mb25{margin-bottom:2.5rem;}
.mb30{margin-bottom:3rem;}
.mb35{margin-bottom:3.5rem;}
.mb40{margin-bottom:4rem;}
.mb50{margin-bottom:5rem;}
.mb70{margin-bottom:7rem;}
.mb90{margin-bottom:9rem;}
.ml1{margin-left:0.1rem;}
.ml5{margin-left:0.5rem;}
.ml10{margin-left:1rem;}
.ml20{margin-left:2rem;}
.ml30{margin-left:3rem;}
.ml40{margin-left:4rem;}
.ml50{margin-left:5rem;}
.ml70{margin-left:7rem;}
.ml90{margin-left:9rem;}

.p10{padding:1rem;}
.p15{padding:1.5rem;}
.p50{padding:5rem;}
.px10{padding-left:1rem;padding-right:1rem;}
.px15{padding-left:1.5rem;padding-right:1.5rem;}
.px20{padding-left:2rem;padding-right:2rem;}
.px30{padding-left:3rem;padding-right:3rem;}
.px50{padding-left:5rem;padding-right:5rem;}
.py5{padding-top:0.5rem;padding-bottom:0.5rem;}
.py10{padding-top:1rem;padding-bottom:1rem;}
.py15{padding-top:1.5rem;padding-bottom:1.5rem;}
.py30{padding-top:3rem;padding-bottom:3rem;}
.py50{padding-top:5rem;padding-bottom:5rem;}
.py70{padding-top:7rem;padding-bottom:7rem;}
.pt1{padding-top:0.1rem;}
.pt5{padding-top:0.5rem;}
.pt10{padding-top:1rem;}
.pt15{padding-top:1.5rem;}
.pt20{padding-top:2rem;}
.pt25{padding-top:2.5rem;}
.pt30{padding-top:3rem;}
.pt35{padding-top:3.5rem;}
.pt40{padding-top:4rem;}
.pt50{padding-top:5rem;}
.pr1{padding-right:0.1rem;}
.pr5{padding-right:0.5rem;}
.pr10{padding-right:1rem;}
.pr15{padding-right:1.5rem;}
.pr20{padding-right:2rem;}
.pr30{padding-right:3rem;}
.pr40{padding-right:4rem;}
.pr50{padding-right:5rem;}
.pb0{padding-bottom:0;}
.pb1{padding-bottom:0.1rem;}
.pb5{padding-bottom:0.5rem;}
.pb10{padding-bottom:1rem;}
.pb15{padding-bottom:1.5rem;}
.pb20{padding-bottom:2rem;}
.pb25{padding-bottom:2.5rem;}
.pb30{padding-bottom:3rem;}
.pb35{padding-bottom:3.5rem;}
.pb50{padding-bottom:5rem;}
.pb70{padding-bottom:7rem;}
.pb90{padding-bottom:9rem;}
.pl0{padding-left:0;}
.pl1{padding-left:0.1rem;}
.pl10{padding-left:1rem;}
.pl15{padding-left:1.5rem;}
.pl20{padding-left:2rem;}
.pl30{padding-left:3rem;}
.pl40{padding-left:4rem;}
.pl50{padding-left:5rem;}
.pl90{padding-left:9rem;}

.orta{margin-left:0;margin-right:0;}
.fx{position:fixed;}
.pr{position:relative;}
.pa{position:absolute;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}
/*
font-family: 'Poppins', sans-serif;
*/

/* XS */
@media only screen and (max-width: 576px) {

}
/* SM */
@media only screen and (min-width: 576px) {

}
/* MD */
@media only screen and (min-width: 768px) {

}
/* LG */
@media only screen and (min-width: 992px) {

}
/* XL */
@media only screen and (min-width: 1200px) {

}
/* XXL */
@media only screen and (min-width: 1400px) {

}

/* XS & SM & MD */
@media only screen and (max-width: 992px) {
    .footerLinkler{text-align: center;}
    .imza{text-align: center;}
    .anaDunya{
        top:0;
        text-align: center;
    }
    .yBGYSag{
        text-align: center;
        padding:0;
    }

}
/* LG & XL & XXL */
@media only screen and (min-width: 992px) {
    .soluklastir{
        filter: grayscale(0.5);
        opacity: 0.5;
        transition: filter 300ms ease-out,opacity 300ms ease-out;
    }
    figure:hover .soluklastir{filter: grayscale(0);opacity: 1;}
    .maviKusak{
        width:50vw;
    }
    button.statikAlanTus:hover{
        color:#fff;
        background-color: #00646a;
    }
    .yBGYSag div:hover span:nth-child(1){
        color:#00a5cf;
        /*text-shadow: 2px 2px 4px #00a5cf;*/
        cursor: default;
    }
    .yBGYSag div:hover span:nth-child(2){
        color: #00a5cf;
        /*text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/
    }
    .form a:hover{
        background-color: #00a5cf;
    }
    .form button:hover{
        background-color: #00a5cf;
    }
    .sosyalOval{width:41rem;}
    .influencerAbone a:hover{
        background-color: #00a5cf;
    }
    .influencerLinkler a:hover{
        color: #20423a;
    }
    a.influencerAlan .influencerKutu:hover{
        background-color: #00a5cf;
    }
    .projeSag{
        padding-left: 30px;
    }
	.influencerIstatistik li:hover{
        /*background-image: linear-gradient(180deg, #00646a, #25a18e);*/
		background: linear-gradient(180deg, rgba(225,249,242,1) 0%, rgba(255,255,255,1) 100%);
    }
    .influencerAlan:hover .influencerKutu{
        border:0.1rem solid #00646a;
    }
}
#login-wrapper {
  min-height: calc(100vh - 350px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem; /* Kenarlardan boşluk */
}

/* 2) Form kutusunu büyütüp öne çıkaralım */
#login-wrapper .login-form {
  width: 100%;
  max-width: 400px;
  background: #ffffff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

/* 3) Input ve buton boyutlarını artır */
#login-wrapper input[type="password"],
#login-wrapper button {
  width: 100%;
  height: 3.5rem;        /* 56px */
  font-size: 1.125rem;   /* ~18px */
  border-radius: 4px;
}

/* 4) Şifre alanı stili */
#login-wrapper input[type="password"] {
  margin-bottom: 1.5rem;
  padding: 0 1rem;
  border: 1px solid #ccc;
  outline: none;
}

/* 5) Buton stili */
#login-wrapper button {
  background-color: #276749;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color .2s;
}
#login-wrapper button:hover {
  background-color: #22543d;
}
.influencerAbone,
.influencerLinkler,
.influencerSepet {
  display: flex;
  flex-wrap: wrap;    /* mobilde sarılmaya izin ver */
  gap: 0.5rem;        /* 8px aralık */
}

@media (min-width: 768px) {
  .influencerAbone,
  .influencerLinkler,
  .influencerSepet {
    flex-wrap: nowrap;  /* md ve üzeri sarma yok */
  }
}

.influencerAbone a,
.influencerLinkler a,
.influencerSepet button span {
  white-space: nowrap;  /* kelime ortalarında sarma olmasın */
}
.text-stat {
  color: #276749 !important;    /* statistics ile birebir aynı ton */
  font-weight: 700 !important;   /* semibold’dan bir tık daha kalın */
  font-size:   1rem  !important; /* 16px, önceki 0.875rem’den (14px) daha büyük */
  line-height: 1.3   !important; /* istersen satır yüksekliğini de biraz artır */
}
.text-remove {
  color:      #fb5541 !important;  /* kırmızı ton */
  font-weight: 700    !important;  /* kalınlık aynı */
  font-size:   1rem   !important;  /* boyut aynı */
  line-height: 1.3    !important;  /* satır yüksekliği */
  text-decoration: underline !important;
  text-decoration-color: #fb5541 !important;
  text-underline-position: under !important;
}

/* Sağ kol için özel stilleme */
.sidebar-cart .card {
  border: none;
  background-color: #ffffff;
}

.sidebar-cart .card-title {
  color: #276749;        /* başlık rengini header ile eşle */
  font-size: 1.25rem;    /* biraz daha büyük */
  font-weight: 700;      /* kalınlaştır */
}

.sidebar-cart .text-muted {
  color: #4A5568;        /* orijinal “You can review…” renginiz */
  font-size: 0.95rem;
}

/* Liste öğelerinin yazı stili */
.sidebar-cart .list-unstyled li span {
  color: #2D3748;        /* siyahımsı koyu ton */
  font-size: 1rem;       /* 16px */
  font-weight: 500;
}

/* Place Order butonu */
.btn-place-order {
  background-color: #276749 !important; /* sitenizin ana yeşili */
  border-color:    #276749 !important;
  color:           #ffffff !important;
  border-radius:   0.5rem;
  font-size:       1rem;    /* 16px */
  font-weight:     600;
  padding:         0.75rem 1rem;
  transition:      background-color .2s;
}
.btn-place-order:hover {
  background-color: #22543d !important;
  border-color:     #22543d !important;
}

/* Buton disabled halindeyken biraz soluk gözüksün */
.btn-place-order:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/* Mega dropdown hizalama ve z-index */
.navbar .dropdown.position-static .dropdown-menu.anaMenuAcilir{
  left:0; right:0;
  max-width:none;
  border-radius:0 0 12px 12px;
  z-index:3000;
  box-shadow:0 20px 40px rgba(0,0,0,.08);
}

/* MEGA DROPDOWN – final */
.navbar .dropdown.position-static .dropdown-menu.anaMenuAcilir{
  left:0; right:0; max-width:none;
  background:#fff !important;           /* saydamlık kapalı */
  border-top:.2rem solid #00646a;
  border-radius:0 0 12px 12px;
  z-index:3000;
  box-shadow:0 20px 40px rgba(0,0,0,.08);
}

/* Başlıklar biraz büyük */
.megaGroupTitle{
  font-size:1.4rem;
  letter-spacing:.06em;
  color:rgba(0,0,0,.45);
  font-weight:700;
  margin-bottom:.6rem;
}

/* Ok ikonlu linkler */
.anaMenuAcilir .megaItem{
  background:url('../img/kucuk_ok.svg') no-repeat left center;
  background-size:7px auto;
  padding-left:1.6rem;
  line-height:1.2;
}
.anaMenuAcilir .megaItem:hover{ color:#00646a !important; }

@media (min-width:992px){
  .navbar .dropdown.position-static .dropdown-menu.anaMenuAcilir .col-md-3{
    padding-left:1rem; padding-right:1rem;
  }
}
/* Mega dropdown – ok ikonunu pseudo-element ile çiz ve metni kaydır */
.anaMenuAcilir .dropdown-item{ padding-left:0 !important; padding-right:0 !important; }

.anaMenuAcilir .megaItem{
  position:relative;
  display:block;
  padding:.75rem 0 .75rem 2.1rem !important;   /* ← metni sağa kaydır */
  line-height:1.3;
}

.anaMenuAcilir .megaItem::before{
  content:"";
  position:absolute;
  left:.6rem;                                   /* ← okun soldan mesafesi */
  top:50%; transform:translateY(-50%);
  width:10px; height:10px;
  background:url('../img/ana_menu_acilir_ok.svg') no-repeat center;
  background-size:contain;                      /* SVG’yi orantılı sığdır */
  opacity:.95;
}

/* Başlık boyutu (isteğe göre küçült/büyüt) */
.megaGroupTitle{
  font-size:1.15rem;       /* 1.2rem istiyorsan artırabilirsin */
  letter-spacing:.06em;
  color:rgba(0,0,0,.45);
  font-weight:700;
  margin-bottom:.6rem;
}

/* Bazı sayfalarda hero z-index'i yüksekse menü üste çıksın */
.hero, .anasayfaBanner, .banner{ position:relative; z-index:1; }

/* ---- Brand icon: tek renge boyamak için mask tekniği ---- */
.icon-mask{
  display:inline-block;
  vertical-align:middle;
  background-color:#00646a;                 /* marka yeşili */
  -webkit-mask: var(--icon) no-repeat center / contain;
          mask: var(--icon) no-repeat center / contain;
}
.icon-22{ width:22px; height:22px; }        /* küçük başlık ikonları */
.icon-54{ width:54px; height:54px; }        /* use cases ikonları */
.icon-72{ width:72px; height:72px; }        /* süreç ikonları (gerekirse) */

/* ---- Marka butonu ---- */
.btn-brand{
  background:#00646a; border:1px solid #00646a; color:#fff;
  padding:.5rem 1rem; border-radius:999px; font-weight:600;
}
.btn-brand:hover{ background:#005258; border-color:#005258; color:#fff; }

/* ---- FAQ için marka teması: bu sınıfı accordion sarmalayıcısına ver ---- */
.accordion-brand{
  --bs-accordion-bg:#f7f9f8;
  --bs-accordion-color:#173a37;
  --bs-accordion-active-bg:#00646a;
  --bs-accordion-active-color:#ffffff;
  --bs-accordion-border-color:transparent;
  --bs-accordion-btn-focus-box-shadow:none;
}
.accordion-brand .accordion-button:not(.collapsed){
  background:#00646a; color:#fff; border-radius:.5rem;
}
.accordion-brand .accordion-button.collapsed{
  background:#f7f9f8; color:#173a37; border-radius:.5rem;
}
.accordion-brand .accordion-button:not(.collapsed)::after{
  filter:brightness(0) invert(1); /* chevron beyaz */
}
/* Daha büyük, dikkat çekici marka butonu */
.btn-brand-lg{
  background:#00646a; border:1px solid #00646a; color:#fff;
  padding:.9rem 1.4rem; border-radius:999px; font-weight:700; font-size:1.05rem;
}
.btn-brand-lg:hover{ background:#005258; border-color:#005258; color:#fff; }

/* Alt bölüm CTA'yı ortalamak için */
.cta-center{ text-align:center; }
/* ---- Servis sayfaları CTA (temadan bağımsız) ---- */
.cta-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:2rem;
}
a.cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.95rem 1.6rem;
  border-radius:9999px;
  background:#00646a;
  border:1px solid #00646a;
  color:#fff !important;
  font-weight:700;
  font-size:1.05rem;
  line-height:1;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(0,100,106,.15);
  transition:all .2s ease;
}
a.cta-btn:hover{
  background:#005258;
  border-color:#005258;
  color:#fff !important;
  transform:translateY(-1px);
}
a.cta-btn:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(0,100,106,.25);
}
/* İstersen daha da büyük buton */
.cta-btn--xl{ padding:1.1rem 1.9rem; font-size:1.15rem; }
/* Body copy içindeki linkler her zaman satır içi kalsın */
.baslikKucukAcikYazi a,
.icBaslikAltYesilYazi a,
.container p a {
  display: inline !important;
  white-space: normal !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Buton sınıfları etkilenmesin */
.baslikKucukAcikYazi a.btn,
.icBaslikAltYesilYazi a.btn {
  display: inline-block !important;
}
/* === Mega Footer tipografi: üst kolonlarla birebir === */
.g-footer-services{ padding:28px 0 6px; }
.g-footer-sep{ margin:24px 0; border:0; height:1px; background:rgba(0,0,0,.08); }

/* Başlıklar */
.g-footer-services .gfs-title{
  font-weight:700;
  font-size:1.125rem;      /* üstteki başlık boyutu */
  line-height:1.35;
  color:rgba(0,0,0,.90);   /* üst başlık tonu */
  letter-spacing:0;
  text-transform:none;
  margin:0 0 .75rem 0;
}

/* Linkler */
.g-footer-services ul li{ margin:.45rem 0; }
.g-footer-services ul li a.gfs-link:link,
.g-footer-services ul li a.gfs-link:visited{
  color:rgba(0,0,0,.78);   /* üst link tonu */
  text-decoration:none;
  font-size:.95rem;        /* üst link boyutu */
  line-height:1.35;
}
.g-footer-services ul li a.gfs-link:hover{
  color:#00646a;           /* sitenin hover rengi */
  text-decoration:underline;
}

/* Küçük ekran */
@media (max-width: 767.98px){
  .g-footer-services{ padding:22px 0 0; }
  .g-footer-services .gfs-title{ margin-bottom:.5rem; }
}
/* === Mega footer tipografi: üst kolonlarla birebir === */
/* Konteyner genel fontu üsttekini miras alsın */
.g-footer-services{ font-family: inherit !important; }

/* Başlıklar (Content, PR, SEO, Verticals …) */
.g-footer-services h4,
.g-footer-services .gfs-title{
  font-weight: 700 !important;
  font-size: 1.125rem !important;     /* üst başlık boyutu */
  line-height: 1.35 !important;
  color: rgba(0,0,0,.90) !important;   /* üst başlık rengi */
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin: 0 0 .75rem 0 !important;
}

/* Liste reset + aralık */
.g-footer-services ul{ margin:0 !important; padding:0 !important; list-style:none !important; }
.g-footer-services li{ margin:.45rem 0 !important; }

/* Linkler – normal durum */
.g-footer-services a.gfs-link:link,
.g-footer-services a.gfs-link:visited,
.g-footer-services ul li a:link,
.g-footer-services ul li a:visited{
  color: rgba(0,0,0,.78) !important;   /* üst link rengi */
  text-decoration: none !important;
  font-size: .95rem !important;        /* üst link boyutu */
  line-height: 1.35 !important;
  font-family: inherit !important;
}

/* Hover rengi ve alt çizgi üsttekilerle aynı */
.g-footer-services a.gfs-link:hover,
.g-footer-services ul li a:hover{
  color: #00646a !important;           /* sitenin hover tonu */
  text-decoration: underline !important;
}

/* Ayırıcı ve spacing (opsiyonel, görünümü düzeltir) */
.g-footer-services{ padding: 28px 0 6px !important; }
.g-footer-sep{ margin: 24px 0 !important; border: 0 !important; height: 1px !important; background: rgba(0,0,0,.08) !important; }

@media (max-width: 767.98px){
  .g-footer-services{ padding: 22px 0 0 !important; }
  .g-footer-services h4,
  .g-footer-services .gfs-title{ margin-bottom:.5rem !important; }
}