@media (max-width: 991px) {
    #header.header-mobile-nav-only .header-nav {
        margin-top: 0;
    }
 
}

ul.nav-pills>li.active>a {
    background-color: #5c001e;
}
html .call-to-action.call-to-action-primary {
    background: #26241f !important;
}
.counters strong {
    font-size: 32px;
}
.villaabcd .table{
    border-top: 0;
}
.villaabcd .table>tbody>tr:first-child>td {
    font-size: 46px;
    border-top: 0;
}
.villaabcd .table>tbody>tr>td {
    font-size: 32px;
}
.villaabcd.content-619{
    padding-right: 15px;
    border-right: 1px solid #054449;
}
@media (max-width:767px){
    .counters strong {
        font-size: 32px;
    }
    .counters label {
        font-size: 16px;
    }
    .villaabcd .table>tbody>tr>td {
        text-align: center;
    }
    .urunler{
        padding: 0;
    }
}


.custom-sm-flex-order a.btn:hover{
    color: #ffffff!important;
}
#header .header-nav.header-nav-stripe nav>ul>li.menu-721>a {
    animation: colorChange 1s infinite;
}
@keyframes colorChange{
    0%{
        color: #1a1a18;
        transform: translateY(0);
    }
    50%{
        color: #ffffff;
        transform: translateY(-3px);
    }
    100%{
        color: #1a1a18;
        transform: translateY(0);
    }
}
ul.lokasyon{
    column-count: 2;
    padding-left: 0px;
}
.content li{
    line-height: 32px;
    font-size: 18px;
}
.torba li{
    list-style-type: none;
}
.torba h3{
    text-transform: capitalize;
    line-height: 28px;

}
.video.content img{
    border-radius: 30px;
}
@media (max-width:767px){
    .torba li{
        font-size: 16px;
    }
}
.dnone{
    display: none!important;
}

.tp-caption.paragraf.cinzel{
    font-family: 'Cormorant Garamond', Georgia, serif!important;
    font-weight: 700!important;
}

.vitrin .owl-carousel.owl-drag .owl-item{
    border: 1px solid #eeeeee;
    margin-right: 10px;
    padding: 10px 0 10px 10px;
}
/*İLAN LİSTE CSS*/
.ilan-liste-meta li {
    padding-left: 0;
}
.label-default {
    background-color: #074449;
}
.g5ere__lpc-bottom{
    position: absolute;
    z-index: 99;
    float: right;
    right: 0;
    top: 181px;
    bottom: auto;
    padding: 10px 10px 10px 50px;
    background: linear-gradient(270deg, #ffffffde 23%, #ffffff00 85%);
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}
.page- .g5ere__lpc-bottom{
    pointer-events: none;
    top: 173px;
}
.g5ere__lpp-price{
    font-size: 24px;
    font-weight: 700;
    color: #074449;
}
.g5ere__loop-property-actions a{
    float: right;
}
.ilan-liste-wrp>li{
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1%;
    border: 1px solid #eeeeee;
    transition: .3s;
}
@media (max-width: 991px){
    .ilan-liste-wrp>li{
        width: 100%;
    }
}
.ilan-liste-wrp>li:hover{
    box-shadow: 0 0 13px #ddd;
}
.ilan-liste-meta{
    display: none;
}
.ilan-sidebar button{
    min-height: 47px;
}
/*İLAN LİSTE CSS SON*/


/*İLAN CSS*/

.ilan .product-details-box .product-name{
    font-weight: 700;
}
.ilan{
    z-index: 99;
}
.ilan .emlak-ozellikleri li {
    color: #8297a4;
}
.ilan .emlak-ozellikleri .alert {
    border: 1px solid #074449;
    background: #0744491f;
}
.ilan .emlak-ozellikleri h4 {
    color: #ffffff!important;
    background: #074449;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 10px 20px;
    margin-bottom: 0;
}
.ilan .dib > div.col-xs-12{
    padding: 0;
}
.ilan .box-content.dib{
    border: 0;
    padding: 0;
}
.ilan .emlak-ozellikleri{
    border: 0;
}
.ilan .bolge{
    color: #1a1a18;
}
.ilan .temsilci{
    border: solid 1px #074449;
}
.ilan .col-md-7.temsilci-resim{
    margin: 10px 0;
}
.ilan .col-md-7.temsilci-resim a{
    width: 100%;
}
.ilan .col-md-7.temsilci-resim h5 {
    text-transform: uppercase;
    font-size: .79em!important;
    font-weight: 500!important;
    font-family: 'Archivo', sans-serif!important;
}
.ilan .temsilci-text {
    background: #074449;
    padding: 10px;
    margin-top: -1px;
}
.ilan-liste-wrp h2, .ilan-liste-aciklama h2{
    letter-spacing: 0;
    font-size: 19px;
    line-height: 27px;
    margin-bottom: 0;
    margin-top: 10px;
}

.ilan-sidebar input, .ilan-sidebar select, .bootstrap-select > .dropdown-toggle{
    border: 0;
    background-color: #fff;
    border-radius: 3px!important;
    font-size: 13px;
    border: 1px solid #c0c0c0;
}
.ilan-sidebar > form {
    padding:0;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 20px;
    background-color: #f4f4f4;
}

.ilan-sidebar .form-group{
    padding: 10px 20px;
    border-bottom: solid 2px #fff;
    margin:0;
}
.ilan-sidebar .form-group:last-child{
    border-bottom:none;
}

.ilce-wrp select, .mahalle-wrp select {
    background-color: #f4f4f4;
}

.ilce-aktif select, .mahalle-aktif select{
    background-color: #fff!important;
}

.iufzhm .iygwBs:before {
    content: '';
    width: 27px;
    height: 27px;
    border: 3px solid #1a1a18;
    border-radius: 50%;
    position: absolute;
    bottom: -6%;
    animation: pulsate 3s infinite;
    left: -3px;
}
.boemzy{
    background: rgb(255 255 255 / 33%)!important;
}
@keyframes pulsate{
    0% {
        -webkit-transform: scale(1,1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.5,1.5);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(2,2);
        opacity: 0;
    }
}

.iufzhm .iRGIDU{
    box-shadow: none;
}
.iufzhm .lhJXOF{
    height: 0;
    padding: 9px;
}
.iufzhm svg{
    fill: white
}
.QwDtC:hover svg, .ievDfA:hover svg, .byqiKH:hover svg{
    fill: #f19719
}
.iufzhm .hognbJ, .iufzhm .fjXHxH{
    background: #1a1a18;
}
@media (min-width:1300px) and (max-width:1400px){
    .container {
        width: 1270px!important;
    }
}
@media (min-width: 1401px) and (max-width:1500px){
    .container {
        width: 1350px!important;
    }
}
@media (min-width: 1500px) and (max-width:2600px){
    .container {
        width: 1450px!important;
    }
}
.custom-post-blog .thumb-info:hover img{
    transition: all .3s ease!important;
}
.section.match-height-manual h2, .section.match-height-manual p, .section.match-height-manual label{
    color: white;
}
.col-half-section.col-half-section-right {
    margin-right: 100px;
}
div.sol{
    float: right;
}
html .background-color-secondary {
    background-image: url(/upload/images/section-form.jpg);
    background-size: cover;
    background-position: center;
    background-color: #e36159!important;
}

html .featured-box-primary .icon-featured{background:transparent!important;}
html.webkit .ekip .thumb-info .thumb-info-wrapper {
    margin: 4px 4px 3px!important;
}
.ekip .thumb-info .thumb-info-title{
    background: transparent!important;
    position: relative;
    color: #074449;
    text-align: center;
    letter-spacing: 0;
}
.ekip .thumb-info .thumb-info-type {
    text-shadow: none;
    text-align: center;
    letter-spacing: 0;
    background-color: #ffffff;
    width: 100%;
    margin-top: 0;
    font-size: 14px;
}
.ekip span.imgafter{
    display: none;
}
.ekip .thumb-info .thumb-info-inner{
    text-shadow: none;
    letter-spacing: 0;
}

h1 .word-rotate {
    max-height: 40px;
    line-height: 40px;
    float: left;
}
.word-rotate.active .word-rotate-items span {
    font-size: 32px!important;
}
/* 1. Animasyonu Tanımlıyoruz */
@keyframes fadeInOverlay {
  0% {
    opacity: 0; /* Başlangıçta görünmez */
  }
  100% {
    opacity: 1; /* Sonunda tam görünür */
  }
}
@keyframes a {
    0%{opacity:0;transform:translateY(2rem)!important}
    to{opacity:1;transform:none!important}
}
.custom_hizmetler a{animation:a .4s .2s ease-in-out both}

.ad02{animation-delay:.2s}.ad04{animation-delay:.4s}.ad06{animation-delay:.6s}.ad08{animation-delay:.8s}.ad10{animation-delay:1s}.ad12{animation-delay:1.2s}.ad14{animation-delay:1.4s}.ad16{animation-delay:1.6s}.ad18{animation-delay:1.8s}.ad20{animation-delay:2.0s}.ad22{animation-delay:2.2s}.ad24{animation-delay:2.4s}.ad26{animation-delay:2.6s}.ad28{animation-delay:2.8s}.ad30{animation-delay:3s}.ad32{animation-delay:3.2s}.ad34{animation-delay:3.4s}.ad36{animation-delay:36s}.ad38{animation-delay:3.8s}.ad40{animation-delay:4s}

.custom_hizmetler_wrp{
    margin-top:-200px;
    z-index:2;
    position:relative;
}

.custom_hizmetler .svg-container.hizmet_1 {
    
}

.custom_hizmetler .svg-container {
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.custom_hizmetler p {
    font: 400 18px/20px Commons, sans-serif;
    border-top: 1px solid #C8C8C8;
    margin-top: 25px;
    padding-top: 10px;
    position: relative;
}
.custom_hizmetler a p:before {
    position: absolute;
    content: '';
    top: -2px;
    left: 0;
    height: 3px;
    width: 0;
    background: #1a1a18;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.custom_hizmetler a:hover p:before {
    width: 100%;
}
.custom_hizmetler a:hover{
    text-decoration:none;
}
.custom_hizmetler a,
.custom_hizmetler p{
    color: #fff;
    text-align:center;
}
.video-aciklama:before {
    content: "";
    display: block;
    position: absolute;
    bottom: auto;
    top: 45px;
    left: -425px;
    background-image: none;
    width: 100%;
    height: 100%;
    opacity: 0.038;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 440px;
    filter: invert(1);
}
.col-md-6.p-none.sol:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    top: auto;
    left: -40px;
    background-image: url(/upload/images/section-bg.svg);
    width: 100%;
    height: 100%;
    opacity: 0.038;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 390px;
}
section.section.paydaslar.mb0i.mt0.pt0:before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    left: -40px;
    background-image: url(/upload/images/section-bg.svg);
    width: 100%;
    height: 100%;
    opacity: 0.038;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 390px;
}
section.section.paydaslar.mb0i.mt0.pt0:after {
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    right: -40px;
    background-image: url(/upload/images/section-bg.svg);
    width: 381px;
    height: 100%;
    opacity: 0.038;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    transform: rotateY(180deg);
}
/*********MEGA MENU & ANA MENU İKONLAR ********/
.dropdown-mega-content .col-md-3.col-sm-6{
    width: 50%;
}
@media (min-width: 992px){
    #header .header-nav-main nav > ul > li > a.dropdown-toggle:after {
        border-color: #ffffff transparent transparent;
    }
    .rakamlar .counters.template-1>div {
        background: #0a59bc;
        padding: 20px 0;
        color: #fff;
        border-left: 15px solid white;
        border-right: 12px solid white;
        transition: .3s;
        margin-bottom: 25px;
    }
    .rakamlar .counters.template-1>div.col-md-3:nth-child(5) {
        margin-left: 12%;
    }
    .rakamlar .counters.template-1>div:hover{
        border-left: 0px solid white;
        border-right: 0px solid white;
    }
    .rakamlar .counters.template-1>div.col-xs-12.col-sm-6.col-md-3:before {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        left: -15px;
        bottom: 0px;
        z-index: 1;
        background-image: none;
        opacity: .19;
        transition: .3s;
        background-size: 130px;
        background-repeat: no-repeat;
        background-position: center left;
    }
    .rakamlar .counters.template-1>div.col-xs-12.col-sm-6.col-md-3:hover:before {
        background-size: 230px;
        opacity: .019;
        left: 0px;
    }
    #header{
        /* OLIVE: 44px kartal'in kucuk logosu icindi, OLIVE logosu (70px) tasiyordu */
        min-height: 108px!important;
        max-height: none!important;
    }
    .sticky-header-active #header{
        min-height: 78px!important;
    }
    html #header.header-flex .header-top{
        padding: 0;
        margin-bottom: 0px;
        background-color: #1a1a18;
        border-bottom: solid 1px rgba(255,255,255,.1);
        transition: .3s;
    }
    .sticky-header-active #header.header-flex .header-top{
        background-color: #3c3b3f;
    }
    section.page-header.breadcrumb1:after,
    .tp-revslider-slidesli:after{
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        background: linear-gradient(180deg, #26241f14, #ffffff00);
        z-index: 0;
        background-repeat: no-repeat;
        opacity: 1;
        background-size: contain;
        opacity: 0;
        animation: fadeInOverlay 1s ease-in-out forwards;        
    }
    
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu{
        padding: 5px 10px!important;
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav>li>a, #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{
        padding: 15px 20px 16px 10px!important;
        font-size: 14px;
        letter-spacing: 0;
        font-weight: normal;
        padding: 5px 20px 11px 5px!important;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:before {
        z-index: 1111111;
        width: 40px;
        height: 40px;
        left: 1px;
        top: 12px;
        content: '';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0% 50%;
        filter: brightness(0.5);
    }
}
@media (max-width: 991px){
    .rakamlar .counters.template-1>div {
        width: 50%;
        margin-bottom: 15px;
        background: #71001d;
        padding: 20px 0;
        color: #fff;
        border-left: 15px solid white;
        border-right: 12px solid white;
        transition: .3s;
    }
    .rakamlar .counters.template-1>div:last-child{
        width: 100%;
    }
    .rakamlar .counters.template-1>div:hover{
        border-left: 0px solid white;
        border-right: 0px solid white;
    }
    .rakamlar .counters.template-1>div.col-xs-12.col-sm-6.col-md-3:before {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        left: -19px;
        bottom: 0px;
        z-index: 1;
        background-image: url(/upload/logo/logo.svg);
        opacity: .19;
        transition: .3s;
        background-size: 130px;
        background-repeat: no-repeat;
        background-position: center left;
    }
    .rakamlar .counters.template-1>div.col-xs-12.col-sm-6.col-md-3:hover:before {
        background-size: 530px;
        opacity: .019;
        left: 0px;
    }
}

#header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-title{
    display: none!important;
}

/********MEGA MENU & ANA MENU İKONLAR SON ***********/

/*Form Design Start*/
.modal-body input.btn-classic-form{
    width:100%!important;
}
.modal-body label.ozelFormLabel {
    font-weight: 700;
    color: #ffffff;
    font-family: 'Archivo', sans-serif;
    letter-spacing: 1px;
    background-color: #8e8e8e;
    width: fit-content;
    margin-bottom: -1px;
    margin-left: 0;
    padding: 2px 5px;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ddd;
}
.modal-content{
    background-image: repeating-linear-gradient(45deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(0deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(135deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(90deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),linear-gradient(90deg, rgb(255 255 255),rgb(66 66 66 / 1%))!important;
    border-radius:6px!important;
}
.modal-content .form-control{
    background:#ffffffcf;
}
.modal-content .modal-title {
    text-align: center;
}
.modal-header h4 {
    font-size: 1.9em;
}
.modal-content:before {
    display: block;
    position: absolute;
    top: -53px;
    right: 0;
    left: 15px;
    width: 128px;
    height: 146px;
    background-image: url(/upload/logo/bodrum-kitchen-logo-1601300410.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 56px;
    content: " ";
    filter: opacity(0.5);
}
.modal-header .close{
    opacity: .3;
    font-size: 36px;
}
.modal-body{
    display:block!important;
}
@media (max-width: 767px){
    .modal-content{
        margin: 4%;
        width: 92%;
    }
    #footer h5:before {
        left: 50% !important;
        margin-left: -6px !important;
    }
}
/*Form Design End*/

@media (min-width:1300px) and (max-width:1400px){
    .container {
        width: 1270px!important;
    }
}
@media (min-width: 1401px) and (max-width:1500px){
    .container {
        width: 1350px!important;
    }
}
@media (min-width: 1500px) and (max-width:2600px){
    .container {
        width: 1250px!important;
    }
    #footer-wrapper .container{
        /*width: 1240px!important;*/
    }
}

.o0{opacity:0;}


.content h4{
    font-weight: 700;
}

/*İçerik Düzenlemeleri*/
@media only screen and (min-width: 992px){
    .xcr{
        clip-path: polygon(0% 0%, 90% 0, 100% 100%, 10% 100%);
    }
}
@media only screen and (max-width:  767px){
    h2 {
        font-size: 1.6em;
        margin-bottom: 10px!important;
    }
    .xcr{
        margin-bottom: 15px!important;
    }
}
.xcr{
    filter: grayscale(.7);
    opacity: .9;
}
/*leftMenu Start*/
@media only screen and (min-width: 992px){
    body:not(.page-) .leftMenu ul {
        margin-top: 20px;
        padding: 20px 15px;
        width: 100%;
    }
}
.leftMenu a:not(.btn):hover {
    color: #0086b8;
}
.leftMenu ul {
    background: #ededed;
    padding: 20px 30px;
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
    list-style: none;
}
.page- .leftMenu, .page- .girisHakkimizda{
    margin-top: 30px;
}
.lefMenu a:hover{
    color: #1380b9;
}
.leftMenu a:not(.btn) {
    transition: .2s;
    text-transform: uppercase;
    font-size: 16px;
    color: #78797a;
    text-decoration: none;
    display: block;
    padding: 20px 0;
    padding-left: 10px;
}
.leftMenu ul li {
    border-top: 1px solid #d3d3d3;
}
.leftMenu ul li:first-child {
    border-top: 0 none;
}
.leftMenu ul li a:before {
    z-index: 1111111;
    width: 40px;
    height: 40px;
    left: 1px;
    top: 12px;
    content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    filter: brightness(0.5);
}
.leftMenu ul li a{
    position: relative;
}


/***Header Start***/
.toggle{
    padding: 15px;
    background: #ededed;
}
.toggle li:first-child {
    border-top: 0 none;
}
.block .menu-list{
    border-top: 1px solid #d3d3d3;
}
.menu-list a:before{
    border-left: 4px solid #1279b500!important;
}
@media (min-width: 992px){
    select.form-control {
        border-radius: 4px;
        border: 1px solid #ededed!important;
        box-shadow: 0px 10px 25px 0px rgb(0 0 0 / 5%)!important;
        padding: 10px 12px!important;
        height: 47px!important;
        font-size: 14px!important;
        line-height: 30px!important;
        text-transform: uppercase;
    }
    .subeformu .tab-content{
        background: transparent!important;
        border: 0!important;
        box-shadow: none;
        margin-top: 17px;
    }
    .subeformu .form-area.row{
        margin-top: 10px;
    }
    .subeformu h2 {
        font-size: 1.7em;
    }
    .subeformu{
        width: 56%;
        margin-left: 22%;
        box-shadow: 0px 25px 50px 0px rgb(0 0 0 / 7%);
        padding: 35px 20px 0px 20px;
        background: linear-gradient(0deg, white 33%, #ffffffd4);
        border-radius: 15px;
        border: 1px solid #ddd;
        margin-top: -261px;
    }
    .subeformu .col-md-5.mt10{
        padding: 0px 0px 0px 15px;
    }
}
@media (max-width: 991px){
    select.form-control {
        border-radius: 0 0 4px 4px;
        border: 1px solid #ededed!important;
        box-shadow: 0px 10px 25px 0px rgb(0 0 0 / 5%)!important;
        padding: 10px 12px!important;
        height: 47px!important;
        font-size: 14px!important;
        line-height: 30px!important;
        text-transform: uppercase;
    }
    .subeformu .btn.btn-primary{
        width: 100%!important;
    }
    .subeformu{
        padding-top: 20px;
        background: #074449;
    }
    .subeformu h2, .subeformu p, .subeformu .ozelFormLabel {
        color: white;
    }
    .subeformu .ozelFormLabel{
        text-align: center;
        background: #004370;
        margin: 10px 0 0!important;
        padding: 6px;
        border-radius: 4px 4px 0 0;
    }
    .subeformu .tab-content.left.w100y{
        background: transparent!important;
        border: 0;
    }
}

html:not(.sticky-header-active) #header.header-flex .header-container{
    display: block!important;
    margin: 0 !important;    
}
@media (min-width: 992px){
    .form-control{
        min-height: 47px;
        border-radius: 4px!important;
    }
    .ekip .thumb-info-takim-t1{
        width: 20%;
    }
    .content span.imgafter {
        background: #743d3d00;
        width: 367px;
        height: 309px;
        position: absolute;
        top: 20px;
        right: -20px;
        background-size: cover;
        z-index: -1;
        border: 3px solid #f05a2261;
        transition: .4s;
    }
    .contentDiv:hover .content span.imgafter {
        width: 367px;
        height: 339px;
        right: 115px;
        border: 22px solid #f05a2261;
        top: 10px;
        z-index: 0;
    }
    /*
    .contentDiv img{
        transition: .3s
    }
    .contentDiv:hover img{
        margin-top: 30px;
    }
    */
    .contentDiv .row .content p:nth-child(1){
        margin: 0;
    }
    .sidebar .toggle{
        margin: 0;
        padding-top: 5px;
        padding-bottom: 0;
        margin-bottom: 30px;
    }
    .sidebar ul li{
        letter-spacing: 1px;
    }
    .sidebar h2 {
        letter-spacing: 0;
        margin: 0;
        background: #1a1a18 !important;
        padding: 5px 0 5px 22px;
        color: white;
        font-size: 26px;
    }
    #header .header-top .header-social-icons{
        margin-top: 12px;
        margin-right: 8px;
    }
    #header .header-top .social-icons li{
        box-shadow: none;
    }
    #header .header-top .social-icons li a{
        background: transparent;
        border-right: solid 1px rgba(255,255,255,.1);
        border-radius: 0;
        transition: .3s;
    }
    #header .header-top .social-icons li:last-child a{
        border-right: 0;
    }
    #header .header-top .social-icons li:hover a{
        background: transparent!important;
    }
    #header .header-top .social-icons li a i{
        color: white;
    }
    #header .header-top .social-icons li a:hover i{
        color: #f19719;
    }
    .header-nav.header-nav-stripe .header-social-icons{
        display: none;
    }
    /* KALDIRILDI: Almanca menuye 3px yan bosluk veriyordu, .de sitesinde
       tum menu Almanca oldugu icin ogeler birbirine yapisiyordu.
       #header .header-nav.header-nav-stripe nav>ul>li>a:lang(de){
           padding: 20px 3px!important;
       } */
    div.translation-icons{
        margin-top: 25px;
        margin-left: 15px;
    }
    #language_select a{
        text-decoration: none;
        margin-right: 5px;
    }
    #language_select a img {
        transition: .3s;
    }
    #language_select a:hover img {
        transform: scale(1.1);
    }
    html:not(.ie) #header.header-flex .header-column:nth-child(2){
        /*
        flex-wrap: wrap;
        */
        align-content: space-around;
        align-items: flex-end;
    }
    #header .header-nav-main nav>ul>li>a{
        text-transform: capitalize;
        font-size: 17px;
    }
    #header.header-flex.header-transparent-bottom-border .header-nav-main.header-nav-main-square nav>ul>li.dropdown .dropdown-menu{
        margin-top: -8px;
    }
    #header .header-body{
        background: transparent!important;
        transition: 0;
        border: 0;
    }
    .sticky-header-active #header .header-body{
        background: #ffffff!important;
    }
    .header-nav-top .nav.nav-pills li:first-child{
        height: 50px;
    }
    .page-surgulu-ray-dolap .masonry .masonry-item {
        width: 33.3333%;
    }
    .page- .header-nav-top .fa.fa-globe{
        color: #dddddd;
    }
    html.sticky-header-active #header.header-flex .header-nav-main-effect-2 nav>ul>li.dropdown:hover>.dropdown-menu{
        top: calc(100% + -3px);
    }
    html #header.header-flex .header-nav .header-social-icons{
        margin: 0 0 10px 10px;
    }
    .sticky-header-active #header.header-flex .header-nav .header-social-icons{
        margin: 0 0 4px 10px;
    }
    .sidebar .row div{
        margin-top: 0;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after {
        border-color: transparent transparent transparent #de1d23;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu{
        border-top: 0!important;
    }
    #header.header-narrow .header-nav.header-nav-stripe nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li>a {
        padding: 20px 7px;
    }
    #header .header-nav-top{
        margin-top: 0
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{
        font-size: 20px;
    }
    #header .header-nav-top .nav>li>a{
        font-size: 15px;
        letter-spacing: 1px;
        font-family: 'Archivo', sans-serif!important;
        font-weight: 400;
        padding: 15px 12px;
    }
    #header .header-nav-top .nav>li>a:hover{
        background: transparent;
        color: #d6d6d6;
    }
    #header .header-nav-top .nav>li>a{
        color: #ffffff;
    }
    /*
    html.sticky-header-active #header .header-body{
        animation: fadeInDown .81s;
    }
    */
    html:not(.ie) #header.header-flex .header-container{
        margin-top: 15px;
    }
    html #header.header-flex .header-top .container, html:not(.ie) #header.header-flex .header-container{
        width: 98%!important;
    }
    html:not(.sticky-header-active) #header.header-flex .header-container{
        display: block!important;
    }
    .header-body{
        max-height: 132px;
    }
    .sticky-header-active .header-body {
        max-height: 153px;
    }
    #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
        background-color: transparent!important;
    }
    html #header.header-flex .header-nav-main nav>ul>li{
        height: 77px!important;
    }
    .header-container.container{
        top: -26px;
    }
    html #header.header-flex .header-nav{
        margin-top: 27px;
    }
    .sticky-header-active #header.header-flex .header-nav {
        margin-top: 27px;
        margin-bottom: -15px;
    }
    .sticky-header-active #header.header-narrow .header-logo .logo-small{
        margin-top: 61px!important;
    }
    .sticky-header-active #header .header-nav.header-nav-stripe nav>ul>li:hover>a {
        color: #1690c4!important;
    }
    .page- #header .header-nav-main nav>ul>li>a.dropdown-toggle:after{
        border-color: #1a1a18 transparent transparent!important;
    }
    body:not(.page-) #header .header-nav-main nav>ul>li:hover>a.dropdown-toggle:after{
        border-color: #1a1a18 transparent transparent!important;
    }
    #header .header-nav.header-nav-stripe nav>ul>li>a{
        font-size: 21px;
        font-weight: 600;
        text-transform: capitalize;
        letter-spacing: 1px;
        font-family: 'Archivo', sans-serif!important;
        color: #ffffff;
    }
    .sticky-header-active #header .header-nav.header-nav-stripe nav>ul>li>a{
        color: #3c3b3f;
    }
    #header .header-nav.header-nav-stripe nav>ul>li>a{
        font-weight: bold !important;
    }
    .sticky-header-active #header .header-nav.header-nav-stripe nav>ul>li:hover>a{
        color: #1a1a18 !important;
        border-bottom: 0;
    }
     .sticky-header-active #header .header-nav.header-nav-stripe nav>ul>li:hover>a {
        color: #1a1a18 !important;
    }
    .sticky-header-active body:not(.page-) #header.header-narrow .header-logo img{
        top: 14px!important;
    }
    .breadcrumb8{
        padding: 50px 0 !important;
    }
    .page-header.breadcrumb8{
        background-position: 50% 75%;
        background-size: cover;
    }
    html #header.header-flex .header-nav-main nav>ul>li>a.dropdown-toggle:after{
        margin-top: 4px!important;
    }
    #header.header-narrow .header-logo img {
        margin: 53px 12px 12px 0;
    }
    .page-header{
        background-image: url(/upload/menu/bc-koleksiyonlar.jpg);background-size:cover;background-repeat:no-repeat;
        background-position: 50% 0%;
        border: 0px solid #f1f0ea;
        margin: 0px 0 35px;
        padding: 174px 0 150px;
        background-color: #fffffc;
        text-align: center
    }
    .sayfa-ust-728 .col-md-9.col-sm-12.col-xs-12.col-sm-12.col-xs-12.contentDiv{
        float: right;
    }
}
.page-header:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background: rgba(18,18,16,.40);   /* OLIVE: kartal mavisi (rgba(18,18,16,.40)) idi */
    z-index: 0;
    background-repeat: no-repeat;
    opacity: 1;
}
.page-header h1{
    letter-spacing: 0;
    font-size: 52px;
    line-height: 56px;
    font-weight: 800;
    color: white;
    z-index: 2;
}
.page-header h1 span{
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0;
}
@media (max-width: 991px) {
    .m-p0{
        padding: 0!important;
    }
    .col-md-12.col-sm-12.col-xs-12.slider4.mt15.photoswipe_wrp {
        padding: 0;
    }
    .page-header{
        background-image: url(/upload/images/olive-breadcrumb-mob.jpg);
        background-size: cover;
        background-position: 50% 50%;
        border: 0px solid #f1f0ea;
        margin: -195px 0 35px;
        padding: 330px 0 57px;
        background-color: #fffffc;
        text-align: center;
        float: left;
        overflow: visible;
        width: 100%;
    }
    .page-header h1{
        font-size: 36px;
        line-height: 46px;
    }
}
.page-header h1 {
    border-bottom: 0px solid #074449;
}
.breadcrumb a {
    color: #777;
}
.page-header .breadcrumb>li>span{
    color: #ccc;
}

/* Arrow Animasyon Başla */
.new-arrow.down {
    padding-right: 0;
    position: absolute;
    display: block;
    height: 10px;
    width: 10px;
    border: 1px solid transparent;
    transform: rotate(315deg);
    margin-top: -21px;
    margin-left: -29px;
}
.new-arrow.right:before {
    border-top: 2px solid #f00;
    border-left: 2px solid #f00;
    border-bottom: 0;
    border-right: 0;
}
.new-arrow.right:after {
    border-top: 2px solid #f00;
    border-left: 2px solid #f00;
    border-bottom: 0;
    border-right: 0;
}
.new-arrow.right {
    padding-right: 0;
    position: absolute;
    display: block;
    height: 10px;
    width: 10px;
    border: 1px solid transparent;
    transform: rotate(315deg);
    margin-top: -21px;
    margin-left: 69px;
}
.new-arrow{
    position: absolute;
    display: block;
    height: 10px;
    width: 10px;
    padding-right: 20px;
    border: 1px solid transparent;
    transform: rotate(315deg);
    margin-left: -29px;
    margin-top: 23px;
}
.new-arrow:after, .new-arrow:before{
    content:"";
    display: block;
    height: inherit;
    width: inherit;
    position: absolute;
    top: 0;
    left: 0;
}
.new-arrow:after{
    border-bottom: 2px solid #f00;
    border-right: 2px solid #f00;
    top: 0;
    left: 0;
    opacity: 1;
    animation: bottom-arrow 1.65s infinite
}
@keyframes bottom-arrow {
    0%{
        opacity:1;transform:translate(0,0)
    }
    45%{
        opacity:0;transform:translate(12px,12px)
    }
    46%{
        opacity:0;transform:translate(-16px,-16px)
    }
    90%{
        opacity:1;transform:translate(-6px,-6px)
    }
    100%{
        opacity:1;transform:translate(-6px,-6px)
    }
}
.new-arrow:before{
    top: 0;
    left: 0;
    border-bottom: 2px solid #f00;
    border-right: 2px solid #f00;
    animation: top-arrow 1.65s infinite
}
@keyframes top-arrow {
    0%{
        transform:translate(-6px,-6px)
    }
    35%{
        transform:translate(0,0)
    }
    90%{
        opacity:1;transform:translate(0,0)
    }
    100%{
        opacity:1;transform:translate(0,0)
    }
}
@media only screen and (max-width: 767px){
    .new-arrow{
        margin-top:1px;
    }    
}
@media (max-width: 991px) {
    .btn-last{
        background: linear-gradient(-45deg, #68eaf7, #5b6cc1, #526dad, #67dcf1);color:#fff;padding: 10px 13px;color:#fff;border-radius:30px;
    }
    .btn-last:hover{
        color:#fff;
    }
    .page-header .new-arrow:after, .page-header .new-arrow:before{
        display:none;
    }
}
/* Arrow Animasyon Bitir */

/*LOGO START*/
.logo-link {
  display: flex !important;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  width: auto !important;
}

.logo-img {
  height: 65px;
  width: auto;
}

.logo-text-wrap {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.logo-title {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}
.logo-slogan {
  font-size: 20px;
  color: #fff;
  white-space: nowrap;
  margin-top: 2px;
}
.sticky-header-active .logo-title{
    color: #3c3b3f
}
.sticky-header-active .logo-slogan{
    color: #1a1a18
}

@media (max-width: 991px){
    .logo-title {
        font-size: 16px;
        color: #333;
    }
    .logo-slogan {
        font-size: 13px;
        color: #333;
    }   
    .logo-link {
        gap: 2px;
    }
    #header.header-mobile-nav-only .header-logo {
        float: left;
    }    
    #header .header-btn-collapse-nav {
        background: transparent;
        color: #1a1a18;
        margin: 5px 0 8px 15px;
    }
    
}


 #torba{
     transition: .1s;
 }
.sticky-header-active #torba{
    opacity: 0;
}
#gayrimenkul path {
    fill: white;
}
#SVGID_3_ stop{
    animation: makine1 12s 1;
    animation-direction: alternate;
}
#uzbilek{
    animation: onLoadText 1s 1;
}
#gayrimenkul{
    animation: fadeIn 1s forwards;
    animation-delay: 500ms;
    opacity: 0;
    animation-direction: alternate;
}
#sembol rect{
    transform-origin: center center;
    -webkit-animation:spin 1s linear 1;
    -moz-animation:spin 1s linear 1;
    animation:spin 1s linear 1;
    transform-box: fill-box;
}
@keyframes onLoadText {
    0%{
        opacity: 0;
        transform: translateX(100px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { from { -webkit-transform: rotate(0deg); transform:rotate(0deg); } to { -webkit-transform: rotate(359deg); transform:rotate(359deg); } }
@-moz-keyframes spin-back { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin-back { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin-back { from { -webkit-transform: rotate(359deg); transform:rotate(359deg); } to { -webkit-transform: rotate(0deg); transform:rotate(0deg); } }
@media only screen and (max-width: 767px){
    .header-nav-top .nav.nav-pills li:nth-child(3){
        display: none;
    }
    #uzbilek linearGradient{
        stroke: 0
    }
    #gayrimenkul path{
        fill: black
    }
    .header-logo svg {
        transition: .3s;
        width: 90px;
        height: 70px;
        margin-top: -10px;
        margin-left: -20px;
    }
    .sticky-header-active .header-logo svg{
        width: 80px;
        height: 81px;
        margin-top: 2px;
    }
}
.header-logo p{
    margin:0 !important;
}
.divider.divider-small hr {
    background: #1a1a18;
}
a, a:hover, a:focus {
    color: #3c3b3f;
}
.btn-primary:hover {
    color: #fff;
    background-color: #1f1d19;
    border-color: #1f1d19;
}
@keyframes makine2{
    0% {
        stop-color:#1a1a18
    }
    50% {
        stop-color:#FECE7C
    }
    100% {
        stop-color:#1a1a18
    }
}
.page- .header-logo svg #blackgroup path{
    transition: .3s;
    fill: #ffffff;
}
.sticky-header-active .page- .header-logo svg #blackgroup path{
    fill: #A5A5A5;
}
#header.header-narrow .header-logo .logo-default{
    filter: drop-shadow(1px 1px 0px #666);
    width: 330px;
    height: 69px;
}
body:not(.page-) #header.header-narrow .header-logo .logo-default{
    margin-bottom: -30px!important;
}
html #header.header-flex .header-logo{
    margin: 0 0 0 0 !important;
}
html #header.header-transparent .header-body:before, html #header.header-transparent-bottom-border .header-body{
    border: 0!important;
}


ul.nav-list li a:before{border-left: 4px solid #1279b5;}
.side-dropdown-custom:before{border-top: 4px solid #bdbdbd!important;}
h1, h2, h3, h4, h5, h6 {font-family: 'Archivo', sans-serif!important;color: #1a1a18;}
h2 {
    font-weight: 700;
}
.tp-caption.main-label{
    font-family: 'Archivo', sans-serif!important;
}
.breadcrumb9 .parallax-background{background-size: contain!important;}
.header-nav-top .fa.fa-globe{color:#828282;}

.menu-list a:not(.side-dropdown-custom) {
    transition: .2s;
    text-transform: uppercase;
    font-size: 14px;
    color: #121212;
    text-decoration: none;
    display: block;
    padding: 12px 0px 12px 10px;
}
@media (max-width: 370px){
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{font-size:.81em}
}
@media (max-width: 475px){
.owl-dots{display:none;}
}
/*
@media (max-width: 320px){
    .rev_slider_wrapper{height: 164px;}
}
@media (min-width: 321px) and (max-width: 375px) { 
    .rev_slider_wrapper{height: 112px;}
}

@media (min-width: 376px) and (max-width: 425px) { 
    .rev_slider_wrapper{height: 400px!important;}
}

@media (min-width: 425px) and (max-width: 768px) { 
    .rev_slider_wrapper{height: 400px!important;}
}
@media (min-width: 769px){
    .rev_slider_wrapper{height: 718px;}
}
*/
.tp-caption.main-label.cinzel {
    line-height: 38px!important;
}
@media (max-width: 360px){
    .tp-caption.main-label.cinzel {
        line-height: 22px!important;
    }
}
@media (max-width: 767px){
    .dropdown-menu>li>a {
        color: #fff;
    }    
    #header .header-nav-main {
        clear: both;
        float: none;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        margin: auto;
        position: absolute;
        padding-top: 110px;
        padding-right: 15px;
        padding-left: 15px;
        background: #1a1a18;
        z-index: -1;
        opacity: 0;
        transition: .2s;
    }
    #header .header-nav-main.in{
        opacity: 1;
    }
    .header-container.container.mt-sm{
        margin-top: 0!important;
        padding-top: 15px;
    }
    #header .header-nav-main nav>ul li {
        border-bottom: 1px solid #e8e8e83b;
    }
    div#revolutionSlider_forcefullwidth {
        margin-top: -120px!important;
    }
    .ekip .thumb-info-takim-t1{
        width: 50%;
    }
    #header .header-top .header-nav-top{
        width: 100%;
    }
    div.pnone.col-md-6{
        float: unset;
    }
    div.pnone.col-md-6:not(.sol){
        float: left;
    }
    .container-fluid>.row>.p-none:last-child section.section{
        min-height: 500px;
    }
    .heading.heading-border {
        margin-bottom: 0px;
    }
    #header.header-no-min-height .header-body{
        min-height: 0.2px!important;
        border-bottom: 0;
    }
    /*
    #header {
        min-height: 121.4px!important;
        max-height: 121.4px!important;
    }
    */
    #header .header-top{
        background: #1a1a18;
        border-bottom: 1px solid #ededed21;
        padding-bottom: 12px;
    }
    /*
    #header .header-top .header-social-icons {
        display: block!important;
        margin: 1px 0 -10px;
    }
    */
    html.sticky-header-active #header .header-body, #header .header-body{
        padding-bottom: 0!important;
    }
    .header-nav-top .nav.nav-pills li:nth-child(2){
        float: right;
    }
    .header-nav-top .nav.nav-pills li:nth-child(4),.header-nav-top .nav.nav-pills li:nth-child(5){display:none;}
    #header .header-nav-top .nav>li>a a:focus, #header .header-nav-top .nav>li>a:hover {color:#fff;background: transparent;}
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{
        color: #ffffff;
        padding: 5px 0 0px;
    }
    #footer:not(.light) h3{margin: 20px 0 5px 0;}
    #header .header-btn-collapse-nav:before {content: '';font-size: small;font-weight:800;}
    #header .header-btn-collapse-nav{
        background: transparent!important;
        border: 0;
    }
    #header i.fa.fa-bars {
        font-size: 40px;
    }
    .sticky-header-active #header .header-btn-collapse-nav {
        margin-top: 30px;
    }
    #header.header-narrow .header-logo img {
        margin: 0px 12px 12px 0;
    }
    #header .header-logo img{
        width: 64px!important;
        height: auto!important;
        margin:0;
        
    }
    html #header.header-flex .header-logo {
        margin: 0 !important;
    }    
    .sticky-header-active #header .header-logo img{top:0!important;}
}

#header .header-logo img{
    margin: 15px 0 15px 0;
}

/*Call to Action CSS*/
.call-to-action .call-to-action-content{
    display: grid;
}
@media (max-width: 767px){
    #footer .widget-column-3, #footer .widget-column-2{
        margin-top: 30px;
    }
    #footer .widget-column-4{
        margin-top: 50px;
    }
    .call-to-action-btn .btn-primary{
        margin: 0!important;
    }
    html .call-to-action.call-to-action-primary {
        padding-bottom: 30px;
    }
    .slideText{
        margin-bottom: 30px;
    }
    .call-to-action .call-to-action-content, .call-to-action .call-to-action-btn{
        text-align: center;
        padding: 0;
        margin-bottom: 0!important;
        width: 100%;
    }
    .call-to-action{
        padding-right: 0;
        padding-left: 0;
    }
    h1 .word-rotate{
        float: none;
    }
    .call-to-action p{
        margin-bottom: 0!important;
        text-align: center!important;
    }
}
/*
@media (min-width: 992px) and (max-width: 1200px){
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{padding:4px 20px 3px 8px!important;}
}
*/
.col-md-3 .portfolio-item.img-thumbnail {
    border: 0;
    margin-top: -18px;
}
.col-xs-6.col-sm-6.col-md-3.mb15{
    padding: 0;
}
.page-header .breadcrumb{
    z-index: 2;
    display: none;
}
/*
section.page-header.breadcrumb1:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #ffffff66 3%, #ffffff99, #ffffffc7 80%, white);
    content: " ";
    z-index: 1;
}
section.page-header.breadcrumb1:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 0%) url(https://www.webtasarim34.com/outsource/t1/vendor/rs-plugin/assets/gridtile.png);
    content: " ";
    z-index: 0;
}
*/
/*polygon start
.portfolio-item.img-thumbnail a .thumb-info-title{display:none;}
.portfolio-item.img-thumbnail a:hover .thumb-info-title{display:none;}
.portfolio-item.img-thumbnail a img{position:inherit;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);transition:1s;}
.portfolio-item.img-thumbnail a:hover img{-webkit-clip-path: polygon(0 0, 100% 0, 0 0, 0% 100%);
clip-path: polygon(0 0, 100% 0, 0 0, 0% 100%);}
/*polygon finish*/
/* -- Google Translate Css*/
.goog-te-gadget-icon{display:none;}
.goog-te-banner-frame.skiptranslate {display:none !important;} 
body{top: 0px !important;}
.goog-te-gadget-simple{border:0!important;}
.goog-te-gadget-simple {background-color: transparent!important;}
.goog-te-gadget-simple .goog-te-menu-value span {font-family: 'Archivo', sans-serif;color:#828282 !important;}
.page- .goog-te-gadget-simple .goog-te-menu-value span {color:#ddd  !important;}
.goog-te-gadget-simple .goog-te-menu-value{padding:0px;margin:0 15px 0 0;display: inline-block;}
.goog-te-gadget-simple{padding-top:0;}

#header .header-top .header-nav-top{max-height:48px;overflow: hidden;}
html.sticky-header-active #header.header-semi-transparent-light .header-body{top:0px !important;}
.goog-te-gadget-simple{font-size:14px !important;color: #222 !important;}
.fa.fa-globe {float:left;padding:5px 6px;}
/* -- End Google Translate Css */
/*
.call-to-action.call-to-action-primary:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -100px;
    background-image: url(/upload/images/section-bg.svg);
    width: 100%;
    height: 100%;
    opacity: 0.1;
    z-index: 1;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: -56px;
}
*/
.testimonial blockquote p {min-height:auto!important;}
#header .header-nav-top .nav>li>a a:focus, #header .header-nav-top .nav>li>a:hover {
    background:transparent!important;
}
.btn-primary-scale-2{
    background: #000!important;
    color: #ffffffab!important;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

@media screen and (max-width: 768px) {
  .masonry .masonry-item{width:50%;}
}
.masonry-item .thumb-info {
    border: 10px solid #fff;
}

.thumb-info .thumb-info-action-icon{background-image: linear-gradient(147deg, #990000 0%, #ff0000 74%);}

section.section-serit{background-image: linear-gradient(315deg, #fffffc 0%, #beb7a4 74%);/*background-image: linear-gradient(147deg, #990000 0%, #ff0000 74%);background: linear-gradient(89deg, #1a1a18 , #1a1a18 , #1a1a18 , #1a1a18 );*/}
section.section-haberler{background-image: linear-gradient(315deg, #fffffc 0%, #beb7a4 74%);}
.owl-theme .owl-dots .owl-dot span{background:#949494;}
html .btn-dark {background-color: #727271;border-color: #727271;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #074449!important;}
@media (max-width: 991px){
    #header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover {
        color: #ffffff;
    }
    #header .header-nav-main nav>ul li a{
        padding: 12px 8px;
        font-size: 15px;
    }
}
.section-anasayfa {
background: linear-gradient(89deg, #1a1a18 , #1a1a18 , #1a1a18 , #1a1a18 )!important;padding: 20px 0!important;margin-top:0!important;margin-bottom:0!important;}
.section-serit h2,.section-serit h4{text-shadow: 0 0 2px dimgrey;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #074449;}

html .btn-primary {
    border-color: #1a1a18;
    background: #1a1a18;
}

/*Footer Start*/
#footer .footer-copyright p, #footer .footer-developed-by a {
    color: #ffffff54!important;
}
#footer .footer-copyright.pt-md.pb-md.tleft{text-align:center;}
#footer .footer-copyright img{opacity:0.5;}
#footer .footer-copyright .footer-developed-by{
    z-index: 2;
    padding-top: 15px;
    padding-bottom: 150px;    
}
#footer:before {
    content: "";
    display: flex;
    position: absolute;
    margin: auto;
    background-image: none;
    background-position: center;
    background-size: 30%;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    z-index: 1;
    background-repeat: no-repeat;
    align-content: center;
    flex-wrap: nowrap;
}

#footer-wrapper>.container>.col-md-3{
    z-index: 2;
}
.footerlogo {
    background-color: #1a1a1800;
    padding: 0px;
    text-align: center;
    margin: -15px 0 25px 0;
    width: 185px;
    float: none;
}
@media (min-width: 768px) {
    .logo.footerlogo img{
        width: 142px;
        margin-top: -73px;
    }
}
@media (max-width: 767px) {
    .social-icons li{
        margin-right: 10px;
    }
    .social-icons li:last-child{
        margin-right: 0;
    }
    .iufzhm .lhJXOF{
        margin-left: -15px;
    }
    footer#footer:before {
        background: linear-gradient(180deg, black, transparent);
    }
    #footer{
        background-position: 81% 100%!important;
        padding: 0px!important;
    }
    #footer-wrapper{text-align:center;padding: 0!important;}
    #footer-wrapper .footerlogo{margin:0 auto 15px;}
}    
#footer-wrapper .col-md-3 ul li a:before{content: '\203A';display:inline-block;margin-right:5px;font-size: 19px;color: #fff;}
#footer-wrapper .col-md-3 ul.social-icons li a:before{content:none;}
#footer-wrapper .footer-social-icons>li>strong>a:before{content:none!important;}
#footer .footer2 .social-icons li{border-radius:0;box-shadow:none;list-style-type:none;}
#footer .footer2 .social-icons li:hover a{opacity:1}
#footer .footer2 .social-icons li a{color:#FFF!important;border-radius:0}
#footer .footer2 .social-icons li.social-icons-twitter a{background:#1aa9e1}
#footer .footer2 .social-icons li:hover.social-icons-foursquare a{background:#0072b1!important}
#footer .footer2 .social-icons li:hover.social-icons-tripadvisor a{background:#00AF87!important}
#footer .footer2 .social-icons li.social-icons-facebook a{background:#3b5a9a}
#footer .footer2 .social-icons li.social-icons-instagram a{background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
#footer .footer2 .social-icons li:hover.social-icons-instagram a{background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;}
#footer .social-icons li:hover.social-icons-foursquare a{background:#0072b1!important}
#footer .social-icons li:hover.social-icons-tripadvisor a{background:#00AF87!important}
#footer .social-icons li:hover.social-icons-linkedin a{background:#0e76a8 !important}
.social-icons li:hover.social-icons-facebook a{background: #3b5a9a!important;}
.social-icons li:hover.social-icons-twitter a {background: #1aa9e1!important;}
.social-icons li:hover.social-icons-instagram a {background: #f09433!important; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)!important; 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important; 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 )!important;}
#footer .footer-copyright {
    margin-top:0;
    background: transparent;
    border-top: 0;
}
#footer .container .row>div {
    margin-bottom: 0;
}
.phone-no {
    line-height: 22px;
}

#footer-wrapper .col-md-3 .phone-no p {
    margin-bottom: 2px;
}
.phone-no span{color: #1a1a18;}
#footer-wrapper {
    position: relative;
    padding: 50px 0 0;
}
#footer-wrapper .footer-social-icons {
    margin-top: 20px;
    padding-left:0;
}
#footer-wrapper .footer-social-icons li{display: inline-block;}
#footer{
    font-size:1em!important;
    margin-top: 0;
    border: 0;
    padding: 0;
    background: #000; 
    background-position: 81% 50%;
    background-size: cover;
}

/*Footer Social Icons Start*/
    #footer .social-icons li {
        border-radius: 0;
        box-shadow: none;
        margin: 0;
    }
    #footer .social-icons li a {
        overflow: hidden;
        margin: 0 5px 5px 0;
        width: 40px;
        height: 40px;
        border: #999 1px solid;
        border-radius: 3px;
        color: #999!important;
        background: transparent;
    }
    #footer .social-icons li a i {
        font-size: 20px;
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        margin-top: 10px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    #footer .social-icons a:hover i {
        color:#fff;
    }
    #footer .social-icons a:hover i:first-child {
        margin-top: -38px;
    }
    #footer .social-icons a:hover i:last-child {
        margin-top: 8px;
    }
    /*Footer Social Icons End*/
.phone-no span, .phone-no a:hover, .col-md-3 h5 span, .widget-column-2 ul li a:hover, .widget-column-2 ul li.current_page_item a {
    color: #1a1a18;
}

#menu-footer-menu{list-style: none;padding-left:0}
.col-md-3 h5 {
    font-weight: 400;
    margin-bottom: 25px;
    text-transform: uppercase;
    border-bottom: 1px solid #3f3f3f;
    padding-bottom: 15px;
    color:  #fff;
    font-size: 26px;
}
#footer h5:before {
    position: absolute;
    content: '';
    top: 32px;
    left: 14px;
    height: 3px;
    width: 12px;
    background: #1a1a18;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#footer .col-md-3:hover h5:before{
    width: 181px;
}

/*Footer End*/
.footer-ribbon{display:none;}
/*Butonlar CSS*/
.btn-warning{background-color:#333;border:#333;}
.btn-white{color:#fff;border:1px solid #ccc;}
.btn-white:hover{color:#fff;border: 1px solid #00538082;background-color: #27317d82;}
/*Butonlar CSS SON*/
.social-icons li:hover.social-icons-instagram a {background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}.page-odeme .submit{margin-bottom: 30px;}
.panel-group {margin-top: 42px;}
.product-price-box .old-price {width:100%;}
#footer p, #footer a{color:#fff !important;}

@media only screen and (min-width: 992px){
    #footer .container .row>div {
        margin-bottom: 0;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after {
        border-color: transparent transparent transparent #08c;
    }
}

.owl-carousel .owl-nav .owl-prev {
    left: -25px;
}
.owl-carousel .owl-nav .owl-next {
    right: -25px;
}

.header-logo a .logo-text span:first-child {
    font-size: 18px;
    color: #08c;
    text-align: left;
    font-weight: 600;
    letter-spacing: -1.3px;
    margin-top: -5px;
}
.header-logo a .logo-text span:nth-child(2) {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.7px;
    margin-top: 2px;
    color: #575757;
}
.logo-icon-wrp {
    float: left;
    width: 50px;
    height: 45px;
}
.parallax-background{background-repeat: no-repeat;}

.testimonial blockquote {background: #f5f5f5;}
.testimonial .testimonial-arrow-down {border-top-color: #f5f5f5;}


.page- .testimonial blockquote {background: #fff;}
.page- .testimonial .testimonial-arrow-down {border-top-color: #fff;}

.testimonial blockquote p {color: #777;}
.testimonial blockquote:after, .testimonial blockquote:before {color: #777;}
@media only screen and (min-width: 768px){
.testimonial blockquote p{min-height: 231px;max-height: 231px;overflow-y:auto;overflow-x:hidden;}
.section-yorumlar .aboutDesc>div:nth-child(1n+4){margin-top:30px;}
}

/*
section.section {
    margin: 0;
    padding: 30px 0;
}
.row {
    padding-bottom:30px;
}
*/

 /*  STYLE 1
 */

.testimonial blockquote p::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.testimonial blockquote p::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.testimonial blockquote p::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.section.template-2{margin-top:0;}

.section-primary.template-2 span, .section-primary.template-2 label{color:#fff;}

.counters.template-2 strong { line-height: 1;font-size: 3.6em;font-family: 'Archivo', sans-serif!important;font-weight:normal;}
.counters.template-2 label{ font-family: 'Archivo', sans-serif!important;font-weight:normal;font-size: 1.1em;color: #6a80a9 !important;}

.ml-15{margin-left:-15px;}
.mr-15{margin-right:-15px;}

/* Genel */
/*.text-primary{color:#ab7c09 !important;}*/
.breadcrumb-section{margin:0 0 60px 0 !important;}

.wws-popup__open-btn{
/*background: linear-gradient(89deg, #1a1a18 , #1a1a18 , #1a1a18 , #1a1a18 );*/
background: linear-gradient(89deg, #0c9e43 , #1ba54f , #5ed88c, #077731 );
background-size: 400% 400%;

-webkit-animation: AnimationName 15s ease infinite;
-moz-animation: AnimationName 15s ease infinite;
animation: AnimationName 15s ease infinite;

}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes AnimationName { 
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}


/* .product .product-image-area {padding:0;border:none;border-radius:0;} */
.product .product-image-area .product-image{border-radius:0;}

#footer .footer-ribbon span, .home-concept strong, .home-intro p em {font-family: inherit;}

body{
    font-family: 'Archivo', sans-serif!important;
    font-size: 16px;

}
body p{
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: 'Archivo', sans-serif!important;
}

.tp-caption.PostSlider-Title, .PostSlider-Title {/*font-family: 'Muli', sans-serif;*/font-family: 'Archivo', sans-serif!important;}

html .scroll-to-top {
    background: #1a1a18;
    bottom: 180px;
    color: #ffffff;
}
html .scroll-to-top:hover, html .scroll-to-top:focus{color: #ffffff;}



/* Slider Bullet */
.tp-thumbs.hades {background: transparent !important;}
.section .HakkimizdaTitle {
    font-size: 40px;
}
.call-to-action-content .fa-star{font-size:30px;color:#FD4;}
.call-to-action-with-star .call-to-action-content{padding-top:0;padding-bottom: 0;}

.call-to-action.call-to-action-with-star .call-to-action-content {
    width: 65%;
}
.call-to-action.call-to-action-with-star .call-to-action-btn {
    width: 30%;
}
@media (max-width: 500px) {
    .custom-footer{text-align:center!important;}
}
@media (max-width: 767px) {
    .call-to-action.call-to-action-with-star .call-to-action-btn,
    .call-to-action.call-to-action-with-star .call-to-action-content{
        width:100%;
    }
}
.footer_custom{
    clear: both!important;
}

.footer_custom ul{padding:0}
.footer_custom ul li{list-style:none}
.footer_custom .footer-copyright{border-top:0!important}
.footer_custom .footer-copyright .container .row > div{border-top:1px solid #e4e4e41f}
#googlemaps{min-height:550px}

html .background-color-light {
    background-color: #fff0!important;
}
.list.list-icons li > .fa:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .fa:first-child, .list.list-icons li a:first-child > .icons:first-child {
    position: absolute;
    left: 0;
    top: 5px;
}
.list.list-icons {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}
.fa-check:before {
    color: #0088cc;
    border-color: #0088cc;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
}
.icons {font-size: inherit;}
/*Gallery Start*/
    .row.slider4 div.col-md-3{
        padding: 0 10px;
    }
    .thumb-info .thumb-info-title, .thumb-gallery .thumb-info-title{
        max-width: 100%;
        bottom:0;
    }
    .urunler .thumb-info .thumb-info-title{
        position: relative;
        text-transform: capitalize;
        background: #ffffff;
        color: #1a1a18;
        text-shadow: 0 0 black;
        letter-spacing: 0;
        font-size: 25px;
        font-weight: 300;
        text-align: center;
    }
    .urunler .thumb-info:hover .thumb-info-title{
        color: #fff;
    }    
    .urunler .owl-carousel .owl-nav [class*="owl-"]{
        color: #1a1a18;
        font-size: 44px;
    }
    .urunler .owl-carousel .owl-nav .owl-prev {
        left: -55px;
    }
    .urunler .owl-carousel .owl-nav .owl-next {
        right: -35px;
    }
    .urunler .owl-theme .owl-nav [class*=owl-]:hover{
        color: #074449;
    }
    .ref-anasayfa .owl-carousel .owl-nav [class*="owl-"]{
        color: #1a1a18;
        font-size: 44px;
    }
    .ref-anasayfa .owl-carousel .owl-nav .owl-prev {
        left: -55px;
    }
    .ref-anasayfa .owl-carousel .owl-nav .owl-next {
        right: -35px;
    }
    .ref-anasayfa .owl-theme .owl-nav [class*=owl-]:hover{
        color: #074449;
    }
    .thumb-info:hover .thumb-info-title {
        background: #26241f;
    }
    .portfolio-item.img-thumbnail{
        padding:0px;
        border:0;
        border-radius:4px!important;
    }
    .portfolio-item .thumb-info{
        border:0;
        border-radius:4px!important;
        padding: 0px;
    }
    .referanslar .portfolio-item .thumb-info{
        border:0;
        border-radius:4px!important;
        padding: 0 30px;
    }
    .thumb-info img:hover {
        opacity: 0.85;
    }
    .owl-theme .owl-nav [class*=owl-]:hover {
        color: #898a8d;
    }
    .owl-carousel .owl-nav [class*="owl-"] {
        color: #aa2d2d;
        width: 20px;
        background: transparent !important;
    }
    .mfp-bottom-bar{
        display:table;
        margin-top:-81px;
    }
    .mfp-bottom-bar .mfp-title{
        height: 41px;
        vertical-align: middle;
        display: table-cell;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        margin-top: -36px;
        color: #005AC4;
        border:1px solid #ddd;
    }
    .urunler .thumb-info-type{
        letter-spacing: 1px;
        margin-top: 0;
        background: white;
        white-space: normal;
        margin-left: -15px;
        margin-right: -15px;
        min-height: 130px;
        padding: 10px 15px;
    }
    .urunler .thumb-info-type > p{
        letter-spacing: .4px;
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 10px;
    }
    .urunler .thumb-info:hover:after{
        background: #006eb730;
    }
    .urunler .thumb-info img{
        transition: .3s;
    }
    .urunler .thumb-info:hover img{
        transform: none;
    }
    .urunler .thumb-info{
        display: flex;
        flex-direction: column-reverse;
        box-shadow: 0 0 30px -10px #ccc;
        margin-bottom: 10px;
    }
/*Gallery Finish*/

/*****************İÇERİK RESİM START****************/

.custom-text-align-right{
    text-align: left!important;
}
@media screen and (max-width:600px){
    .match-height.section-parallax, .match-height .parallax-background{
        background-size: cover!important;
        min-height: 240px!important;
        max-height: 240px;
    }
    .custom-footer{
        text-align: center;
    }
}
@media screen and (min-width:992px){
    /*
    p.text-md.text-color-dark, p.custom-text-color-1.mb-xlg{
        display: none;
    }
    */
    .match-height .parallax-background{
        background-size: contain!important;
    }
    .parallax-wrp-1 section.section.section-parallax, .parallax-wrp-3 section.section.section-parallax, .parallax-wrp-5 section.section.section-parallax, .parallax-wrp-7 section.section.section-parallax{
        /*clip-path: circle(36% at 50% 50%);*/
        clip-path: circle(100% at 68% 53%);
        transition: .3s;
    }
    .col-half-section-right .background-color-primary{
        background: transparent!important;
    }
    .col-half-section{
        padding-right: 65px;
    }
    section.section-bg{
        padding-top: 10px;
    }
    section.parallax.section.section-parallax.match-height.custom-parallax-bg-pos-left.custom-sec-left.m-none.lazyLoad:before {
        position: absolute;
        background-size: 220px!important;
        background: url(/upload/images/arbuset-bg.svg);
        background-repeat: no-repeat;
        z-index: 0;
        top: -60px;
        left: 67%;
        content: '';
        width: 100%;
        height: 100%;
        opacity: .3;
    }
    section.section-bg:before {
        background-color: #f4f4f400!important;
        background: url(/upload/images/section-bg.svg);
        background-size: 119px;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        content: '';
        top: 0;
        filter: grayscale(1);
        left: 0;
        opacity: .04;
    }
    .section.match-height{
        height: auto!important;
        /*overflow: inherit!important;*/
        min-height: 405px!important;
    }
    .section.match-height:not(.parallax){
        display: table!important;
    }
    .match-height>div{
        display: table-cell;
        vertical-align: middle;
    }
    /*
    .icerik-resim.col-md-12.col-sm-12.col-xs-12.p0{
        margin-left: 8.33333333%;
        width: 83.33333333%;
    }
    */
    /*Part 1*/
    .icerik-resim .parallax-wrp-1>div:nth-child(1){
        width: 41.66666667%;
        right: -10%;
        z-index: 1;
    }
    .icerik-resim .parallax-wrp-1>div:nth-child(2){
        width: 58.33333333%;
    }
    
    /*Part 2*/
    .icerik-resim .parallax-wrp-2>div:nth-child(1){
        width: 58.33333333%;
    }
    .icerik-resim .parallax-wrp-2>div:nth-child(2){
        width: 41.66666667%;
        left: -10%;
        z-index: 1;
    }
    
    /*Part 3*/
    .icerik-resim .parallax-wrp-3>div:nth-child(1){
        width: 41.66666667%;
        right: -10%;
        z-index: 1;
    }
    .icerik-resim .parallax-wrp-3>div:nth-child(2){
        width: 58.33333333%;
    }
    
    /*Part 4*/
    .icerik-resim .parallax-wrp-4>div:nth-child(1){
        width: 58.33333333%;
    }
    .icerik-resim .parallax-wrp-4>div:nth-child(2){
        width: 41.66666667%;
        left: -10%;
        z-index: 1;
    }

    /*Part 5*/
    .icerik-resim .parallax-wrp-5>div:nth-child(1){
        width: 41.66666667%;
        right: -10%;
        z-index: 1;
    }
    .icerik-resim .parallax-wrp-5>div:nth-child(2){
        width: 58.33333333%;
    }
    
    /*Part 6*/
    .icerik-resim .parallax-wrp-6>div:nth-child(1){
        width: 58.33333333%;
    }
    .icerik-resim .parallax-wrp-6>div:nth-child(2){
        width: 41.66666667%;
        left: -10%;
        z-index: 1;
    }
    
    /*Part 7*/
    .icerik-resim .parallax-wrp-7>div:nth-child(1){
        width: 41.66666667%;
        right: -10%;
        z-index: 1;
    }
    .icerik-resim .parallax-wrp-7>div:nth-child(2){
        width: 58.33333333%;
    }
    
    /*Part 8*/
    .icerik-resim .parallax-wrp-8>div:nth-child(1){
        width: 58.33333333%;
    }
    .icerik-resim .parallax-wrp-8>div:nth-child(2){
        width: 41.66666667%;
        left: -10%;
        z-index: 1;
    }
    /*Part 1 Image & Parallax*/
    .icerik-resim .parallax-wrp-1 .col-half-section.col-half-section-right {
        float: left;
        margin-left: 0;
        padding: 30px 40px;
    }
    .icerik-resim .parallax-wrp-1>div:nth-child(2) .parallax-background {
        background-repeat: no-repeat;
        transform: none!important;
        background-size: contain!important;
    }
    
    /*Part 2 Image & Parallax*/
    .icerik-resim .parallax-wrp-2 .col-half-section.col-half-section-right {
        float: left;
        margin-left: 30px;
        padding-right: 60px;
    }
    .icerik-resim .parallax-wrp-2>div:nth-child(1) .parallax-background {
        background-repeat: no-repeat;
        transform: none!important;
        background-size: contain!important;
    }
    
    /*Part 3 Image & Parallax*/
    .icerik-resim .parallax-wrp-3 .col-half-section.col-half-section-right {
        float: left;
        margin-left: 0;
        padding: 30px 40px;
    }
    .icerik-resim .parallax-wrp-3>div:nth-child(2) .parallax-background {
        background-repeat: no-repeat;
        transform: none!important;
        background-size: contain!important;
    }
    
    /*Part 4 Image & Parallax*/
    .icerik-resim .parallax-wrp-4 .col-half-section.col-half-section-right {
        float: left;
        margin-left: 30px;
        padding-right: 60px;
    }
    .icerik-resim .parallax-wrp-4>div:nth-child(1) .parallax-background {
        background-repeat: no-repeat;
        transform: none!important;
        background-size: contain!important;
    }
    
    /*Part 5 Image & Parallax*/
    .icerik-resim .parallax-wrp-5 .col-half-section.col-half-section-right {
        float: left;
        margin-left: 0;
        padding: 30px 40px;
    }
    .icerik-resim .parallax-wrp-5>div:nth-child(2) .parallax-background {
        background-repeat: no-repeat;
        transform: none!important;
        background-size: contain!important;
    }
    
    /*Part 6 Image & Parallax*/
    .icerik-resim .parallax-wrp-6 .col-half-section.col-half-section-right {
        float: left;
        margin-left: 30px;
        padding-right: 60px;
    }
    .icerik-resim .parallax-wrp-6>div:nth-child(1) .parallax-background {
        background-repeat: no-repeat;
        transform: none!important;
        background-size: contain!important;
    }
    
    /*Part 7 Image & Parallax*/
    .icerik-resim .parallax-wrp-7 .col-half-section.col-half-section-right {
        float: left;
        margin-left: 0;
        padding: 30px 40px;
    }
    .icerik-resim .parallax-wrp-7>div:nth-child(2) .parallax-background {
        background-repeat: no-repeat;
        transform: none!important;
        background-size: contain!important;
    }
    
    /*Part 8 Image & Parallax*/
    .icerik-resim .parallax-wrp-8 .col-half-section.col-half-section-right {
        float: left;
        margin-left: 30px;
        padding-right: 60px;
    }
    .icerik-resim .parallax-wrp-8>div:nth-child(1) .parallax-background {
        background-repeat: no-repeat;
        transform: none!important;
        background-size: contain!important;
    }    
    
    .parallax-wrp-2 section.section.section-parallax, .parallax-wrp-4 section.section.section-parallax, .parallax-wrp-6 section.section.section-parallax, .parallax-wrp-8 section.section.section-parallax{
        /*clip-path: circle(36% at 50% 50%);*/
        clip-path: circle(100% at 68% 53%);
        transition: .3s;
    }
    section.section.section-parallax:hover{
        clip-path: circle(100% at 68% 53%);
    }
    .icerik-resim .parallax-wrp-1, .icerik-resim .parallax-wrp-2, .icerik-resim .parallax-wrp-3, .icerik-resim .parallax-wrp-4, .icerik-resim .parallax-wrp-5, .icerik-resim .parallax-wrp-6, .icerik-resim .parallax-wrp-7{
        margin-bottom: 50px;
    }
    .icerik-resim section{
        background: #ffffff;
        padding-top: 20px;
    }
    /*
    body{
        background: #f4f4f4;
    }
    */
}

.icerik-resim .text-uppercase {
    text-transform: capitalize!important;
}
article.post .post-date .month {
    background: #1a1a18;
}
article.post .post-date .day {
    color: #1a1a18;
}
.sayfa-ust-867 .col-md-9.col-sm-12.col-xs-12.col-sm-12.col-xs-12.contentDiv {
    float: left !important;
}
/*****************İÇERİK RESİM END****************/

.custom-fixed-btn{
    line-height: 22px;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 20px;
    display: inline-block;
    margin-top: 14px;
    cursor: pointer;
    box-shadow: 0 0 50px rgba(0,0,0,0.2);
    right: 12px;
    width: auto;
    position: fixed;
    z-index: 9999999;    
}
.custom-fixed-btn:hover{
    color:#fff;
    text-decoration:none;
}
.custom-fixed-btn-whatsapp{
    bottom: 10px;
    background-color: #25D366;
    color: #fff;
}
.custom-fixed-btn-mobil{
    bottom: 60px;
    background-color: #1a1a18;
    color: #fff;
}
.custom-fixed-btn-form{
    bottom: 112px;
    background: #1f1d19;
    color: #fff;
}
@media only screen and (min-width: 768px){
    .custom-fixed-btn{
        padding: 11px 15px;
        font-size: 20px;
        border-radius: 20px;
    }
}
@media only screen and (max-width: 600px){
    .custom-fixed-btn-form{
        left: 0;
        border-radius: 0;
        padding: 15px;
        width: 50%;
        bottom: 0;
        text-align: center;
    }
    .custom-fixed-btn-mobil{
        width: 50%;
        border-radius: 0;
        right: 0;
        padding: 15px;
        bottom: 0;
        text-align: center;
    }
    .custom-fixed-btn-whatsapp{
        bottom: 70px;
        width: 35%;
        text-align: center;
    }
    .custom-fixed-btn {
        border: 3px solid white;
        font-size: 15px;
    }
}
.side-dropdown-custom {
    top: 10px;
}

.lokasyon {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 20px 0;
  gap: 0;
}

.lokasyon li {
  position: relative;
  padding: 4px 16px 4px 0;
  margin: 0;
  font-size: 14px;
}

.lokasyon li:not(:last-child)::after {
  content: "•";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}

.lokasyon li a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s, text-decoration 0.3s;
}

.lokasyon li a:hover {
  color: #1a1a18;
  text-decoration: underline;
}

/* Bahçelievler ve çevresi (öncelikli ilçeler) için vurgu */
.lokasyon li.oncelikli a {
  font-weight: 600;
}

@media (max-width:320px){
    html:not(.sticky-header-active) #header.header-flex .header-container {
        padding: 15px 0 0 0;
    }
}

@media (min-width:991px) and (max-width:1400px){
    #header .header-nav.header-nav-stripe nav>ul>li:hover>a, #header .header-nav.header-nav-stripe nav>ul>li>a {
        padding: 35px 10px;
        margin: 0;
    }
    #header .header-nav.header-nav-stripe nav>ul>li>a {
        font-size: 18px;
    }
    .logo-title {
        font-size: 24px;
    }    
    .logo-slogan {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    html.sticky-header-enabled #header .header-nav-main {
        max-height: 450px;
    }
    #header .header-logo img{
        margin: 0;
    }    
    #header .header-container {
        background:#fff;
    }    
}



/* ==========================================================================
   OLIVE — marka tipografisi (2026-08-30)
   Basliklar: Cormorant Garamond · Govde/UI: Jost · notr siyah palet
   ========================================================================== */
body, p, li, td, input, textarea, select, button, .btn {
    font-family: 'Archivo', sans-serif;
    font-weight: 300;
    letter-spacing: .005em;
    color: #2b2926;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    color: #1a1a18;
    font-weight: 500;
    letter-spacing: .01em;
}
h1 { font-size: 2.9em; }
h2 { font-size: 2.3em; }
h3 { font-size: 1.8em; }

/* ust menu — bu temada selektor .header-nav-main / #mainNav (.nav-main YOK).
   Kartal'da header seffafti ve menu hero uzerine biniyordu -> beyaz metin.
   OLIVE'de header beyaz seritte durdugu icin menu KOYU olmali. */
#header .header-body { background-color: #fff; }
#header .header-nav-main a,
#mainNav a,
#header .header-nav-main li > a {
    font-family: 'Archivo', sans-serif !important;
    color: #1a1a18 !important;
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: 15px !important;
    font-weight: 400;
}
#header .header-nav-main a:hover,
#header .header-nav-main li.active > a,
#mainNav a:hover { color: #8a7b5e !important; }
/* acilir menu (Koleksiyonlar) */
#header .header-nav-main .dropdown-menu a,
#mainNav .dropdown-menu a {
    color: #2b2926 !important;
    letter-spacing: .04em;
    font-size: 16px !important;
    text-transform: none;
    padding-top: 11px;
    padding-bottom: 11px;
    line-height: 1.35;
}
#header .header-nav-main .dropdown-menu,
#mainNav .dropdown-menu { min-width: 232px; padding: 6px 0; }
#header .header-nav-main .dropdown-menu { border-radius: 0; border: 1px solid #e6e2db; }
/* butonlar: dolgun degil, sakin ve genis harf arali */
.btn, .btn-primary, .call-to-action-btn .btn {
    font-family: 'Archivo', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 12px;
    font-weight: 400;
    border-radius: 0;
}
.btn-primary {
    background-color: #1a1a18;
    border-color: #1a1a18;
    color: #fff;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #3a3833;
    border-color: #3a3833;
}
/* urun kart basligi: serif degil, sakin sans */
.product-item h4, .product-item .product-title, .urun-baslik {
    font-family: 'Archivo', sans-serif !important;
    text-transform: none;
    letter-spacing: .04em;
    font-weight: 400;
    font-size: 15px;
}
/* breadcrumb basligi */
.page-header h1 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 500;
    letter-spacing: .02em;
}


/* OLIVE — anasayfa koleksiyon kartlari (owl galeri yerine dogrudan HTML) */
.olive-kol-baslik-satir { margin-top: 70px; margin-bottom: 34px; }
.olive-kol-baslik-satir .lead { color: #6b6862; font-weight: 300; }
.olive-kol-satir { margin-bottom: 70px; }
.olive-kol-kart { padding: 0 10px; margin-bottom: 26px; }
.olive-kol-kart a { display: block; text-decoration: none; }
.olive-kol-gorsel {
    display: block;
    overflow: hidden;
    background: #f2f0ec;
    margin-bottom: 16px;
}
.olive-kol-gorsel img {
    width: 100%;
    display: block;
    transition: transform .9s cubic-bezier(.2,.7,.2,1);
}
.olive-kol-kart a:hover .olive-kol-gorsel img { transform: scale(1.045); }
.olive-kol-ad {
    display: block;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 21px;
    color: #1a1a18;
    letter-spacing: .01em;
    line-height: 1.25;
}
.olive-kol-alt {
    display: block;
    font-family: 'Archivo', sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #6b6862;
    letter-spacing: .04em;
    margin-top: 5px;
}
@media (max-width: 767px) { .olive-kol-baslik-satir { margin-top: 44px; } }

/* OLIVE — mobil menu butonu tema varsayilani (#0088cc) mavisinde kalmisti */
#header .btn.header-btn-collapse-nav,
.header-btn-collapse-nav {
    background-color: #1a1a18 !important;
    border-color: #1a1a18 !important;
    border-radius: 0;
}

/* OLIVE — hero tipografisi: gorseller acik/notr zeminli, beyaz metin okunmuyordu */
.tp-caption.main-label,
.tp-caption.main-label * { color: #1a1a18 !important; }
.tp-caption.paragraf,
.tp-caption.paragraf * { color: #3a3833 !important; }
.tp-caption.main-label {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 500 !important;
    letter-spacing: .02em;
}
.tp-caption.paragraf {
    font-family: 'Archivo', sans-serif !important;
    font-weight: 300 !important;
}


/* ==========================================================================
   OLIVE — header dikey hizalama (logo + menu tam ortali, sticky'de kirpilmasin)
   ========================================================================== */
@media (min-width: 992px) {
    #header .header-body {
        display: flex;
        align-items: center;
        min-height: 108px;
    }
    #header .header-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 108px;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #header .header-container > .header-row,
    #header .header-nav,
    #header .header-logo,
    #header .logo {
        display: flex;
        align-items: center;
        margin: 0 !important;
        float: none;
    }
    #header .logo img {
        max-height: 58px;
        width: auto;
        margin: 0;
        transition: max-height .28s ease;
    }
    /* sticky: header kisalir, logo da orantili kuculur (kirpilma yok) */
    .sticky-header-active #header,
    .sticky-header-active #header .header-body,
    .sticky-header-active #header .header-container {
        min-height: 78px !important;
        max-height: none !important;
    }
    .sticky-header-active #header .logo img { max-height: 40px; }
    #header .header-nav-main ul.nav > li > a { padding-top: 0; padding-bottom: 0; }
}


/* ==========================================================================
   OLIVE — header hizalama DUZELTME
   Kartal temasinda su kurallar bizimkini eziyordu:
     html:not(.sticky-header-active) #header.header-flex .header-container{display:block!important}
     html:not(.ie) #header.header-flex .header-container{margin-top:15px}
     .header-body{max-height:132px}  ·  data-plugin-options stickySetTop:-44px
   ========================================================================== */
@media (min-width: 992px) {
    html:not(.sticky-header-active) #header.header-flex .header-container,
    html.sticky-header-active #header.header-flex .header-container,
    #header.header-flex .header-container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin: 0 auto !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        min-height: 108px !important;
        position: static !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
    }
    #header.header-flex .header-body {
        max-height: none !important;
        min-height: 108px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    #header .header-container.container.mt-sm { margin-top: 0 !important; }
    #header img.logo-img { max-height: 58px !important; width: auto !important; margin: 0 !important;
                           transition: max-height .28s ease; }

    /* STICKY: tema header'i -44px yukari kaydiriyordu (kartal'in 44px header'i icin) */
    .sticky-header-active #header { top: 0 !important; }
    .sticky-header-active #header.header-flex .header-container,
    .sticky-header-active #header.header-flex .header-body,
    .sticky-header-active .header-body {
        max-height: none !important;
        min-height: 78px !important;
        top: 0 !important;
    }
    
}


/* OLIVE — sticky header kirpilmasi
   Tema data-plugin-options: stickySetTop:'-44px' (kartal'in 44px header'i icin).
   Header 92px oldugundan -44px kayma logoyu/menuyu kesiyordu. */
.sticky-header-active #header,
.sticky-header-active #header .header-body,
html.sticky-header-active #header,
html.sticky-header-active #header .header-body {
    margin-top: 0 !important;
    transform: none !important;
}
.sticky-header-active #header .header-body {
    box-shadow: 0 1px 0 rgba(0,0,0,.06);
    background-color: #fff !important;
}

/* OLIVE — footer yasal link seridi */
.footer-yasal { margin-bottom: 10px; font-size: 13px; letter-spacing: .03em; }
.footer-yasal a { color: rgba(255,255,255,.72); text-decoration: none; }
.footer-yasal a:hover { color: #fff; text-decoration: underline; }
.footer-yasal span { color: rgba(255,255,255,.34); margin: 0 8px; }
@media (max-width: 767px) {
    .footer-yasal { line-height: 2; }
    .footer-yasal span { display: none; }
    .footer-yasal a { display: block; }
}


/* ==========================================================================
   OLIVE — ust serit (header-top): yalnizca dil bayraklari
   Tema, 2. dil eklenince bu seridi acti; icinde bos sosyal ikonlar (href="#")
   ve kendi "Turkce v" acilir secicisi var. Bayrak seciciyi biz basiyoruz.
   ========================================================================== */
#header .header-top {
    background-color: transparent !important;
    border-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
#header .header-top .container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
}
/* bos sosyal ikonlar (hesap yok) gizli */
#header .header-top .header-social-icons { display: none !important; }
/* temanin kendi dil acilir secicisi gizli - bayrakla degistirdik */
#header .header-top .nav-pills > li:not(:has(.wt-dil-bayrak)) { display: none !important; }
#header .header-top .nav-pills {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    float: none;
    background: none;
}
#header .header-top .nav-pills > li { float: none; margin: 0; padding: 0; background: none; }
#header .header-top .nav-pills > li > a {
    padding: 3px !important;
    background: none !important;
    line-height: 0;
    display: block;
}
img.wt-dil-bayrak {
    width: 20px; height: 15px;
    display: block;
    border-radius: 2px;
    /* DIS kenarlik: RU bayraginin ust beyaz seridi acik zemine karisip
       bayragi kisa gosteriyordu; ince cerceve hepsini esitler */
    box-shadow: 0 0 0 1px rgba(26,26,24,.22);
    opacity: .62;
    transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease;
}
#header .header-top .nav-pills > li > a:hover img.wt-dil-bayrak,
img.wt-dil-bayrak:hover { box-shadow: 0 0 0 1px rgba(26,26,24,.45); }
#header .header-top .nav-pills > li > a:hover img.wt-dil-bayrak { opacity: 1; transform: translateY(-1px); }
/* sticky durumda ust serit gizlensin (yer kazandirir) */
.sticky-header-active #header .header-top { display: none !important; }
@media (max-width: 991px) {
    #header .header-top .container { justify-content: center; min-height: 30px; }
}


/* OLIVE — DUZELTME: .header-body flex olunca .header-top ile .header-container
   YAN YANA diziliyordu (bayraklar logonun soluna dustu). Dikey sirala. */
@media (min-width: 992px) {
    #header.header-flex .header-body,
    #header .header-body {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        min-height: 0 !important;
    }
    #header.header-flex .header-container {
        width: 100% !important;
        max-width: none !important;
    }
    /* ic container yine ortali ve sayfa genisliginde */
    #header.header-flex .header-container > * { flex: 0 0 auto; }
    #header .header-top .container { width: 100% !important; max-width: none !important; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
}


/* ==========================================================================
   OLIVE — urun listesi: B2B vitrin (sepet/favori/puan YOK)
   satis_sayfalari_ayarlari.Sepet=0 olmasina ragmen motor bu butonlari basiyor.
   ========================================================================== */
.uab-btn, .uab-btn-wrp, .uab-sepet, .uab-favori, .uab-gozat,
.urun-sepete-ekle-mini, .btn-favori, .btn-hizli-gozat,
.product .product-ratings, .prd-svgstars,
.product .rating, .product .price, .product .product-price,
.products-grid .product-actions, .products-grid .product-buttons {
    display: none !important;
}
/* NOT: .product-actions detay sayfasindaki CTA kapsayicisinin da adi ->
   yalnizca liste icinde (.products-grid) gizlenir, detayda ACIK kalir. */
/* buton seridi kalkinca kartin alt boslugu duzelsin */
.products-grid .product { padding-bottom: 6px; }
.products-grid li { margin-bottom: 34px; }

/* urun kart basligi: serif degil, okunakli sans */
.products-grid .product h1, .products-grid .product h2,
.products-grid .product h3, .products-grid .product h4,
.products-grid .product h5, .products-grid .product .product-title,
.products-grid .product .product-name,
.products-grid .product figcaption a,
.product-shop .product-name, .product-info h4 {
    font-family: 'Archivo', sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
    letter-spacing: .02em !important;
    color: #1a1a18 !important;
    text-transform: none !important;
    margin-top: 14px;
    margin-bottom: 4px;
}
.products-grid .product a { color: #1a1a18; }
.products-grid .product a:hover { color: #8a7b5e; }


/* OLIVE — urun DETAY sayfasi: favori + paylas kapali (B2B vitrin) */
#btn-favori-detay,
.btn-favori-detay,
.product-details-box-inner > .col-xs-12.p0.mt10:has(.btn-favori-detay),
.product-share-box,
.addthis_inline_share_toolbox {
    display: none !important;
}
/* favori/paylas kalkinca aciklama ile alt blok arasindaki cizgi bosta kalmasin */
.product-details-box-inner > hr:last-of-type { display: none; }


/* ==========================================================================
   OLIVE — urun detay CTA butonlari (form / telefon / whatsapp)
   Koleksiyon sitesine yakisir sekilde: yuksek, genis, sakin.
   ========================================================================== */
.olive-urun-cta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 26px 0 8px;
}
.olive-cta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 56px;
    width: 100%;
    padding: 0 14px !important;
    text-align: center;
    white-space: nowrap;
    border-radius: 0 !important;
    border: 1px solid #1a1a18;
    font-family: 'Archivo', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400;
    letter-spacing: .14em;
    text-transform: uppercase;
    line-height: 1;
    transition: background-color .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.olive-cta i { font-size: 16px; line-height: 1; flex: 0 0 auto; }
.olive-cta span { font-size: 12px; letter-spacing: .10em; }
.olive-cta span { display: inline-block; }
.olive-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(26,26,24,.16); }

/* 1) asil eylem: dolu siyah */
.olive-cta-form { background: #1a1a18 !important; border-color: #1a1a18 !important; color: #fff !important; }
.olive-cta-form:hover, .olive-cta-form:focus { background: #35322c !important; border-color: #35322c !important; color: #fff !important; }

/* 2) telefon: cizgili */
.olive-cta-tel { background: transparent !important; color: #1a1a18 !important; }
.olive-cta-tel:hover, .olive-cta-tel:focus { background: #1a1a18 !important; color: #fff !important; }

/* 3) whatsapp: markanin sicak notr aksani (yesil kullanmiyoruz, palet bozulmasin) */
.olive-cta-wa { background: transparent !important; color: #1a1a18 !important; border-color: #8a7b5e !important; }
.olive-cta-wa:hover, .olive-cta-wa:focus { background: #8a7b5e !important; border-color: #8a7b5e !important; color: #fff !important; }

@media (max-width: 767px) {
    .olive-urun-cta { gap: 10px; }
    .olive-cta { width: 100%; flex: 1 1 100%; min-height: 52px; font-size: 12px !important; }
}


/* ==========================================================================
   OLIVE — sayfa bazli breadcrumb gorseli
   Bu tema breadcrumb1 varyantini basiyor; menuler.mBackground orada OKUNMUYOR
   (inline style uretilmiyor). Body sinifiyla hedefliyoruz:
     body.sayfa-<mId>      -> sayfanin kendisi
     body.sayfa-ust-<mId>  -> o kategorinin urun detay sayfalari
   ========================================================================== */
body.sayfa-1031 .page-header,
body.sayfa-ust-1031 .page-header { background-image: url(/upload/menu/bc-yun-kasmir-alpaka.jpg) !important; }

body.sayfa-1032 .page-header,
body.sayfa-ust-1032 .page-header { background-image: url(/upload/menu/bc-deri-suet.jpg) !important; }

body.sayfa-1033 .page-header,
body.sayfa-ust-1033 .page-header { background-image: url(/upload/menu/bc-kurk.jpg) !important; }

body.sayfa-1034 .page-header,
body.sayfa-ust-1034 .page-header { background-image: url(/upload/menu/bc-puffer.jpg) !important; }

body.sayfa-727  .page-header { background-image: url(/upload/menu/bc-lookbook.jpg) !important; }
body.sayfa-729  .page-header { background-image: url(/upload/menu/bc-private-label.jpg) !important; }
body.sayfa-726  .page-header { background-image: url(/upload/menu/bc-hakkimizda.jpg) !important; }
body.sayfa-132  .page-header { background-image: url(/upload/menu/bc-iletisim.jpg) !important; }

/* Koleksiyonlar kok sayfasi (728) ve alti: varsayilan gorsel */
body.sayfa-728 .page-header { background-image: url(/upload/menu/bc-koleksiyonlar.jpg) !important; }

body .page-header { background-position: 50% 42% !important; background-size: cover !important; }

/* Lookbook filtre butonu kartal bordosundaydi */
.fotogaleri-filtre .active, .galeri-filtre .active,
.portfolio-filter .active a, .nav-pills > li.active > a {
    background-color: #1a1a18 !important;
    border-color: #1a1a18 !important;
    color: #fff !important;
}


/* OLIVE — video slaydinda metin BEYAZ (koyu video uzerinde okunur) */
.tp-caption.olive-video-metin,
.tp-caption.olive-video-metin * { color: #ffffff !important; }
.rs-background-video-layer + * .tp-caption.paragraf,
.olive-video-metin ~ .tp-caption.paragraf { color: #f2efe9 !important; }


/* ==========================================================================
   OLIVE — hero arka plan videosu TAM EKRAN
   Revolution 16:9 oraniyla olcekleyip slaytin altinda poster gorselini
   aciga cikariyordu. object-fit:cover ile kapsayici tamamen doldurulur.
   ========================================================================== */
.rs-background-video-layer,
.tp-videolayer,
.rs-background-video-layer .rs-fullvideo-cover {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    visibility: visible !important;
}
.rs-background-video-layer video,
.tp-videolayer video,
.rev_slider video.rs-fullvideo,
.tp-revslider-mainul video {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
}
/* video slaydinda metin okunurlugu icin ince koyu perde */
li[data-index] .rs-background-video-layer::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(18,18,16,.34);
    pointer-events: none;
    z-index: 1;
}


/* OLIVE — hero butonlari SABIT genislik (katmanlar mutlak konumlu; genislik
   slayttan slayta degisince ust uste biniyordu) */


/* video slaydi metni: hafif golge ile her karede okunur kalsin */
.tp-caption.olive-video-metin,
.tp-caption.olive-video-metin * { text-shadow: 0 1px 18px rgba(0,0,0,.45); }


/* ==========================================================================
   OLIVE — hero butonlari TEK KATMANDA (flex)
   Onceki kurulumda her buton ayri Revolution katmaniydi; katmanlar mutlak
   konumlu oldugu icin metin uzunlugu degisince ust uste biniyorlardi.
   ========================================================================== */
.tp-caption.olive-hero-cta,
.olive-hero-cta {
    display: flex !important;
    align-items: center;
    gap: 14px;
    white-space: nowrap;
    width: auto !important;
    height: auto !important;
}
.olive-hb {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 30px;
    font-family: 'Archivo', sans-serif !important;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .14em;
    text-transform: uppercase;
    line-height: 1;
    border: 1px solid #fff;
    border-radius: 0;
    text-decoration: none !important;
    transition: background-color .25s ease, color .25s ease, transform .25s ease;
}
.olive-hb-1 { background: #fff; color: #1a1a18 !important; }
.olive-hb-1:hover { background: #e9e5dd; color: #1a1a18 !important; transform: translateY(-2px); }
.olive-hb-2 { background: transparent; color: #fff !important; }
.olive-hb-2:hover { background: #fff; color: #1a1a18 !important; transform: translateY(-2px); }

@media (max-width: 767px) {
    .tp-caption.olive-hero-cta, .olive-hero-cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        white-space: normal;
    }
    .olive-hb { min-height: 46px; padding: 0 22px; font-size: 12px; }
}


/* ==========================================================================
   OLIVE — slider/hero perdesi NOTR
   Mavi gradient (#003253ad) PAYLASIMLI tema dosyasindan geliyor:
   webtasarim34.com/outsource/t1/css/head.css  -> oraya dokunulmaz
   (tum musteri sitelerini etkiler). Burada eziyoruz.
   ========================================================================== */
.rev_slider .slotholder:after,
.rs-background-video-layer:after,
.rev_slider li .slotholder:after,
.tp-revslider-slidesli .slotholder:after,
section.page-header.breadcrumb1:after,
.tp-revslider-slidesli:after {
    background: rgba(18,18,16,.34) !important;
    background-image: none !important;
}


/* ==========================================================================
   OLIVE — anasayfa marka girisi (icerik 600)
   ========================================================================== */
.olive-intro {
    max-width: 1240px;
    margin: 0 auto;
    padding: 96px 40px 84px;
}
.olive-intro-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -26px;
    margin-right: -26px;
}
.olive-intro-row > [class*="col-"] { padding-left: 26px; padding-right: 26px; }

/* — sol sutun */
.olive-etiket {
    display: inline-block;
    font-family: 'Archivo', sans-serif;
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: #8a7b5e;
    padding-bottom: 14px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd6c8;
}
.olive-intro-baslik {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 46px !important;
    line-height: 1.14 !important;
    font-weight: 500 !important;
    color: #1a1a18 !important;
    margin: 0 0 22px !important;
    letter-spacing: .005em;
}
.olive-intro-lead {
    font-size: 17px !important;
    line-height: 1.72 !important;
    color: #34322d !important;
    font-weight: 300;
    margin-bottom: 18px !important;
}
.olive-intro-metin p {
    font-size: 15px;
    line-height: 1.85;
    color: #5c584f;
    margin-bottom: 15px;
}

/* — kucuk ozet seridi */
.olive-intro-ozet {
    display: flex;
    flex-wrap: wrap;
    gap: 34px;
    margin: 32px 0 34px;
    padding-top: 26px;
    border-top: 1px solid #e7e2d8;
}
.olive-ozet-oge { display: flex; flex-direction: column; line-height: 1.3; }
.olive-ozet-oge strong {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 25px;
    font-weight: 500;
    color: #1a1a18;
}
.olive-ozet-oge span {
    font-family: 'Archivo', sans-serif;
    font-size: 11px;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: #8d887d;
    margin-top: 4px;
}

/* — butonlar */
.olive-intro-cta { display: flex; flex-wrap: wrap; gap: 12px; }
.olive-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 30px;
    font-family: 'Archivo', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .15em;
    text-transform: uppercase;
    line-height: 1;
    border: 1px solid #1a1a18;
    border-radius: 0;
    text-decoration: none !important;
    transition: background-color .28s ease, color .28s ease, transform .28s ease, box-shadow .28s ease;
}
.olive-btn-dolu { background: #1a1a18; color: #fff !important; }
.olive-btn-dolu:hover { background: #35322c; border-color: #35322c; color: #fff !important;
                        transform: translateY(-2px); box-shadow: 0 10px 24px rgba(26,26,24,.17); }
.olive-btn-cizgi { background: transparent; color: #1a1a18 !important; border-color: #cfc7b8; }
.olive-btn-cizgi:hover { background: #1a1a18; border-color: #1a1a18; color: #fff !important;
                         transform: translateY(-2px); }

/* — gorsel: ince cerceve offseti */
.olive-intro-figur { position: relative; margin: 0; }
.olive-intro-figur::before {
    content: "";
    position: absolute;
    left: 22px; top: -22px; right: -22px; bottom: 22px;
    border: 1px solid #ddd6c8;
    z-index: 0;
    pointer-events: none;
}
.olive-intro-figur img { position: relative; z-index: 1; width: 100%; display: block; }

@media (max-width: 991px) {
    .olive-intro { padding: 64px 26px 56px; }
    .olive-intro-baslik { font-size: 36px !important; }
    .olive-intro-gorsel { margin-top: 44px; }
    .olive-intro-figur::before { left: 14px; top: -14px; right: -14px; bottom: 14px; }
}
@media (max-width: 767px) {
    .olive-intro { padding: 48px 20px 44px; }
    .olive-intro-baslik { font-size: 30px !important; }
    .olive-intro-ozet { gap: 22px; }
    .olive-intro-cta .olive-btn { width: 100%; }
}


/* ==========================================================================
   OLIVE — "Neden OLIVE" bolumu (icerik 610)
   Tam genislik krem zemin: box-shadow + clip-path (100vw yatay kaydirma yapmaz)
   ========================================================================== */
.olive-neden {
    background: #faf8f5;
    box-shadow: 0 0 0 100vmax #faf8f5;
    clip-path: inset(0 -100vmax);
    margin-top: 24px;
}
.olive-neden-ic {
    max-width: 1240px;
    margin: 0 auto;
    padding: 92px 40px 96px;
}
.olive-neden-ust { text-align: center; margin-bottom: 62px; }
.olive-neden-ust .olive-etiket { border-bottom-color: #ddd3c2; }
.olive-neden-h2 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 38px !important;
    line-height: 1.24 !important;
    font-weight: 500 !important;
    color: #1a1a18 !important;
    margin: 6px 0 0 !important;
}

.olive-neden-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}
.olive-neden-oge {
    padding: 6px 34px;
    border-left: 1px solid #e6ded1;
}
.olive-neden-oge:first-child { border-left: 0; padding-left: 0; }
.olive-neden-oge:last-child  { padding-right: 0; }

.olive-neden-no {
    display: block;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 34px;
    line-height: 1;
    color: #c9bda8;
    margin-bottom: 16px;
}
.olive-neden-baslik {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    color: #1a1a18 !important;
    margin: 0 0 14px !important;
}
.olive-neden-cizgi {
    display: block;
    width: 34px;
    height: 1px;
    background: #c9bda8;
    margin-bottom: 16px;
}
.olive-neden-metin {
    font-family: 'Archivo', sans-serif;
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #5f5b52 !important;
    margin: 0 !important;
}

@media (max-width: 991px) {
    .olive-neden-ic { padding: 66px 26px 70px; }
    .olive-neden-h2 { font-size: 30px !important; }
    .olive-neden-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 0; }
    .olive-neden-oge:nth-child(odd) { border-left: 0; padding-left: 0; }
    .olive-neden-oge:nth-child(even) { padding-right: 0; }
}
@media (max-width: 575px) {
    .olive-neden-ic { padding: 50px 20px 54px; }
    .olive-neden-h2 { font-size: 25px !important; }
    .olive-neden-grid { grid-template-columns: 1fr; gap: 34px; }
    .olive-neden-oge { border-left: 0 !important; padding: 0 !important; }
}


/* ==========================================================================
   OLIVE — FOOTER (CTA seridi + ana footer + alt serit)
   ========================================================================== */

/* ---------- CTA seridi ---------- */
.olive-cta-serit {
    background: #26241f;
    box-shadow: 0 0 0 100vmax #26241f;
    clip-path: inset(0 -100vmax);
    text-align: center;
}
.olive-cta-ic { max-width: 820px; margin: 0 auto; padding: 86px 30px 88px; }
.olive-cta-etiket {
    display: inline-block;
    font-family: 'Archivo', sans-serif;
    font-size: 11px;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: #b6a884;
    margin-bottom: 20px;
}
.olive-cta-baslik {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 40px !important;
    line-height: 1.22 !important;
    font-weight: 500 !important;
    color: #fbf9f5 !important;
    margin: 0 0 18px !important;
}
.olive-cta-metin {
    font-family: 'Archivo', sans-serif;
    font-size: 15px !important;
    line-height: 1.82 !important;
    font-weight: 300;
    color: rgba(251,249,245,.66) !important;
    margin: 0 auto 34px !important;
    max-width: 640px;
}
.olive-cta-butonlar { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* ---------- ortak footer butonu ---------- */
.olive-fbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 32px;
    font-family: 'Archivo', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .16em;
    text-transform: uppercase;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: 0;
    text-decoration: none !important;
    transition: background-color .28s ease, color .28s ease, border-color .28s ease, transform .28s ease;
}
.olive-fbtn-dolu { background: #fbf9f5; color: #1a1a18 !important; border-color: #fbf9f5; }
.olive-fbtn-dolu:hover { background: #e6dfd2; border-color: #e6dfd2; color: #1a1a18 !important; transform: translateY(-2px); }
.olive-fbtn-cizgi { background: transparent; color: #fbf9f5 !important; border-color: rgba(251,249,245,.42); }
.olive-fbtn-cizgi:hover { background: #fbf9f5; border-color: #fbf9f5; color: #1a1a18 !important; transform: translateY(-2px); }
.olive-fbtn-sm { min-height: 46px; padding: 0 24px; font-size: 11px; margin-top: 18px; }

/* ---------- ana footer ---------- */
#footer-wrapper.olive-footer, .olive-footer {
    background: #171613 !important;
    box-shadow: 0 0 0 100vmax #171613;
    clip-path: inset(0 -100vmax);
    border: 0;
}
.olive-footer-ic { max-width: 1240px; margin: 0 auto; padding: 78px 40px 62px; }
.olive-footer-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1.25fr;
    gap: 54px;
}
.olive-f-logo { display: inline-block; margin-bottom: 22px; }
.olive-f-logo img { width: 178px; height: auto; opacity: .95; }
.olive-f-slogan {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 19px !important;
    color: #e8e2d6 !important;
    margin: 0 0 12px !important;
    line-height: 1.4 !important;
}
.olive-f-metin {
    font-family: 'Archivo', sans-serif;
    font-size: 13.5px !important;
    line-height: 1.85 !important;
    font-weight: 300;
    color: rgba(232,226,214,.56) !important;
    margin: 0 !important;
}
.olive-f-kunye { display: flex; gap: 30px; margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.09); }
.olive-f-kunye span { display: flex; flex-direction: column; line-height: 1.25; }
.olive-f-kunye strong {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 21px; font-weight: 500; color: #e8e2d6;
}
.olive-f-kunye span {
    font-family: 'Archivo', sans-serif; font-size: 10px; letter-spacing: .16em;
    text-transform: uppercase; color: rgba(232,226,214,.46);
}
.olive-f-kunye span strong {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    color: #e8e2d6 !important;
    margin-bottom: 3px;
}
.olive-f-baslik {
    font-family: 'Archivo', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .24em !important;
    text-transform: uppercase;
    color: #b6a884 !important;
    margin: 0 0 20px !important;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,.09);
    font-weight: 400 !important;
}
.olive-f-liste { list-style: none; margin: 0; padding: 0; }
.olive-f-liste li { margin-bottom: 11px; }
.olive-f-liste a {
    display: inline-block;
    font-family: 'Archivo', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: rgba(232,226,214,.72) !important;
    text-decoration: none !important;
    transition: color .22s ease, transform .22s ease;
}
.olive-f-liste a:hover { color: #fff !important; transform: translateX(5px); }

/* ---------- alt serit ---------- */
.olive-footer-alt { border-top: 1px solid rgba(255,255,255,.08); }
.olive-footer-alt-ic {
    max-width: 1240px; margin: 0 auto; padding: 24px 40px 28px;
    display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
}
.olive-telif {
    font-family: 'Archivo', sans-serif; font-size: 12px; font-weight: 300;
    color: rgba(232,226,214,.44) !important; margin: 0 !important;
}
.olive-yasal { display: flex; gap: 22px; flex-wrap: wrap; }
.olive-yasal a {
    font-family: 'Archivo', sans-serif; font-size: 12px; font-weight: 300;
    color: rgba(232,226,214,.52) !important; text-decoration: none !important;
    transition: color .22s ease;
}
.olive-yasal a:hover { color: #fff !important; }
.olive-wt34 { display: inline-flex; align-items: center; gap: 8px; opacity: .42; transition: opacity .25s ease; }
.olive-wt34:hover { opacity: .8; }
.olive-wt34 span { font-family: 'Archivo', sans-serif; font-size: 10px; letter-spacing: .1em;
                   color: rgba(232,226,214,.7); text-transform: lowercase; }
.olive-wt34 img { height: 15px; width: auto; }

/* eski tema footer kalintilari */
.olive-footer .footer-copyright, .olive-footer .widget-column-1,
.olive-footer .widget-column-2, .olive-footer .widget-column-3, .olive-footer .widget-column-4 { display: none; }

@media (max-width: 991px) {
    .olive-cta-ic { padding: 62px 24px 64px; }
    .olive-cta-baslik { font-size: 30px !important; }
    .olive-footer-ic { padding: 56px 26px 44px; }
    .olive-footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
    .olive-f-marka { grid-column: 1 / -1; }
}
@media (max-width: 575px) {
    .olive-cta-baslik { font-size: 25px !important; }
    .olive-cta-butonlar .olive-fbtn { width: 100%; }
    .olive-footer-grid { grid-template-columns: 1fr; gap: 34px; }
    .olive-footer-alt-ic { flex-direction: column; align-items: flex-start; padding: 22px 20px 26px; }
    .olive-yasal { gap: 14px; }
}


/* OLIVE — footer dolu butonu: tema link rengi beyazi eziyordu */
.olive-cta-serit a.olive-fbtn-dolu,
.olive-footer a.olive-fbtn-dolu,
a.olive-fbtn.olive-fbtn-dolu,
.olive-fbtn-dolu, .olive-fbtn-dolu:link, .olive-fbtn-dolu:visited {
    color: #1a1a18 !important;
    background: #fbf9f5 !important;
    border-color: #fbf9f5 !important;
}
.olive-cta-serit a.olive-fbtn-dolu:hover,
a.olive-fbtn.olive-fbtn-dolu:hover,
.olive-fbtn-dolu:hover, .olive-fbtn-dolu:focus {
    color: #1a1a18 !important;
    background: #e6dfd2 !important;
    border-color: #e6dfd2 !important;
}
/* cizgili butonlar acik kalsin */
.olive-cta-serit a.olive-fbtn-cizgi,
.olive-footer a.olive-fbtn-cizgi,
a.olive-fbtn.olive-fbtn-cizgi { color: #fbf9f5 !important; }
.olive-cta-serit a.olive-fbtn-cizgi:hover,
.olive-footer a.olive-fbtn-cizgi:hover,
a.olive-fbtn.olive-fbtn-cizgi:hover { color: #1a1a18 !important; background: #fbf9f5 !important; }


/* ==========================================================================
   OLIVE — LOGO (inline SVG) + premium acilis animasyonu
   Yapi: .ol-olive (OLIVE) · .ol-collection (COLLECTION)
         .ol-cizgi (iki yatay cizgi, stroke) · .ol-elmas (ortadaki elmas)
   Cizgiler stroke oldugu icin gercek "cizilme" efekti yapilabiliyor.
   ========================================================================== */
.olive-logo { display: block; width: 100%; height: auto; overflow: visible; }

/* renk: class ile */
.olive-logo--koyu  .ol-yazi path,
.olive-logo--koyu  .ol-yazi use,
.olive-logo--koyu  .ol-elmas { fill: #1a1a18; }
.olive-logo--koyu  .ol-cizgi { stroke: #1a1a18; }

.olive-logo--beyaz .ol-yazi path,
.olive-logo--beyaz .ol-yazi use,
.olive-logo--beyaz .ol-elmas { fill: #ffffff; }
.olive-logo--beyaz .ol-cizgi { stroke: #ffffff; }

/* ---------- olculer ---------- */
#header .olive-logo-link { display: block; line-height: 0; }
#header .olive-logo { width: 250px; transition: width .28s ease; }

.olive-f-logo .olive-logo { width: 190px; opacity: .96; }

/* ---------- acilis animasyonu ---------- */
@keyframes olYukselFade {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes olCizgiCiz {
    from { stroke-dashoffset: 393; }
    to   { stroke-dashoffset: 0; }
}
@keyframes olElmasBelir {
    0%   { opacity: 0; transform: scale(.3) rotate(-45deg); }
    60%  { opacity: 1; transform: scale(1.12) rotate(0deg); }
    100% { opacity: 1; transform: scale(1) rotate(0deg); }
}

.olive-logo .ol-collection {
    opacity: 0;
    animation: olYukselFade .85s cubic-bezier(.2,.7,.2,1) forwards;
    animation-delay: 1.02s;
}

/* OLIVE — harfler TEK TEK belirir (her harf ayri clipPath dilimi) */
.olive-logo .ol-harf {
    opacity: 0;
    animation: olHarfBelir .62s cubic-bezier(.2,.75,.25,1) forwards;
}
.olive-logo .ol-harf-0 { animation-delay: .10s; }
.olive-logo .ol-harf-1 { animation-delay: .22s; }
.olive-logo .ol-harf-2 { animation-delay: .34s; }
.olive-logo .ol-harf-3 { animation-delay: .46s; }
.olive-logo .ol-harf-4 { animation-delay: .58s; }

.olive-logo .ol-cizgi {
    stroke-dasharray: 393;
    stroke-dashoffset: 393;
    animation: olCizgiCiz .9s cubic-bezier(.25,.8,.25,1) forwards;
    animation-delay: .70s;
}
/* sag cizgi merkeze dogru cizilsin */
.olive-logo .ol-cizgi-sag { stroke-dashoffset: -393; }

.olive-logo .ol-elmas {
    opacity: 0;
    transform-origin: 600px 244px;
    animation: olElmasBelir .55s cubic-bezier(.2,.9,.3,1.2) forwards;
    animation-delay: 1.35s;
}

/* ---------- hover: ince nefes ---------- */
#header .olive-logo-link .olive-logo { transition: width .28s ease, opacity .3s ease; }
#header .olive-logo-link:hover .olive-logo { opacity: .74; }
.olive-f-logo:hover .olive-logo { opacity: 1; }

/* ---------- erisilebilirlik: hareket azaltma ---------- */
@media (prefers-reduced-motion: reduce) {
    .olive-logo .ol-harf,
    .olive-logo .ol-collection,
    .olive-logo .ol-elmas { opacity: 1 !important; animation: none !important; transform: none !important; }
    .olive-logo .ol-cizgi { stroke-dashoffset: 0 !important; animation: none !important; }
}

@media (max-width: 991px) {
    #header .olive-logo { width: 196px; }
    .olive-f-logo .olive-logo { width: 168px; }
}
@media (max-width: 575px) {
    #header .olive-logo { width: 196px; }
}

/* eski PNG logo kalintisi */
#header img.logo-img { display: none !important; }


/* ==========================================================================
   OLIVE — KRITIK: #footer:before footer'i komple kapliyordu
   Kartal'in filigran katmaniydi (background-image ile logo basardi).
   Gorseli kaldirinca islevsiz kaldi ama z-index:1 + %100 olcusuyle
   footer'daki TUM baglantilarin tiklanmasini engelliyordu.
   ========================================================================== */
#footer:before,
footer#footer:before,
#footer-wrapper:before {
    content: none !important;
    display: none !important;
    pointer-events: none !important;
}
/* footer icerigi her kosulda ustte ve tiklanabilir kalsin */
#footer, footer#footer { position: relative; }
.olive-footer, .olive-footer-ic, .olive-footer-alt,
.olive-cta-serit, .olive-cta-ic { position: relative; z-index: 2; }
.olive-footer a, .olive-cta-serit a { position: relative; z-index: 3; }


/* harf belirisi: asagidan hafif yukselerek + ince olcek */
@keyframes olHarfBelir {
    0%   { opacity: 0; transform: translateY(16px) scale(.94); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}
.olive-logo .ol-harf { transform-box: fill-box; transform-origin: 50% 100%; }


/* ==========================================================================
   OLIVE — PRIVATE LABEL sayfasi
   ========================================================================== */
.pl-ic { max-width: 1240px; margin: 0 auto; padding: 0 40px; }
.pl-h2 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 40px !important; line-height: 1.2 !important;
    font-weight: 500 !important; color: #1a1a18 !important; margin: 6px 0 20px !important;
}
.pl-bolum-ust { margin-bottom: 46px; }
.pl-sayfa p { font-family: 'Archivo', sans-serif; font-size: 15px; line-height: 1.85; color: #5c584f; }
.pl-lead { font-size: 17px !important; line-height: 1.75 !important; color: #34322d !important; font-weight: 300; }

/* --- giris --- */
.pl-giris { padding: 88px 0 18px; }
.pl-giris-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 56px; align-items: center; }
.pl-giris-gorsel figure { margin: 0; position: relative; }
.pl-giris-gorsel figure::before {
    content: ""; position: absolute; left: 20px; top: -20px; right: -20px; bottom: 20px;
    border: 1px solid #ddd6c8; z-index: 0;
}
.pl-giris-gorsel img { position: relative; z-index: 1; width: 100%; display: block; }
.pl-kunye { display: flex; gap: 34px; margin-top: 32px; padding-top: 24px; border-top: 1px solid #e7e2d8; }
.pl-kunye div { display: flex; flex-direction: column; line-height: 1.25; }
.pl-kunye strong { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 24px; font-weight: 500; color: #1a1a18; }
.pl-kunye span { font-family: 'Archivo', sans-serif; font-size: 10px; letter-spacing: .16em;
                 text-transform: uppercase; color: #8d887d; margin-top: 4px; }

/* --- hizmet kartlari --- */
.pl-hizmet { padding: 86px 0 90px; margin-top: 70px;
             background: #faf8f5; box-shadow: 0 0 0 100vmax #faf8f5; clip-path: inset(0 -100vmax); }
.pl-kart-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #e6ded1; }
.pl-kart { background: #faf8f5; padding: 38px 34px 34px; transition: background-color .3s ease; }
.pl-kart:hover { background: #fff; }
.pl-kart-no {
    display: block; font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 28px; line-height: 1; color: #c9bda8; margin-bottom: 14px;
}
.pl-kart h3 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 21px !important; font-weight: 500 !important; color: #1a1a18 !important;
    margin: 0 0 12px !important; line-height: 1.3 !important;
}
.pl-kart p { font-size: 14px !important; line-height: 1.78 !important; margin: 0 !important; }

/* --- surec --- */
.pl-surec { padding: 88px 0 84px; }
.pl-adimlar { list-style: none; margin: 0; padding: 0;
              display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 46px; }
.pl-adim { display: flex; gap: 18px; align-items: flex-start; }
.pl-adim-no {
    flex: 0 0 auto; font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 26px; line-height: 1; color: #c9bda8; padding-top: 2px;
    min-width: 42px; border-right: 1px solid #e6ded1; margin-right: 4px;
}
.pl-adim h4 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 19px !important; font-weight: 500 !important; color: #1a1a18 !important;
    margin: 0 0 8px !important;
}
.pl-adim p { font-size: 14px !important; line-height: 1.75 !important; margin: 0 !important; }

/* --- materyal seridi --- */
.pl-materyal { padding: 64px 0 66px; background: #26241f;
               box-shadow: 0 0 0 100vmax #26241f; clip-path: inset(0 -100vmax); text-align: center; }
.pl-materyal .olive-etiket { color: #b6a884; border-bottom-color: rgba(255,255,255,.14); }
.pl-materyal-liste {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
    gap: 14px; margin-top: 26px;
}
.pl-materyal-liste span {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 25px; color: #f4f0e8; letter-spacing: .01em;
}
.pl-materyal-liste i { width: 4px; height: 4px; background: #8a7b5e; border-radius: 50%; display: inline-block; }

/* --- SSS (JS'siz <details> akordiyon) --- */
.pl-sss { padding: 88px 0 96px; }
.pl-sss-liste { border-top: 1px solid #e7e2d8; }
.pl-sss-oge { border-bottom: 1px solid #e7e2d8; }
.pl-sss-oge summary {
    list-style: none; cursor: pointer; padding: 24px 44px 24px 0; position: relative;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 21px; font-weight: 500; color: #1a1a18; line-height: 1.4;
    transition: color .22s ease;
}
.pl-sss-oge summary::-webkit-details-marker { display: none; }
.pl-sss-oge summary:hover { color: #8a7b5e; }
.pl-sss-ikon { position: absolute; right: 4px; top: 50%; width: 14px; height: 14px; margin-top: -7px; }
.pl-sss-ikon::before, .pl-sss-ikon::after {
    content: ""; position: absolute; background: #8a7b5e; transition: transform .28s ease, opacity .28s ease;
}
.pl-sss-ikon::before { left: 0; top: 6px; width: 14px; height: 1.5px; }
.pl-sss-ikon::after  { left: 6px; top: 0; width: 1.5px; height: 14px; }
.pl-sss-oge[open] .pl-sss-ikon::after { transform: rotate(90deg); opacity: 0; }
.pl-sss-cevap { padding: 0 44px 26px 0; }
.pl-sss-cevap p { margin: 0 !important; font-size: 15px !important; }

@media (max-width: 991px) {
    .pl-ic { padding: 0 26px; }
    .pl-h2 { font-size: 30px !important; }
    .pl-giris { padding: 62px 0 10px; }
    .pl-giris-grid { grid-template-columns: 1fr; gap: 40px; }
    .pl-kart-grid { grid-template-columns: repeat(2, 1fr); }
    .pl-adimlar { grid-template-columns: repeat(2, 1fr); gap: 32px; }
    .pl-hizmet, .pl-surec, .pl-sss { padding: 62px 0 64px; }
    .pl-hizmet { margin-top: 50px; }
}
@media (max-width: 575px) {
    .pl-ic { padding: 0 20px; }
    .pl-h2 { font-size: 25px !important; }
    .pl-kart-grid, .pl-adimlar { grid-template-columns: 1fr; }
    .pl-kart { padding: 30px 24px 28px; }
    .pl-materyal-liste span { font-size: 20px; }
    .pl-sss-oge summary { font-size: 18px; }
}


/* ==========================================================================
   OLIVE — Lookbook galerisi: DIKEY kartlar (moda lookbook standardi 2:3)
   Motor thumb'i upload/galeri/300x300/ yolundan okuyor; dosyalari dikey
   uretip orana burada sabitliyoruz.
   ========================================================================== */
img[data-src*="upload/galeri/300x300"],
img[src*="upload/galeri/300x300"] {
    aspect-ratio: 2 / 3;
    object-fit: cover;
    object-position: 50% 22%;
    width: 100%;
    height: auto;
    display: block;
}
/* kart uzerindeki kategori etiketi */
.olive-lookbook-etiket, .thumb-info-title { letter-spacing: .1em; }


/* ==========================================================================
   OLIVE — HAKKIMIZDA sayfasi
   ========================================================================== */
.hk-ic { max-width: 1240px; margin: 0 auto; padding: 0 40px; }
.hk-h2 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 42px !important; line-height: 1.18 !important;
    font-weight: 500 !important; color: #1a1a18 !important; margin: 6px 0 22px !important;
}
.hk-h2-orta { text-align: center; }
.hk-sayfa p { font-family: 'Archivo', sans-serif; font-size: 15px; line-height: 1.9; color: #5c584f; }
.hk-lead { font-size: 17px !important; line-height: 1.75 !important; color: #34322d !important; font-weight: 300; }
.hk-bolum-ust { text-align: center; margin-bottom: 54px; }

/* --- giris --- */
.hk-giris { padding: 90px 0 20px; }
.hk-giris-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 58px; align-items: center; }
.hk-giris-gorsel figure { margin: 0; position: relative; }
.hk-giris-gorsel figure::before {
    content: ""; position: absolute; left: -22px; top: -22px; right: 22px; bottom: 22px;
    border: 1px solid #ddd6c8; z-index: 0;
}
.hk-giris-gorsel img { position: relative; z-index: 1; width: 100%; display: block; }
.hk-kunye { display: flex; gap: 36px; margin-top: 34px; padding-top: 26px; border-top: 1px solid #e7e2d8; flex-wrap: wrap; }
.hk-kunye div { display: flex; flex-direction: column; line-height: 1.25; }
.hk-kunye strong { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 24px; font-weight: 500; color: #1a1a18; }
.hk-kunye span { font-family: 'Archivo', sans-serif; font-size: 10px; letter-spacing: .16em;
                 text-transform: uppercase; color: #8d887d; margin-top: 5px; }

/* --- hikaye: iki sutun, okuma satiri kisa --- */
.hk-hikaye { padding: 72px 0 24px; }
.hk-hikaye-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 54px; }
.hk-hikaye p { margin-bottom: 18px; }

/* --- gorsel serit --- */
.hk-serit { padding: 56px 0 78px; }
.hk-serit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.hk-serit-oge { margin: 0; }
.hk-serit-oge img { width: 100%; display: block; }
.hk-serit-oge figcaption {
    font-family: 'Archivo', sans-serif; font-size: 11px; letter-spacing: .18em;
    text-transform: uppercase; color: #8d887d; margin-top: 14px;
}

/* --- felsefe (krem tam genislik) --- */
.hk-felsefe {
    padding: 88px 0 92px;
    background: #faf8f5; box-shadow: 0 0 0 100vmax #faf8f5; clip-path: inset(0 -100vmax);
}
.hk-felsefe-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.hk-felsefe-oge { padding: 0 38px; border-left: 1px solid #e6ded1; }
.hk-felsefe-oge:first-child { border-left: 0; padding-left: 0; }
.hk-felsefe-oge:last-child { padding-right: 0; }
.hk-felsefe-no {
    display: block; font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 30px; line-height: 1; color: #c9bda8; margin-bottom: 14px;
}
.hk-felsefe-oge h3 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 23px !important; font-weight: 500 !important; color: #1a1a18 !important;
    margin: 0 0 14px !important;
}
.hk-cizgi { display: block; width: 34px; height: 1px; background: #c9bda8; margin-bottom: 16px; }
.hk-felsefe-oge p { font-size: 14px !important; line-height: 1.82 !important; margin: 0 !important; }

/* --- miras (koyu serit) --- */
.hk-miras {
    padding: 78px 0 82px; text-align: center;
    background: #26241f; box-shadow: 0 0 0 100vmax #26241f; clip-path: inset(0 -100vmax);
}
.hk-miras .olive-etiket { color: #b6a884; border-bottom-color: rgba(255,255,255,.16); }
.hk-miras-metin {
    max-width: 780px; margin: 10px auto 26px !important;
    font-size: 16px !important; line-height: 1.9 !important;
    color: rgba(251,249,245,.74) !important; font-weight: 300;
}
.hk-imza {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 25px !important; color: #f4f0e8 !important; margin: 0 !important;
}

/* --- CTA --- */
.hk-cta { padding: 86px 0 92px; text-align: center; }
.hk-cta-butonlar { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 8px; }

@media (max-width: 991px) {
    .hk-ic { padding: 0 26px; }
    .hk-h2 { font-size: 31px !important; }
    .hk-giris { padding: 62px 0 12px; }
    .hk-giris-grid { grid-template-columns: 1fr; gap: 42px; }
    .hk-giris-gorsel figure::before { left: -14px; top: -14px; right: 14px; bottom: 14px; }
    .hk-hikaye-grid { grid-template-columns: 1fr; gap: 0; }
    .hk-serit-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; }
    .hk-felsefe-grid { grid-template-columns: 1fr; gap: 34px; }
    .hk-felsefe-oge { border-left: 0 !important; padding: 0 !important; }
    .hk-felsefe, .hk-miras, .hk-cta { padding: 62px 0 66px; }
}
@media (max-width: 575px) {
    .hk-ic { padding: 0 20px; }
    .hk-h2 { font-size: 26px !important; }
    .hk-serit-grid { grid-template-columns: 1fr; gap: 22px; }
    .hk-cta-butonlar .olive-btn { width: 100%; }
}


/* ==========================================================================
   OLIVE — sagalt SABIT iletisim butonlari (bodyScript'ten basiliyor)
   ========================================================================== */
.olive-sabit {
    position: fixed;
    right: 26px;
    bottom: 26px;
    z-index: 1040;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-end;
}
.olive-sabit-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 54px;
    width: 54px;
    padding: 0;
    overflow: hidden;
    border-radius: 0;
    background: #1a1a18;
    color: #fbf9f5 !important;
    text-decoration: none !important;
    box-shadow: 0 8px 26px rgba(20,20,18,.24);
    opacity: 0;
    transform: translateX(26px);
    animation: oliveSabitGir .6s cubic-bezier(.2,.75,.25,1) forwards;
    transition: width .38s cubic-bezier(.2,.8,.2,1), background-color .28s ease, box-shadow .28s ease;
}
.olive-sabit-btn:nth-child(1) { animation-delay: 1.5s; }
.olive-sabit-btn:nth-child(2) { animation-delay: 1.62s; }
.olive-sabit-btn:nth-child(3) { animation-delay: 1.74s; }
@keyframes oliveSabitGir {
    from { opacity: 0; transform: translateX(26px); }
    to   { opacity: 1; transform: translateX(0); }
}
.olive-sabit-ikon {
    flex: 0 0 54px;
    width: 54px; height: 54px;
    display: flex; align-items: center; justify-content: center;
}
.olive-sabit-ikon svg { width: 21px; height: 21px; display: block; }
.olive-sabit-etiket {
    font-family: 'Archivo', sans-serif;
    font-size: 12px;
    letter-spacing: .14em;
    text-transform: uppercase;
    white-space: nowrap;
    padding-left: 18px;
    padding-right: 4px;
    opacity: 0;
    transition: opacity .26s ease .06s;
    order: -1;
}
/* hover: etiket sola dogru acilir */
.olive-sabit-btn:hover { width: 196px; background: #35322c; box-shadow: 0 12px 30px rgba(20,20,18,.32); }
.olive-sabit-btn:hover .olive-sabit-etiket { opacity: 1; }
.olive-sabit-wa:hover { background: #2e5c48; }
.olive-sabit-form:hover { background: #8a7b5e; }

@media (max-width: 767px) {
    .olive-sabit { right: 14px; bottom: 14px; gap: 10px; }
    .olive-sabit-btn { height: 48px; width: 48px; }
    .olive-sabit-ikon { flex: 0 0 48px; width: 48px; height: 48px; }
    .olive-sabit-ikon svg { width: 19px; height: 19px; }
    .olive-sabit-btn:hover { width: 48px; }          /* dokunmatik: etiket acilmasin */
    .olive-sabit-btn:hover .olive-sabit-etiket { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .olive-sabit-btn { opacity: 1 !important; transform: none !important; animation: none !important; }
}


/* ==========================================================================
   OLIVE — anasayfa marka gorseli: 4 koleksiyon sirayla (JS YOK, saf CSS)
   Dongu 20sn = 4 x 5sn. Her gorsel 4sn tam gorunur, 1sn capraz gecis.
   Gorsel + koleksiyon etiketi + nokta gosterge ayni ritimde.
   ========================================================================== */
.olive-slayt {
    position: relative;
    margin: 0;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    background: #f2f0ec;
}
.olive-slayt::before {
    content: "";
    position: absolute;
    left: 20px; top: -20px; right: -20px; bottom: 20px;
    border: 1px solid #ddd6c8;
    z-index: 2;
    pointer-events: none;
}
.olive-slayt-g {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    animation: oliveSlaytGecis 20s cubic-bezier(.4,0,.2,1) infinite,
               oliveSlaytZoom  20s ease-out infinite;
}
.olive-slayt-g:nth-child(1) { animation-delay: 0s,  0s; }
.olive-slayt-g:nth-child(2) { animation-delay: 5s,  5s; }
.olive-slayt-g:nth-child(3) { animation-delay: 10s, 10s; }
.olive-slayt-g:nth-child(4) { animation-delay: 15s, 15s; }

@keyframes oliveSlaytGecis {
    0%   { opacity: 1; }
    20%  { opacity: 1; }
    25%  { opacity: 0; }
    95%  { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes oliveSlaytZoom {
    0%   { transform: scale(1.005); }
    25%  { transform: scale(1.055); }
    100% { transform: scale(1.005); }
}

/* --- degisen koleksiyon etiketi --- */
.olive-slayt-etiketler {
    position: relative;
    height: 30px;
    margin-top: 22px;
}
.olive-slayt-e {
    position: absolute;
    left: 0; top: 0;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 21px;
    color: #1a1a18 !important;
    text-decoration: none !important;
    opacity: 0;
    animation: oliveSlaytGecis 20s cubic-bezier(.4,0,.2,1) infinite;
    transition: color .2s ease;
}
.olive-slayt-e:hover { color: #8a7b5e !important; }
.olive-slayt-e:nth-child(1) { animation-delay: 0s; }
.olive-slayt-e:nth-child(2) { animation-delay: 5s; }
.olive-slayt-e:nth-child(3) { animation-delay: 10s; }
.olive-slayt-e:nth-child(4) { animation-delay: 15s; }

/* --- nokta gosterge --- */
.olive-slayt-nokta { display: flex; gap: 7px; margin-top: 6px; }
.olive-slayt-nokta i {
    width: 22px; height: 2px; background: #e0d9cc; display: block; position: relative; overflow: hidden;
}
.olive-slayt-nokta i::after {
    content: ""; position: absolute; inset: 0; background: #8a7b5e;
    transform: scaleX(0); transform-origin: left center;
    animation: oliveNoktaDolum 20s linear infinite;
}
.olive-slayt-nokta i:nth-child(1)::after { animation-delay: 0s; }
.olive-slayt-nokta i:nth-child(2)::after { animation-delay: 5s; }
.olive-slayt-nokta i:nth-child(3)::after { animation-delay: 10s; }
.olive-slayt-nokta i:nth-child(4)::after { animation-delay: 15s; }
@keyframes oliveNoktaDolum {
    0%   { transform: scaleX(0); }
    24%  { transform: scaleX(1); }
    25%  { transform: scaleX(1); }
    26%  { transform: scaleX(0); }
    100% { transform: scaleX(0); }
}

@media (prefers-reduced-motion: reduce) {
    .olive-slayt-g, .olive-slayt-e { animation: none !important; }
    .olive-slayt-g:nth-child(1), .olive-slayt-e:nth-child(1) { opacity: 1 !important; }
    .olive-slayt-nokta i::after { animation: none !important; }
    .olive-slayt-nokta i:nth-child(1)::after { transform: scaleX(1); }
}
@media (max-width: 991px) {
    .olive-slayt::before { left: 14px; top: -14px; right: -14px; bottom: 14px; }
}


/* ==========================================================================
   OLIVE — scroll-to-top: sabit iletisim butonlariyla AYNI aile
   Onceki hali (bottom:180px, right:10px, 49x48, radius:7px) WhatsApp'in
   uzerine biniyordu. Simdi grubun tam ustunde, ayni olcu ve bicimde.
   Sabit grup: 4 x 54px + 3 x 12px bosluk = 252px, alt bosluk 26px
   -> scroll-to-top bottom = 26 + 252 + 12 = 290px
   (Instagram butonu eklenince 3 -> 4 oldu, deger guncellendi)
   ========================================================================== */
html .scroll-to-top,
.scroll-to-top {
    right: 26px !important;
    bottom: 290px !important;   /* 26 alt + 4x54 buton + 3x12 aralik + 12 ayirma */
    width: 54px !important;
    height: 54px !important;
    line-height: 54px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: #1a1a18 !important;
    color: #fbf9f5 !important;
    box-shadow: 0 8px 26px rgba(20,20,18,.24);
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: background-color .28s ease, box-shadow .28s ease, opacity .3s ease, transform .3s ease;
    z-index: 1040;
}
html .scroll-to-top:hover,
.scroll-to-top:hover {
    background: #35322c !important;
    color: #fbf9f5 !important;
    box-shadow: 0 12px 30px rgba(20,20,18,.32);
}
/* tema ikonu (fa-chevron-up) yerine sabit butonlarla ayni cizgi kalinligindaki SVG */
.scroll-to-top i, .scroll-to-top .fa { display: none !important; }
.scroll-to-top::after {
    content: "";
    width: 21px; height: 21px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2019V5M5%2012l7-7%207%207%22%2F%3E%3C%2Fsvg%3E") center / 21px 21px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2019V5M5%2012l7-7%207%207%22%2F%3E%3C%2Fsvg%3E") center / 21px 21px no-repeat;
}
@media (max-width: 767px) {
    html .scroll-to-top, .scroll-to-top {
        right: 14px !important;
        bottom: 248px !important;      /* 14 + 4x48 + 3x10 + 12 */
        width: 48px !important; height: 48px !important;
    }
    .scroll-to-top::after { width: 19px; height: 19px;
        -webkit-mask-size: 19px 19px; mask-size: 19px 19px; }
}


/* OLIVE — bayrak seridinin SAG kenarini menunun sag kenariyla hizala.
   Olculen kayma 19px: kapsayici ic siniri 1411, bayrak gorseli 1392'de bitiyordu
   (ul 10px + li/a 6px + a padding 3px). */
#header .header-top .nav-pills > li:last-child > a { padding-right: 0 !important; }


/* ==========================================================================
   OLIVE — ILETISIM sayfasi + form
   ========================================================================== */
.il-ic { max-width: 1240px; margin: 0 auto; padding: 0 40px; }
.il-h2 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 40px !important; line-height: 1.2 !important;
    font-weight: 500 !important; color: #1a1a18 !important; margin: 6px 0 20px !important;
}
.il-h2-orta { text-align: center; }
.il-sayfa p { font-family: 'Archivo', sans-serif; font-size: 15px; line-height: 1.9; color: #5c584f; }
.il-lead { font-size: 17px !important; line-height: 1.78 !important; color: #34322d !important; font-weight: 300; max-width: 860px; }

.il-giris { padding: 88px 0 10px; }
.il-giris-ust { margin-bottom: 58px; }

/* --- 3 talep karti --- */
.il-kart-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.il-kart { padding: 0 38px; border-left: 1px solid #e6ded1; }
.il-kart:first-child { border-left: 0; padding-left: 0; }
.il-kart:last-child { padding-right: 0; }
.il-kart-no { display: block; font-family: 'Cormorant Garamond', Georgia, serif;
              font-size: 30px; line-height: 1; color: #c9bda8; margin-bottom: 14px; }
.il-kart h3 { font-family: 'Cormorant Garamond', Georgia, serif !important;
              font-size: 22px !important; font-weight: 500 !important; color: #1a1a18 !important; margin: 0 0 13px !important; }
.il-cizgi { display: block; width: 34px; height: 1px; background: #c9bda8; margin-bottom: 15px; }
.il-kart p { font-size: 14px !important; line-height: 1.82 !important; margin: 0 !important; }

/* --- form ust bilgi --- */
.il-form-ust { padding: 84px 0 0; text-align: center; }
.il-form-not { max-width: 720px; margin: 0 auto !important; font-size: 15px !important; }

/* --- FORM --- */
.olive-form-sarmal {
    max-width: 880px;
    margin: 0 auto;
    padding: 40px 40px 96px;
}
.olive-form-sarmal .form-group, .olive-form-sarmal .col-md-6, .olive-form-sarmal .col-md-12 { margin-bottom: 22px; }
.olive-form-sarmal label {
    font-family: 'Archivo', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .17em;
    text-transform: uppercase;
    color: #8d887d !important;
    font-weight: 400 !important;
    margin-bottom: 9px;
    display: block;
}
.olive-form-sarmal input[type="text"],
.olive-form-sarmal input[type="tel"],
.olive-form-sarmal input[type="email"],
.olive-form-sarmal input[type="number"],
.olive-form-sarmal select,
.olive-form-sarmal textarea {
    width: 100%;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #ddd6c8 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 12px 2px !important;
    height: auto !important;
    min-height: 48px;
    font-family: 'Archivo', sans-serif !important;
    font-size: 15px !important;
    color: #1a1a18 !important;
    transition: border-color .28s ease, background-color .28s ease;
}
.olive-form-sarmal textarea { min-height: 132px; resize: vertical; }
.olive-form-sarmal input:focus,
.olive-form-sarmal textarea:focus,
.olive-form-sarmal select:focus {
    outline: 0 !important;
    border-bottom-color: #1a1a18 !important;
    background: #faf8f5 !important;
}
.olive-form-sarmal input::placeholder, .olive-form-sarmal textarea::placeholder { color: #b5b0a6; }

/* gonder butonu */
.olive-form-sarmal button,
.olive-form-sarmal input[type="submit"],
.olive-form-sarmal .btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    min-width: 230px;
    padding: 0 34px !important;
    margin-top: 12px;
    background: #1a1a18 !important;
    border: 1px solid #1a1a18 !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 12px !important;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-weight: 400;
    transition: background-color .28s ease, transform .28s ease, box-shadow .28s ease;
}
.olive-form-sarmal button:hover,
.olive-form-sarmal input[type="submit"]:hover,
.olive-form-sarmal .btn:hover {
    background: #35322c !important; border-color: #35322c !important; color: #fff !important;
    transform: translateY(-2px); box-shadow: 0 10px 24px rgba(26,26,24,.18);
}

/* gecersiz reCAPTCHA kutusu (anahtar kartal domainine kayitliydi) gizli */
.olive-form-sarmal .g-recaptcha,
.olive-form-sarmal div[class*="recaptcha"],
.g-recaptcha { display: none !important; }

@media (max-width: 991px) {
    .il-ic { padding: 0 26px; }
    .il-h2 { font-size: 30px !important; }
    .il-giris { padding: 62px 0 6px; }
    .il-kart-grid { grid-template-columns: 1fr; gap: 34px; }
    .il-kart { border-left: 0 !important; padding: 0 !important; }
    .il-form-ust { padding: 60px 0 0; }
    .olive-form-sarmal { padding: 30px 26px 70px; }
}
@media (max-width: 575px) {
    .il-ic { padding: 0 20px; }
    .il-h2 { font-size: 25px !important; }
    .olive-form-sarmal { padding: 24px 20px 60px; }
    .olive-form-sarmal button, .olive-form-sarmal .btn { width: 100%; }
}


/* OLIVE — beyaz metin sinifi hero BUTONLARINI kapsamamali:
   .olive-hb-1 zaten beyaz zeminli, metni koyu kalmali. */
.tp-caption.olive-video-metin .olive-hb-1,
.tp-caption.olive-video-metin .olive-hb-1 *,
.olive-video-metin a.olive-hb-1 {
    color: #1a1a18 !important;
    background: #fff !important;
    border-color: #fff !important;
}
.tp-caption.olive-video-metin .olive-hb-1:hover,
.olive-video-metin a.olive-hb-1:hover {
    color: #1a1a18 !important;
    background: #e9e5dd !important;
    border-color: #e9e5dd !important;
}
/* cizgili buton koyu gorselde beyaz kalsin */
.tp-caption.olive-video-metin .olive-hb-2,
.olive-video-metin a.olive-hb-2 { color: #fff !important; border-color: #fff !important; background: transparent !important; }
.tp-caption.olive-video-metin .olive-hb-2:hover,
.olive-video-metin a.olive-hb-2:hover { color: #1a1a18 !important; background: #fff !important; }


/* OLIVE — bayrak seridi sag hizasi: paylasimli head.css'te
   #header .header-top .header-nav-top { margin-right: 10px } var. */
#header .header-top .header-nav-top { margin-right: 0 !important; }

/* liste ogeleri saga yaslansin -> son bayrak, son menu ogesiyle ayni noktada bitsin */
#header .header-top .nav-pills { justify-content: flex-end !important; padding-right: 0 !important; }
#header .header-top .nav-pills > li:last-child { margin-right: 0 !important; }

/* son 6px: bayrak seridi kapsayicisinin sag ic boslugu, listenin kendi
   ic hizasini telafi edecek sekilde 15px -> 9px */
#header .header-top .container { padding-right: 9px !important; }

/* form sarmalayicisi tema float'i yuzunden sola yasliydi -> ortala */
.olive-form-sarmal {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ==========================================================================
   OLIVE — MOBIL DUZELTMELERI (<=991px)
   1) hamburger: zemin ve ikon ayni renkti (siyah/siyah) -> ikon beyaz
   2) bayraklar: yalnizca ilki gorunuyordu -> hepsi, ortali ve sarmali
   3) acilan menu: koyu zeminde koyu yazi -> acik renk
   4) hero metni ekran kenarina yapisikti -> kenar boslugu
   ========================================================================== */
@media (max-width: 991px) {

    /* 1) hamburger ikonu */
    #header .btn.header-btn-collapse-nav,
    .header-btn-collapse-nav {
        background: #1a1a18 !important;
        border-color: #1a1a18 !important;
        color: #fbf9f5 !important;
        width: 40px; height: 40px;
        display: inline-flex !important;
        align-items: center; justify-content: center;
        border-radius: 0;
    }
    #header .btn.header-btn-collapse-nav i,
    .header-btn-collapse-nav i,
    .header-btn-collapse-nav .fa {
        color: #fbf9f5 !important;
        font-size: 19px !important;
        line-height: 1 !important;
    }

    /* 2) dil bayraklari: dordu de gorunsun, ortali */
    #header .header-top { display: block !important; }
    #header .header-top .container {
        justify-content: flex-start !important;
        padding-left: 18px !important;
        padding-right: 12px !important;
        min-height: 34px;
    }
    #header .header-top .nav-pills {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin-right: 0 !important;
        width: auto !important;
    }
    #header .header-top .nav-pills > li,
    #header .header-top .nav-pills > li:has(.wt-dil-bayrak) {
        display: block !important;
        float: none !important;
        width: auto !important;
        margin: 0 !important;
    }
    #header .header-top .nav-pills > li > a { padding: 3px !important; display: block !important; }
    img.wt-dil-bayrak { width: 22px; height: 17px; opacity: .85; }

    /* 3) acilan mobil menu: acik renkli yazi */
    #header .header-nav-main nav > ul > li > a,
    #header .header-nav-main a,
    #mainNav a,
    #mainNav > li > a {
        color: #fbf9f5 !important;
        font-size: 15px !important;
        letter-spacing: .10em;
    }
    #header .header-nav-main .dropdown-menu,
    #mainNav .dropdown-menu {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
    #header .header-nav-main .dropdown-menu a,
    #mainNav .dropdown-menu a {
        color: rgba(251,249,245,.78) !important;
        font-size: 14px !important;
        padding-left: 16px !important;
    }
    #header .header-nav-main nav > ul > li,
    #mainNav > li { border-bottom: 1px solid rgba(255,255,255,.10); }
    #header .header-nav-main .dropdown-toggle:after,
    #mainNav .dropdown-toggle i { color: #fbf9f5 !important; }
}

/* 4) hero: metin ve butonlar ekran kenarina yapismasin */
@media (max-width: 767px) {
    .tp-caption, .tp-caption.main-label, .tp-caption.paragraf {
        max-width: calc(100vw - 52px) !important;
        white-space: normal !important;
        word-break: normal;
        overflow-wrap: break-word;
    }
    .tp-caption.olive-hero-cta, .olive-hero-cta {
        max-width: calc(100vw - 52px) !important;
        white-space: normal !important;
    }
    .olive-hb { font-size: 11px; padding: 0 18px; min-height: 44px; }
}

/* mobil menu paneli: zemin seffafti -> beyaz yazi arka plana gore kaybolabiliyordu */
@media (max-width: 991px) {
    #header .header-nav-main,
    #header .header-nav-main nav,
    #header .header-nav.header-nav-stripe .header-nav-main {
        background: #1a1a18 !important;
        padding: 6px 18px 18px !important;
        border-radius: 0;
    }
    #mainNav { background: transparent !important; margin: 0 !important; }
    #mainNav > li:last-child { border-bottom: 0 !important; }
    #header .header-nav-main nav > ul > li > a,
    #mainNav > li > a { padding: 15px 2px !important; }
}

/* mobil menu paneli top:0'dan basliyordu -> ilk iki oge (Ana Sayfa,
   Koleksiyonlar) 145px'lik header'in arkasinda kaliyordu. */
@media (max-width: 991px) {
    #header .header-nav-main {
        top: 100% !important;
        max-height: calc(100vh - 160px) !important;
        overflow-y: auto !important;
        box-shadow: 0 18px 40px rgba(20,20,18,.28);
    }
}



/* ==========================================================================
   OLIVE — MOBIL STICKY HEADER
   Tema head.css'te `.sticky-header-active #header .header-body{position:fixed}`
   var ama mobilde uygulanmiyor (olculdu: position=static) -> menu yukari
   kayip kayboluyordu. Sticky davranisi burada kuruluyor.
   ========================================================================== */
@media (max-width: 991px) {
    .sticky-header-active #header .header-body {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: #ffffff !important;
        box-shadow: 0 2px 14px rgba(20,20,18,.12);
        z-index: 1030 !important;
        animation: oliveHeaderIn .32s ease-out;
    }
    @keyframes oliveHeaderIn { from { transform: translateY(-100%); } to { transform: translateY(0); } }

    /* sticky'de ust serit gizli -> header kisalir, logo da kuculur */
    .sticky-header-active #header .header-top { display: none !important; }
    .sticky-header-active #header .header-container { min-height: 66px !important; }

    /* fixed olunca icerik altina kaymasin */
    .sticky-header-active #header { min-height: 145px; }
}

/* OLIVE — logo scroll'da KUCULMESIN: her durumda ayni genislik */
#header .olive-logo,
.sticky-header-active #header .olive-logo { width: 150px !important; }
@media (max-width: 991px) {
    #header .olive-logo,
    .sticky-header-active #header .olive-logo { width: 130px !important; }
}
@media (max-width: 575px) {
    #header .olive-logo,
    .sticky-header-active #header .olive-logo { width: 130px !important; }
}


/* OLIVE — kunye seritleri mobilde TEK SATIR (3 oge yan yana) */
@media (max-width: 767px) {
    .olive-intro-ozet,
    .hk-kunye,
    .pl-kunye {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
    }
    .olive-ozet-oge, .hk-kunye div, .pl-kunye div { min-width: 0; }
    .olive-ozet-oge strong, .hk-kunye strong, .pl-kunye strong { font-size: 19px !important; }
    .olive-ozet-oge span, .hk-kunye span, .pl-kunye span {
        font-size: 8.5px !important;
        letter-spacing: .08em !important;
        line-height: 1.3;
    }
}
@media (max-width: 360px) {
    .olive-ozet-oge span, .hk-kunye span, .pl-kunye span { font-size: 8px !important; letter-spacing: .05em !important; }
}


/* ==========================================================================
   OLIVE — MOBIL urun detay duzeltmeleri
   Olculdu: CTA 503px, detay kutusu 548px (viewport 390) -> tasiyordu.
   Zoom butonu tema mavisindeydi (#0088cc).
   ========================================================================== */
/* zoom/buyutec butonu marka rengine */
.zoom, span.zoom, .product-image .zoom, a.zoom {
    background: #1a1a18 !important;
    border-color: #1a1a18 !important;
    color: #fbf9f5 !important;
}
.zoom:hover, span.zoom:hover, a.zoom:hover { background: #8a7b5e !important; border-color: #8a7b5e !important; }
.zoom i, .zoom .fa { color: #fbf9f5 !important; }

@media (max-width: 767px) {
    /* CTA butonlari alt alta, tam genislik */
    .olive-urun-cta {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        max-width: 100% !important;
    }
    .olive-cta { width: 100% !important; min-height: 52px; white-space: normal !important; padding: 0 16px !important; }

    /* urun detay kutusu tasmasi */
    .product-details-box,
    .product-details-box-inner,
    .product-details,
    .product-shop,
    .satis-detay,
    #urun-detay {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
        /* padding SIFIRLANMAZ: temanin kendi ic boslugu kalsin,
           yoksa icerik sol kenara yapisiyor. Tasmayi width+margin cozuyor. */
    }
    .product-details-box-inner > *,
    .product-details-box > * { max-width: 100% !important; }
    .product-details-box h1, .product-details-box h2 { word-break: break-word; }
}


/* OLIVE — mobilde koleksiyon kartlari altindaki fazla bosluk
   (.olive-kol-satir alt margin 70px + son kart 26px = ~96px) */
@media (max-width: 767px) {
    .olive-kol-satir { margin-bottom: 20px !important; }
    .olive-kol-kart { margin-bottom: 16px !important; }
    .olive-kol-kart:last-child { margin-bottom: 0 !important; }
    .olive-kol-baslik-satir { margin-top: 38px !important; margin-bottom: 24px !important; }
}


/* ==========================================================================
   OLIVE — YENI LOGO (olive-logo.svg, 2026-09-05)
   Eski logodan farki: harfler ayri elemanlar (O=path, L/V/E=polygon, I=rect)
   -> clipPath dilimlemesine gerek yok, her harf kendi <g class="ol-harf">'inde.
   Eski fill kurallari yalnizca `path` hedefliyordu; polygon/rect harfler
   footer'da siyah kalirdi -> asagidaki kural hepsini kapsiyor.
   viewBox 563.58x120.01 (oran 4.70; eski logo 3.08 idi -> genislik artirildi)
   ========================================================================== */
/* Renk: eski kural `.ol-yazi path` (0,2,1) yalnizca O harfini yakaliyordu ve
   footer'da onu #ffffff yapiyordu -> digerleri kremdi. Bu secici (0,3,0) hepsini
   ayni renge getiriyor. */
.olive-logo--koyu  .ol-yazi .ol-harf > * { fill: #1a1a18; }
.olive-logo--beyaz .ol-yazi .ol-harf > * { fill: #fbf9f5; }

.olive-f-logo .olive-logo { width: 220px; }
@media (max-width: 991px) { .olive-f-logo .olive-logo { width: 190px; } }

/* hareket azaltma: yeni harf gruplarini da kapsa */
@media (prefers-reduced-motion: reduce) {
    .olive-logo .ol-harf { opacity: 1 !important; animation: none !important; transform: none !important; }
}


/* ==========================================================================
   OLIVE — cizgili butonlar: hover'da BEYAZ USTUNE BEYAZ sorunu
   Olculdu: hover'da bg #fbf9f5 oluyor ama yazi rgb(255,255,255) kaliyordu
   (renk baska bir !important tarafindan eziliyor). Asagidaki secici
   hem butonu hem icindeki her ogeyi kapsiyor.
   ========================================================================== */
.olive-footer a.olive-fbtn.olive-fbtn-cizgi:hover,
.olive-cta-serit a.olive-fbtn.olive-fbtn-cizgi:hover,
#footer a.olive-fbtn.olive-fbtn-cizgi:hover,
#footer-wrapper a.olive-fbtn.olive-fbtn-cizgi:hover,
body a.olive-fbtn.olive-fbtn-cizgi:hover,
body a.olive-fbtn.olive-fbtn-cizgi:focus,
body a.olive-btn.olive-btn-cizgi:hover {
    background: #fbf9f5 !important;
    border-color: #fbf9f5 !important;
    color: #1a1a18 !important;
}
/* ic ogeler (span/i) de koyulasin */
body a.olive-fbtn.olive-fbtn-cizgi:hover *,
body a.olive-btn.olive-btn-cizgi:hover * {
    color: #1a1a18 !important;
    fill: #1a1a18 !important;
}

/* ==========================================================================
   OLIVE — Instagram butonu (menu sonu + footer)
   ========================================================================== */
#header .olive-insta-li {
    display: flex !important; align-items: center;
    height: auto !important;
}
#header .olive-insta {
    display: inline-flex; align-items: center; justify-content: center;
    width: 34px; height: 34px; min-height: 34px; max-height: 34px;
    margin-left: 14px; padding: 0 !important; line-height: 0;
    flex: 0 0 34px; align-self: center;
    border: 1px solid rgba(26,26,24,.22); border-radius: 50%;
    color: #1a1a18; transition: all .28s ease; vertical-align: middle;
}
#header .olive-insta svg { width: 17px; height: 17px; display: block; }
#header .olive-insta:hover {
    background: #1a1a18; border-color: #1a1a18; color: #fbf9f5;
    transform: translateY(-2px);
}
#header .header-nav-main nav > ul > li.olive-insta-li > a { padding-left: 6px !important; padding-right: 0 !important; }

.olive-f-sosyal { display: flex; gap: 10px; margin-top: 20px; }
.olive-f-sosyal a {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; border-radius: 50%;
    border: 1px solid rgba(251,249,245,.28); color: #fbf9f5 !important;
    transition: all .3s cubic-bezier(.2,.7,.2,1);
}
.olive-f-sosyal a svg { width: 18px; height: 18px; }
.olive-f-sosyal a:hover {
    background: #fbf9f5; border-color: #fbf9f5; color: #1a1a18 !important;
    transform: translateY(-3px);
}
.olive-f-sosyal a:hover svg { fill: #1a1a18; }

@media (max-width: 991px) {
    #header .olive-insta { margin: 10px 0 0 20px; }
}

/* ==========================================================================
   OLIVE — Iletisim sayfasi: bilgi kartlari + harita
   ========================================================================== */
.il-bilgi-grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 0; margin: 54px 0 0; border-top: 1px solid rgba(26,26,24,.12);
}
.il-bilgi {
    padding: 34px 30px 34px 0; border-right: 1px solid rgba(26,26,24,.10);
}
.il-bilgi:last-child { border-right: 0; padding-right: 0; }
.il-bilgi:not(:first-child) { padding-left: 30px; }
.il-bilgi-etiket {
    display: block; font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
    color: #8a7b5e; margin-bottom: 14px;
}
.il-bilgi a, .il-bilgi p {
    display: block; font-size: 16px; line-height: 1.75; color: #1a1a18;
    margin: 0 0 4px; text-decoration: none; transition: color .25s ease;
}
.il-bilgi a:hover { color: #8a7b5e; }
.il-bilgi .il-ikinci { font-size: 14px; color: #6d6a63; }

.il-harita { margin-top: 56px; }
.il-harita iframe {
    width: 100%; height: 420px; border: 0; display: block;
    filter: grayscale(1) contrast(1.05);
    transition: filter .5s ease;
}
.il-harita:hover iframe { filter: grayscale(0); }

@media (max-width: 767px) {
    .il-bilgi-grid { grid-template-columns: 1fr; }
    .il-bilgi { padding: 26px 0 !important; border-right: 0; border-bottom: 1px solid rgba(26,26,24,.10); }
    .il-bilgi:last-child { border-bottom: 0; }
    .il-harita iframe { height: 300px; }
}


/* Instagram ikonu: tema kare basiyordu -> yuvarlak sabitlendi */
#header .olive-insta,
#header a.olive-insta,
#header .header-nav-main nav > ul > li.olive-insta-li > a.olive-insta {
    border-radius: 50% !important;
    background: transparent !important;
    border: 1px solid rgba(26,26,24,.22) !important;
    color: #1a1a18 !important;
}
#header a.olive-insta:hover {
    background: #1a1a18 !important; border-color: #1a1a18 !important; color: #fbf9f5 !important;
}
#header a.olive-insta svg { fill: currentColor; }


/* Instagram: daire cercevesi kaldirildi -> sade ikon */
#header .olive-insta,
#header a.olive-insta,
#header .header-nav-main nav > ul > li.olive-insta-li > a.olive-insta {
    border: 0 !important;
    background: transparent !important;
    width: 30px !important; height: 30px !important;
    min-height: 0 !important; max-height: none !important;
    flex-basis: 30px !important;
}
#header a.olive-insta svg { width: 20px !important; height: 20px !important; }
#header a.olive-insta:hover {
    background: transparent !important;
    color: #8a7b5e !important;
    transform: translateY(-2px);
}

/* ==========================================================================
   OLIVE — urun aciklamasi (musteri koleksiyon metinleri, 4 tip)
   ========================================================================== */
.olive-urun-metin { margin-top: 20px; }
.olive-urun-metin .olive-urun-alt {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 23px !important; line-height: 1.35 !important; font-weight: 500 !important;
    color: #1a1a18 !important; margin: 0 0 16px !important; letter-spacing: .005em;
}
.olive-urun-metin p {
    font-size: 15px !important; line-height: 1.85 !important;
    color: #4a4741 !important; margin: 0 0 14px !important;
}
.olive-urun-metin p:last-child { margin-bottom: 0 !important; }
.olive-urun-metin em {
    font-style: italic; color: #1a1a18; font-weight: 400;
}
@media (max-width: 767px) {
    .olive-urun-metin .olive-urun-alt { font-size: 20px !important; }
    .olive-urun-metin p { font-size: 14.5px !important; line-height: 1.8 !important; }
}


/* ==========================================================================
   OLIVE — LOOKBOOK kartlari
   Sorun: resmin altinda siyah bir alan kaliyordu ve etiket seridi kartin
   yalnizca bir bolumunu kapliyordu (olculdu: serit 211px / kart 315px).
   ========================================================================== */
.portfolio-list .isotope-item,
.portfolio-list .thumb-info,
.portfolio-list .thumb-info-wrapper {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.portfolio-list .thumb-info {
    display: block !important;
    line-height: 0 !important;
    overflow: hidden !important;
}
.portfolio-list .thumb-info img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}
/* etiket seridi: kartin TAM genisligi */
.portfolio-list .thumb-info-title {
    width: 100% !important;
    left: 0 !important; right: 0 !important; bottom: 0 !important;
    box-sizing: border-box !important;
    padding: 13px 16px !important;
    background: linear-gradient(to top, rgba(20,20,18,.88), rgba(20,20,18,.30)) !important;
    font-size: 12px !important; letter-spacing: .14em !important;
    line-height: 1.3 !important; text-transform: uppercase;
}
.portfolio-list .thumb-info-inner { font-size: inherit !important; }
/* kart alt bosluklari */
.portfolio-list > .isotope-item { margin-bottom: 22px !important; }


/* Iletisim: tel/whatsapp/adres artik ILK SATIRDA (basligin hemen altinda) */
.il-bilgi-grid.il-bilgi-ust {
    margin: 34px 0 6px !important;
    border-top: 1px solid rgba(26,26,24,.12);
    border-bottom: 1px solid rgba(26,26,24,.12);
}
.il-bilgi-grid.il-bilgi-ust .il-bilgi { padding-top: 28px !important; padding-bottom: 28px !important; }
/* alttaki 01/02/03 kartlari bilgilerden sonra basliyor -> ust bosluk */
.il-bilgi-ust + .il-kart-grid { margin-top: 46px !important; }


/* Private Label — musteri metni bolumu (giris altinda iki sutun + kapanis) */
.pl-metin { padding: 4px 0 10px; }
.pl-metin-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 0 56px;
    padding-top: 34px; border-top: 1px solid rgba(26,26,24,.12);
}
.pl-metin-grid p,
.pl-metin .pl-kapanis {
    font-size: 16px !important; line-height: 1.9 !important;
    color: #4a4741 !important; margin: 0 0 16px !important;
}
.pl-metin .pl-kapanis {
    margin-top: 22px !important; padding-top: 24px;
    border-top: 1px solid rgba(26,26,24,.10);
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 21px !important; line-height: 1.6 !important;
    color: #1a1a18 !important; font-style: italic;
}
@media (max-width: 767px) {
    .pl-metin-grid { grid-template-columns: 1fr; gap: 0; padding-top: 26px; }
    .pl-metin-grid p, .pl-metin .pl-kapanis { font-size: 15px !important; }
    .pl-metin .pl-kapanis { font-size: 18px !important; }
}


/* ==========================================================================
   OLIVE — Iletisim sayfasi ikonlari + Instagram vurgusu
   ========================================================================== */
.il-bilgi-etiket {
    display: flex !important; align-items: center; gap: 9px;
}
.il-ikon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; flex: 0 0 26px;
    border-radius: 50%; background: rgba(26,26,24,.06); color: #1a1a18;
    font-style: normal;
}
.il-ikon svg { width: 14px; height: 14px; display: block; }

/* WhatsApp: dikkat cekmesi icin yesil */
.il-ikon-wa { background: #25D366 !important; color: #fff !important; }
.il-ikon-wa svg { width: 15px; height: 15px; }
.il-bilgi-wa .il-bilgi-etiket { color: #128C7E !important; }
a.il-wa-link { color: #128C7E !important; font-weight: 400; }
a.il-wa-link:hover { color: #25D366 !important; }

/* Instagram: adres altinda, dikkat cekici rozet */
a.il-insta-link {
    display: inline-flex !important; align-items: center; gap: 8px;
    margin-top: 12px !important; padding: 7px 14px 7px 7px;
    border: 1px solid rgba(26,26,24,.14); border-radius: 100px;
    font-size: 14px !important; color: #1a1a18 !important;
    transition: all .3s cubic-bezier(.2,.7,.2,1);
}
.il-ikon-insta {
    background: linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888);
    color: #fff !important;
}
a.il-insta-link:hover {
    border-color: #dc2743; background: rgba(220,39,67,.05);
    transform: translateY(-2px);
}

/* footer Instagram: yazi eklendi -> hap seklinde buton */
.olive-f-sosyal a {
    width: auto !important; height: 40px !important;
    padding: 0 16px 0 12px; gap: 9px; border-radius: 100px !important;
    font-size: 12px; letter-spacing: .12em; text-transform: uppercase;
}
.olive-f-sosyal-ad { display: inline-block; }

/* sabit menude Instagram butonu */
.olive-sabit-insta:hover { background: #dc2743 !important; border-color: #dc2743 !important; }


/* Footer sosyal: Instagram + WhatsApp ALT ALTA, hap seklinde */
.olive-f-sosyal {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
}
.olive-f-sosyal a,
.olive-f-sosyal a.olive-f-wa {
    display: inline-flex !important; align-items: center; justify-content: flex-start;
    width: auto !important; height: 42px !important;
    padding: 0 18px 0 13px !important; gap: 10px;
    border: 1px solid rgba(251,249,245,.28); border-radius: 100px !important;
    color: #fbf9f5 !important; font-size: 12px; letter-spacing: .12em;
    text-transform: uppercase; white-space: nowrap;
    transition: all .3s cubic-bezier(.2,.7,.2,1);
}
.olive-f-sosyal a svg { width: 18px !important; height: 18px !important; flex: 0 0 18px; }
.olive-f-sosyal a:hover {
    background: #fbf9f5; border-color: #fbf9f5; color: #1a1a18 !important;
    transform: translateY(-2px);
}
/* WhatsApp: kendi yesili ile dikkat ceksin */
.olive-f-sosyal a.olive-f-wa:hover {
    background: #25D366 !important; border-color: #25D366 !important; color: #fff !important;
}
.olive-f-sosyal a.olive-f-wa:hover svg { fill: #fff; }


/* Iletisim: Turkiye / Avrupa hat ayrimi */
.il-hat-etiket {
    display: block; margin: 14px 0 4px;
    font-size: 10px; letter-spacing: .18em; text-transform: uppercase;
    color: #a09883;
}
.il-bilgi > .il-hat-etiket:first-of-type { margin-top: 4px; }
.il-hat-avrupa { color: #8a7b5e; }
.il-hat-avrupa:before {
    content: ""; display: inline-block; vertical-align: middle;
    width: 14px; height: 1px; background: #c9bfa8; margin-right: 7px;
}
.il-bilgi a { margin-bottom: 2px !important; }


/* Footer sosyal butonlar: hover'da BEYAZ USTUNE BEYAZ sorunu
   (ic <span> ayri renk aliyordu -> tum ic ogeler koyulasiyor) */
.olive-f-sosyal a:hover,
.olive-f-sosyal a:hover *,
.olive-f-sosyal a:focus,
.olive-f-sosyal a:focus * {
    color: #1a1a18 !important;
    fill: #1a1a18 !important;
}
.olive-f-sosyal a:hover svg,
.olive-f-sosyal a:hover svg path,
.olive-f-sosyal a:hover svg circle { fill: #1a1a18 !important; }

/* WhatsApp hover: yesil zemin -> yazi beyaz kalsin */
.olive-f-sosyal a.olive-f-wa:hover,
.olive-f-sosyal a.olive-f-wa:hover * {
    color: #ffffff !important;
    fill: #ffffff !important;
}
.olive-f-sosyal a.olive-f-wa:hover svg,
.olive-f-sosyal a.olive-f-wa:hover svg path { fill: #ffffff !important; }


/* Urun detay CTA: ust bosluk sifirlandi (musteri istegi) */
.olive-urun-cta { margin: 0 !important; }
.product-details-box .product-actions { margin-top: 0 !important; }


/* ==========================================================================
   olivecollection.de — dil bayraklari TEK SATIR
   Bu sitede bayraklar acilir menu degil, 4 ayri oge olarak basiliyor;
   dar alanda alt satira kayiyordu (Turk bayragi ustte kaliyordu).
   ========================================================================== */
#header .header-top .nav-pills,
#header .header-top ul.nav-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    white-space: nowrap !important;
    float: right !important;
    margin: 0 !important;
    padding: 0 !important;
}
#header .header-top .nav-pills > li {
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}
#header .header-top .nav-pills > li > a {
    display: inline-flex !important;
    align-items: center;
    padding: 3px !important;
    line-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
#header .header-top .nav-pills > li > a > img.wt-dil-bayrak {
    width: 24px !important; height: 18px !important;
    display: block !important; max-width: none !important;
    border-radius: 2px; opacity: .92;
    transition: opacity .25s ease, transform .25s ease;
}
#header .header-top .nav-pills > li > a:hover > img.wt-dil-bayrak {
    opacity: 1; transform: translateY(-1px);
}
@media (max-width: 991px) {
    #header .header-top .nav-pills { justify-content: flex-start !important; gap: 6px !important; }
}