﻿* {
    padding: 0;
    margin: 0;
    font-family: 'brcandor-regular-bf65519844306f6', sans-serif;
    font-size:18px;
}
@font-face {
    font-family: 'brcandor-bold-bf6551984434a53';
    src: url('fonts/brcandor-bold-bf6551984434a53.otf') format('opentype');
}
@font-face {
    font-family: 'brcandor-medium-bf655198440bb69';
    src: url('fonts/brcandor-medium-bf655198440bb69.otf') format('opentype');
}
@font-face {
    font-family: 'brcandor-semibold-bf655198444222b';
    src: url('fonts/brcandor-semibold-bf655198444222b.otf') format('opentype');
}
@font-face {
    font-family: 'brcandor-regular-bf65519844306f6';
    src: url('fonts/brcandor-regular-bf65519844306f6.otf') format('opentype');
}


.AcoountConainer{width:40%;margin-left:30%;margin-top:5%;}
.Profilemd6{margin-top:25px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;margin-bottom:19%;}
.colmd6{border:solid 0.3mm #e5e5e5;height:130px;text-align:center;align-content:center;border-radius:5px;background-color:#f7f7f7;text-decoration:none;cursor:pointer;}
.colmd6 a i{font-size:35px;margin-bottom:15px;}
.colmd6 a{text-decoration:none;color:#1d1d1d;font-size:16px;font-weight:bold}
.colmd6:hover{background-color:#e5e5e5;text-decoration:none}

 #LangDropdownMbil{display:none;color:#D40511}

/* Header üst şeritteki dil dropdown tasarımı */
.HaderLeft .LangDropdown {
    display: inline-block;
    vertical-align: middle;
    height: 22px; /* küçük */
    line-height: 22px;
    padding: 0 8px;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #111;
    background: transparent; /* altın zeminle uyum */
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 2px;
    outline: none;
    cursor: pointer;
}

    /* Select içindeki seçenekler (dropdown açılınca beyaz görünür) */
    .HaderLeft .LangDropdown option {
        background: #fff;
        color: #111;
    }

    /* İstersen hover biraz belirginleşsin */
    .HaderLeft .LangDropdown:hover {
        border-color: rgba(0,0,0,.45);
    }



.HeaderMenu{background-color:#D3B057;height:50px}
.HaderLeft{float:left;padding:15px;}
.MailTel{color:#000000;text-decoration:none;}
.MailTel:nth-child(2n+1){padding-right:15px;}
.MailTel:nth-child(2n+2){padding-right:15px;padding-left:15px;border-right:solid 0.3mm #00000064}
.MailTel:hover{color:#000000;text-decoration:none;}
.AcilirMenu{display:none}
.MobilMenu{display:none}
.MobilSepet{display:none}

.SiparisOzetPayment{display:block;}
.SiparisOzetPaymentMobil{display:none}


.fLogo{text-align:center}
.footerimage{width:350px;margin-bottom:15px;cursor:pointer}
.socialmedia{text-align:center;}
.socialImages{width:35px;cursor:pointer}


.LayoutHeader{ float:right;margin-right:35px;}
.LayoutHeader ul{list-style:none;padding:0;margin:0;}
.LayoutHeader ul li {float:left;position:relative;}
.LayoutHeader ul li a{padding:12px;display:block;color:#000000;text-decoration:none;padding-left:20px;padding-right:20px;padding-top:15px}
.LayoutHeader ul li a:hover{background-color:#ae8f40}
.LayoutHeader ul li ul{position:absolute;z-index:999999;width:300px;background-color:#D3B057;top:50px;display:none;}
.LayoutHeader ul li:hover ul {display:block}
.LayoutHeader ul li:hover ul li{display:block;float:none}
.LayoutHeader ul li:hover ul li a:hover{background-color:#ae8f40}

.formControlselect{width:100%;border-radius:5px;padding:12px;border:solid 0.3mm #dbdbdb;background-color:#f8f8f8;}
.formControlselect2{width:100%;border-radius:5px;padding:12px;border:solid 0.3mm #dbdbdb;background-color:#f8f8f8;}
.formControlselect3{width:100%;border-radius:5px;padding:12px;border:solid 0.3mm #dbdbdb;background-color:#f8f8f8;}

.Banner{position:relative;}



.Banner ul li a{display:block;color:#000000;font-size:20px;text-decoration:none;padding:20px 35px 10px 35px;}

.Banner ul li a i {font-size:35px;margin-top:-7px;}
.Banner ul li a:hover{border-bottom: solid 3px #000000}


.wellContainer{width:80%;margin-left:10%}
.BgWellGrey{background-color:#f2f2f2;padding-top:2%;padding-bottom:1%;}
.CSlider{padding:15px;display:block;}
.CSlider span{display:block;text-align:center;font-family:'brcandor-bold-bf6551984434a53', sans-serif;font-size:20px;padding:10px 0 10px 0}


.BgWellWhite{justify-self:center;width:80%;margin-left:0%}
.ThreeColumn{text-decoration:none;background-color:#f2f2f2;display:block;float:left;border-radius:25px;padding:5px 20px 5px 20px;width:23%;margin-top:5%;margin-bottom:5%;}
.ThreeColumn:nth-child(2n+1){margin-left:-1%;margin-right:1%;}
.ThreeColumn:nth-child(2n+2){margin-right:1%;margin-left:1%;}
.ThreeColumn:nth-child(2n+3){margin-right:1%;margin-left:1%;}
.ThreeColumn:nth-child(2n+4){margin-right:1%;margin-left:1%;}
.ThreeColumn img {width:75px;float:right;padding-top:5px;}
.ThreeColumn span{float:left;width:75%;display:block;text-align:left;padding: 32px 0 25px 15px;color:#000000;font-size:20px;}


.WhatWellMax{width:80%;margin-left:10%;margin-top:1%;margin-bottom:10%;}
.WhatWellMaxHeader {text-align:center;padding:15px;font-size:35px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:35px;}
.WhatColumn{text-decoration:none;display:block;float:left;border-radius:25px;padding:5px 20px 5px 20px;width:23%;text-align:center}
.WhatColumn:nth-child(2n+1){margin-left:-1%;margin-right:1%;}
.WhatColumn:nth-child(2n+2){margin-right:1%;margin-left:1%;}
.WhatColumn:nth-child(2n+3){margin-right:1%;margin-left:1%;}
.WhatColumn:nth-child(2n+4){margin-left:-1%;margin-right:1%;}
.WhatColumn:nth-child(2n+1) img{width:100px;}
.WhatColumn:nth-child(2n+2) img{width:100px;}
.WhatColumn:nth-child(2n+3) img{width:100px;}
.WhatColumn:nth-child(2n+4) img{width:100px;}
.WhatColumn span{display:block;text-align:center;padding:15px;color:#000000;font-size:20px;}
.WhatColumn:hover{text-decoration:none}


.MainProductsHeader{text-align:center;padding:15px;font-size:35px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:35px;display:block;width:100%;}
.MainProducts{width:80%;margin-left:10%;margin-top:2%;margin-bottom:3%;display: flex;flex-wrap: wrap;gap: 0;}
.MainProductList{width:23%;float:left;padding:10px;margin-left:1%;margin-right:1%;border:solid 0.3mm #f2f2f2;margin-bottom:15px;margin-top:15px;cursor:pointer;text-align:center;padding-bottom:30px;}
.MainProductList img{width:100%;}
.MainProductList:hover {background-color:#f5f5f5}
.MainProductName{display:block;padding:5px;text-align:center;}

.fiyatlardetay{  display:flex;align-items:center; gap:10px;margin-left:10px;}
.fiyatlar{  display:flex;  justify-content:center;align-items:center; gap:10px;  margin-bottom:15px;}
.MainProductPrice{  padding:5px;  text-align:center;  font-family:'brcandor-bold-bf6551984434a53', sans-serif;  font-size:18px;color:#c10f0f;text-decoration:line-through;}
.MainProductDiscount{  padding:5px;  text-align:center;  font-family:'brcandor-bold-bf6551984434a53', sans-serif;  font-size:24px;margin-top:2px}
.MainProductPriceM{ padding:5px;  text-align:center;  font-family:'brcandor-bold-bf6551984434a53', sans-serif;  font-size:24px;margin-top:2px}

.BtnSepetMain {background-color:#D3B057;color:#000000;text-decoration:none;padding:15px;border-radius:5px;padding-top:25px;padding-bottom:25px;}
.BtnSepetMain:hover{text-decoration:none;background-color:#9b7c2d;color:#000000;}

.PlatformlarImg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;justify-content:center;align-items:center;justify-items:center;text-align:center}
.PlatformlarImg a:nth-of-type(2n+1) img{width:20%;margin-right:5%;}
.PlatformlarImg a:nth-of-type(2n+2) img{width:15%;margin-right:5%;}
.PlatformlarImg a:nth-of-type(2n+3) img{width:15%;margin-right:5%;}
.PlatformlarImg a:nth-of-type(2n+4) img{width:20%;margin-right:5%;}


.KurumsalPartner{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.KurumsalPartner table{width:100%;border:0;}
.KurumsalPartner table tr td:nth-child(2n+1){width:50%;}
.KurumsalPartner table tr td span:nth-child(2n+1){display:block;padding:5px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;font-size:35px;}
.KurumsalPartner table tr td span:nth-child(2n+2){display:block;padding:5px;padding-bottom:20px}

.KurumsalPartner table tr td:nth-child(2n+2){width:50%;text-align:right;}
.FormInput{width:80%;text-align:right;background-color:white;border-radius:25px;float:right;padding:15px;text-align:center}
.FormHeader{display:block;padding:5px;font-size:35px;text-align:center;border-bottom: solid 0.3mm #b2b2b2;margin-bottom:10px;}
.MainInput{background-color:#f1f1f1;border:0;padding:10px;margin-bottom:15px;margin-top:15px;border-radius:5px;margin-left:1%;margin-right:1%;}
.InputTwo .MainInput{width:48%;float:left}
.InputOne .MainInput{width:98%;}
.BtnBasvuru{background-color:#D3B057;color:#f2f2f2;text-decoration:none;padding:15px 0 10px 0;border-radius:5px;border:0;width:250px;font-size:20px;margin-bottom:25px;margin-top:25px;}
.BtnBasvuru:hover{background-color:#9b7c2d}


.accordionHeader{display:block;padding:5px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;font-size:35px;text-align:center;margin-bottom:15px;}
.accordionbg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.accordion {background-color: #eee;color: #444;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;border-radius:5px;margin-bottom:10px;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 0 18px;  display: none;background-color: white;overflow: hidden;}

.Footer{padding-bottom:25px;padding-top:25px;}
.Footers{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.fLogo {float:left;width:33%;}
.fLogo span{display:block;padding:15px 0 15px 0;text-align:center;font-size:18px;}
.FooterNav{float:left;width:33%;}
.FooterNav ul {list-style:none;padding:0;margin:0;float:left;width:50%;}
.FooterNav ul li a {display:block;padding:10px;text-decoration:none;color :#000000;font-size:18px}
.FooterNav ul li a:hover{text-decoration:none;color :#000000;}
.FooterAdres{float:left;width:33%;}
.FooterAdres span{display:block;padding:10px;font-size:18px;}
.fLogoMobil{display:none}
.wellMarginTopContainer{margin-top:7%;}
.LoginHeader{display:block;}
.LoginHeader a{text-decoration:none;color:#222222;font-weight:600;float:left;display:block;padding:15px;border-bottom:solid 4px #b0b0b0;width:50%;text-align:center}
.LoginHeader a:hover:nth-of-type(2n+2){border-bottom:solid 4px #212121;background-color:#e1e1e168;text-decoration:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#222222;}
.LoginHeader a:hover:nth-of-type(2n+1){background-color:#e1e1e168;text-decoration:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#222222;}
.formControl{margin-bottom:10px;}
.formControl input{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f8f8f8;}
.BtnKaydet{padding:10px;display:block;width:100%;background-color:#9b7c2d;border-radius:5px;color:white;border:0}
.BtnKaydet:hover{background-color:#81600e}
.wellLoginContainer{margin-top:25px;}
.containerCheckbox {display: block;position: relative;padding-left: 35px;margin-bottom:10px; font-weight:normal;font-size:14px; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-top:15px;}
.containerCheckbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0}
.checkmark {position: absolute;top: -3px;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius:5px;}
.containerCheckbox:hover input ~ .checkmark {background-color: #ccc;}
.containerCheckbox input:checked ~ .checkmark {background-color: #81600e;}
.checkmark:after {content: "";position: absolute;display: none;}
.containerCheckbox input:checked ~ .checkmark:after {display: block;}
.containerCheckbox .checkmark:after {left: 7px;top: 3px;width: 10px;height: 15px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.containerCheckbox a{display: block;position: relative;margin-bottom:10px; font-weight:normal;font-size:14px; cursor: pointer;}

.GeneralRow{margin-top:25px;}
.detailsContainer{width:60%;margin-left:20%;margin-top:15px;margin-bottom:15px;}
ul.breadcrumb {padding: 10px 16px;list-style: none;background-color: #eee;}
ul.breadcrumb li {display: inline;font-size: 18px;color:#333333}
ul.breadcrumb li+li:before {padding: 8px;color: black;content: "/\00a0";}
ul.breadcrumb li a {color: #81600e;text-decoration: none;}
ul.breadcrumb li a:hover {color: #01447e;text-decoration: underline;}
.DetailUrunBig{border:solid 0.3mm #ebebeb;margin-bottom:5px;width:100%;}
.DetailUrunSmall{padding:10px;border:solid 0.3mm #ebebeb;float:left;width:23.5%;margin:1%;margin-bottom:25px;cursor:pointer}
.DetailUrunSmall:nth-child(4n+1) {margin-left: 0;}
.DetailUrunSmall:nth-child(4n) {margin-right: 0;}
.DetailUrunSmall:hover{opacity:0.7}
.UrunTitle{padding: 15px;display:block;font-weight:bold;font-size:20px;}
.UrunPrice{padding:15px;font-size:24px;font-weight:bold;display:block;}
.UrunStokKodu{display:block;padding-left:0;padding-top:25px;}
.UrunAdet{display:block;padding:15px;}
.UrunAdet span:nth-of-type(2n+2){float:left;}
.UrunAdet span{float:left;display:block;background-color:#81600e;padding:8.1px;padding-left:10px;padding-right:10px;color:white;cursor:pointer;font-size:20px;}
.UrunAdet span:nth-of-type(2n+1){padding-left:13px;padding-right:13px;}
.UrunAdet input{float:left;border:solid 0.3mm #eee;padding:10px;width:50px;text-align:center;}
.UrunAdet span:hover{background-color:#493609}
.OzelBilgi{padding:15px;margin-top:25px;margin-bottom:15px;}
.SepeteEkle{padding:10px;display:block;background-color:#9b7c2d;border-radius:5px;color:white;border:0;width:200px;padding-top:13px;}
.SepeteEkle:hover{background-color:#81600e}

.UrunAciklamaTitle{border-bottom:solid 4px #b0b0b0;height:47px;margin-bottom:25px;}
.UrunAciklamaTitle ul{padding:0;margin:0;list-style-type:none}
.UrunAciklamaTitle ul li{padding: 10px 60px 10px 0px;border-bottom:solid 4px #212121;float:left;font-weight:bold}
.UrunAciklamaAciklama{padding: 10px 0px 40px 0px;}

.ProductListSlider{width:100%;float:left;padding:10px;margin-left:1%;margin-right:1%;border:solid 0.3mm #f2f2f2;margin-bottom:15px;margin-top:15px;cursor:pointer;text-align:center;padding-bottom:30px;}
.ProductListSlider img{width:100%;}
.ProductListSlider:hover {background-color:#f5f5f5}
.MainProductName{display:block;padding:5px;text-align:center;}


.MainProductsSliderHeader{text-align:center;padding:15px;font-size:35px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:5px;display:block;width:100%;}
.BasketContainer{width:80%;margin-left:10%;margin-top:3%;}
.BasketAlertContainer{width:80%;margin-left:10%;margin-bottom:5%;}
.BasketContainer img{width:100%}
.SepetTable{width:70%;border:solid 0.3mm #eee;float:left;margin-bottom:35px;}
.BasketContainer .SepetTable tr td{border:solid 0.3mm #eee;padding:5px;}
.SepetTable tr td:nth-of-type(2n+1){width:10%;text-align:center}
.SepetTable tr td:nth-of-type(2n+2){width:38%;text-align:center}
.SepetTable tr td:nth-of-type(2n+3){width:16%;text-align:center}
.SepetTable tr td:nth-of-type(2n+4){width:11%;text-align:center}
.SepetTable tr td:nth-of-type(2n+5){width:10%;text-align:center}
.SepetTable tr td:nth-of-type(2n+6){width:10%;text-align:center;justify-items:center}

.SepetTable thead{background-color:#ededed;}
.SepetTable thead tr td{padding:10px;border:solid 0.3mm #e2e2e2}

.IndirimFiyat{display:block;text-align:center}
.NormalFiyat{color:#e51313;text-decoration:line-through;}
.NormalFiyat2{color:#444;}


.UrunSil{padding:10px;display:block;color:white;background-color:#9b7c2d;border:0;padding-left:17px;padding-right:17px;border-radius:5px;padding-top:12px}
.UrunSil:hover{background-color:#81600e}

.SepetToplam{width:28%;border:solid 0.3mm #eee;float:right}
.SepetToplam tbody tr td{padding:10px;border:solid 0.3mm #e2e2e2;}
.SepetbtnBlack {color: #fff;background-color: #81600e;border: 0;padding: 5px;padding-left: 15px;padding-right: 15px;width: 48%;padding-top:8px;font-size:14px;}
.SepetbtnBlack:hover {background-color: #9b7c2d;}
.SepetTitle{padding:15px;padding-left:0;font-weight:bold;font-size:30px;padding-bottom:10px;}
#alertigo{bottom:36px;right:0;display:block;max-width:100%;position:fixed;text-align:center;z-index:2500}.fa-check{display:block;color:#fff;font-size:28px;cursor:pointer}.colorcarpi{display:block;color:#fff;font-size:28px;cursor:pointer}.iconalert{display:block;width:100%;margin-bottom:5px;cursor:pointer}.alertigo{background-color:#337ab7;border:1px solid #2e6da4;color:#fff;clear:both;float:right;padding:25px;padding-top:10px;text-align:center;width:auto;text-shadow:1px 1px 0 rgba(0,0,0,.25)}.alertigo:last-of-type{margin-bottom:0}.alertigo-green{background-color:#5cb85c;border-color:#4cae4c}.alertigo-light-blue{background-color:#5bc0de;border-color:#46b8da}.alertigo-orange{background-color:#f0ad4e;border-color:#eea236}.alertigo-red{background-color:#d9534f;border-color:#d43f3a}@media only screen and (max-width:991px){#alertigo{bottom:36px;right:0;display:block;width:100%;position:fixed;text-align:center;z-index:2500}.alertigo{background-color:#337ab7;border:1px solid #2e6da4;color:#fff;clear:both;float:right;display:block;padding:25px;padding-top:10px;text-align:center;width:100%;text-shadow:1px 1px 0 rgba(0,0,0,.25)}#alertigo{width:100%}}@font-face{font-family:'VAG';src:url('../font/VAG.TTF')}

.wellMarginTopPaymentContainer{margin-top:3%;}
.formControl textarea{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f8f8f8;}

.FaturaAdresi{display:none}
.SepetToplamOrder{width:100%;border:solid 0.3mm #eee;float:right}
.SepetToplamOrder tbody tr td{padding:10px;border:solid 0.3mm #e2e2e2;}
.BasketContainerSonuc{width:80%;margin-top:15%;margin-bottom:15%;margin-left:10%;}




.Sayfalarcontainer{width:70%;margin-left:15%;margin-top:5%;margin-bottom:25px;}
.borderRadius4{border-radius:35px;}
.TitleSayfaAnti{margin-top:25px;font-size:35px;text-align:center;display:block;font-weight:bold}

.TitleSayfaAnti span{font-size:25px;text-align:center;display:block;}



.TitleSayfaAntiText{padding:15px;margin-top:35px;margin-bottom:35px;}
.TitleSayfaAntiTable{margin-top:15px;margin-bottom:15px;padding:1px;}
.TableI1 {width:100%;margin-top:35px;margin-bottom:35px;}
.TableI1 tr td {width:50%;}
.TableI1 tr td:nth-of-type(2n+2) {width:50%; padding-left:15px;}
.TableI1 tr td img {width:100%;border-radius:15px;}

.TableI2 {width:100%;margin-top:35px;margin-bottom:35px;}
.TableI2 tr td {width:50%;}
.TableI2 tr td:nth-of-type(2n+2) {width:50%; padding-left:15px;}
.TableI2 tr td img {width:100%;border-radius:15px;}






.SyfaLogo{position:absolute;left:15px;top:35px;z-index:99999;width:200px;}

    
.OrtaSol{position:absolute;top:25%;left:5%;z-index:9999;color:white;font-size:45px;}
.OrtaSol span{display:block;font-size:25px;margin-top:35px;}
.OrtaSag{position:absolute;top:25%;right:25px;z-index:9999;color:white;font-size:25px;width:40%;}
.SyfaLogoMobil{display:none}

.WpContactAbsolute i{font-size:25px;margin-right:5px}
.WpContactAbsolute{padding:10px;background-color:#0c6759;margin-top:10px;margin-bottom:10px;display:block;border-radius:5px;color:white;text-decoration:none;text-align:center;font-size:14px;position:fixed;bottom:10px;right:15px;z-index: 999999;width:250px ;}
.WpContactAbsolute:hover{text-decoration:none;color:white;background-color:#047a31;}


.WhatWellMaxAdblue{width:80%;margin-left:10%;margin-top:1%;height:30px;}
.WhatWellMaxAdblue a {background-color:#edebe8;border-radius:5px;height:120px;align-content:center;margin-bottom:55px;}
.WhatWellMaxAdblue a:nth-of-type(2n+1) {margin-right:5px;}
.WhatWellMaxAdblue a span{padding:0px;display:block;font-size:18px}
.WhatWellMaxAdblue a:nth-of-type(2n+2) {margin-right:35px;}
.WhatWellMaxHeaderAdblue {text-align:center;padding:15px;font-size:35px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:25px;}

.cardGiris{margin-top:20px}
.credit-card {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: #fff;
    border-radius: 14px;
    padding: 25px;
    height: 200px;
    position: relative;
    font-family: monospace;
    box-shadow: 0 10px 30px rgba(0,0,0,.3);
}

.card-number {
    font-size: 22px;
    letter-spacing: 2px;
    margin-top: 40px;
}

.card-name {
    margin-top: 30px;
    font-size: 14px;
    text-transform: uppercase;
}

.card-expiry {
    position: absolute;
    bottom: 20px;
    right: 25px;
    font-size: 14px;
}

/* BLOG LIST */

.blog-section {
    max-width: 1100px;
    margin: auto;
}

.title {
    text-align: center;
    margin-bottom: 50px;
    font-size: 36px;
    color: #222;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.blog-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: 0.3s ease;
}

    .blog-card:hover {
        transform: translateY(-8px);
    }

    .blog-card img {
        width: 100%;
        height: 230px;
        object-fit: cover;
    }

.card-content {
    padding: 25px;
}

.tag {
    background: #4f46e5;
    color: #fff;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 20px;
}

.card-content h2 {
    margin: 15px 0;
    font-size: 20px;
    color: #111;
}

.card-content p {
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.6;
}

.btn {
    text-decoration: none;
    background: #81600e;
    color: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
}

/* DETAIL PAGE */

.detail-section {
    max-width: 80%;
    margin: auto;
}

.back-btn {
    display: inline-block;
    margin-bottom: 20px;
    text-decoration: none;
    color: #4f46e5;
}

.detail-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

    .detail-card img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

.detail-content {
    padding: 40px;
}

    .detail-content h1 {
        margin: 15px 0 25px;
        font-size: 30px;
        color: #111;
    }

    .detail-content p {
        line-height: 1.8;
        margin-bottom: 20px;
        color: #444;
    }

/* RESPONSIVE */

@media(max-width: 768px) {
    .blog-grid {
        grid-template-columns: 1fr;
    }
}


/* 📱 MOBİLDE GİZLE */
@media (max-width: 768px) {
    .card-preview {
        display: none;
    }
    .formControlselect{width:100%;border-radius:5px;padding:12px;border:solid 0.3mm #dbdbdb;background-color:#f8f8f8;}
    .formControlselect3{width:100%;border-radius:5px;padding:12px;border:solid 0.3mm #dbdbdb;background-color:#f8f8f8;margin-top:10px;}
    .formControlselect2{width:100%;border-radius:5px;padding:12px;border:solid 0.3mm #dbdbdb;background-color:#f8f8f8;}

}



@media (min-width: 1920px) and (max-width: 2559px) {
    #alertigo { z-index: 99999;}
* {padding: 0;margin: 0;font-family: 'brcandor-regular-bf65519844306f6', sans-serif;font-size:16px;}


.fLogo{text-align:center}
.footerimage{width:300px;margin-bottom:15px;cursor:pointer}
.socialmedia{text-align:center;}
.socialImages{width:35px;}


#alertigo{bottom:36px;right:0;display:block;max-width:100%;position:fixed;text-align:center;z-index:2500}.fa-check{display:block;color:#fff;font-size:28px;cursor:pointer}.colorcarpi{display:block;color:#fff;font-size:28px;cursor:pointer}.iconalert{display:block;width:100%;margin-bottom:5px;cursor:pointer}.alertigo{background-color:#337ab7;border:1px solid #2e6da4;color:#fff;clear:both;float:right;padding:25px;padding-top:10px;text-align:center;width:auto;text-shadow:1px 1px 0 rgba(0,0,0,.25)}.alertigo:last-of-type{margin-bottom:0}.alertigo-green{background-color:#5cb85c;border-color:#4cae4c}.alertigo-light-blue{background-color:#5bc0de;border-color:#46b8da}.alertigo-orange{background-color:#f0ad4e;border-color:#eea236}.alertigo-red{background-color:#d9534f;border-color:#d43f3a}@media only screen and (max-width:991px){#alertigo{bottom:36px;right:0;display:block;width:100%;position:fixed;text-align:center;z-index:2500}.alertigo{background-color:#337ab7;border:1px solid #2e6da4;color:#fff;clear:both;float:right;display:block;padding:25px;padding-top:10px;text-align:center;width:100%;text-shadow:1px 1px 0 rgba(0,0,0,.25)}#alertigo{width:100%}}@font-face{font-family:'VAG';src:url('../font/VAG.TTF')}

.Banner{position:relative;}
.Banner nav{position:absolute;right:0%;z-index:99999;margin-top:2%;background-color:#ffffff1c;padding-right:3%;padding-left:25px;}
.Banner ul li a{font-size:18px;padding:15px 35px 10px 35px;}

.CSlider{padding:15px;display:block;}
.CSlider span{font-size:16px;padding:10px 0 10px 0}

.WhatWellMaxAdblue{width:80%;margin-left:10%;margin-top:1%;height:30px;}
.WhatWellMaxAdblue a {background-color:#edebe8;border-radius:5px;height:120px;align-content:center;margin-bottom:55px;}
.WhatWellMaxAdblue a:nth-of-type(2n+1) {margin-right:5px;}
.WhatWellMaxAdblue a:nth-of-type(2n+2) {margin-right:35px;}
.WhatWellMaxHeaderAdblue {text-align:center;padding:15px;font-size:35px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:25px;}


.ThreeColumn{border-radius:25px;padding:5px 20px 5px 20px;}
.ThreeColumn img {width:75px;float:right;padding-top:5px;}
.ThreeColumn span{width:75%;padding: 32px 0 25px 15px;font-size:18px;}


.WhatWellMaxHeader {font-size:30px;padding-bottom:35px;}
.WhatColumn{border-radius:25px;padding:5px 20px 5px 20px;width:23%;text-align:center}



.WhatColumn:nth-child(2n+1) img{width:100px;}
.WhatColumn:nth-child(2n+2) img{width:100px;}
.WhatColumn:nth-child(2n+3) img{width:100px;}
.WhatColumn:nth-child(2n+4) img{width:100px;}
.WhatColumn span{padding:15px;font-size:16px;}


.MainProductsHeader{padding:15px;font-size:30px;padding-bottom:35px;}
.MainProductList{width:23%;padding:10px;margin-bottom:15px;margin-top:15px;padding-bottom:20px;}
.BtnSepetMain{padding:15px;border-radius:5px;font-size:14px;}


.KurumsalPartner table tr td span:nth-child(2n+1){display:block;padding:5px;font-size:30px;}
.KurumsalPartner table tr td span:nth-child(2n+2){display:block;padding:5px;padding-bottom:20px}

.FormInput{width:80%;border-radius:25px;float:right;padding:15px;}
.FormHeader{padding:5px;font-size:30px;margin-bottom:10px;}
.MainInput{padding:10px;margin-bottom:15px;margin-top:15px;border-radius:5px;margin-left:1%;margin-right:1%;}
.InputTwo .MainInput{width:48%;float:left}
.InputOne .MainInput{width:98%;}
.BtnBasvuru{padding:15px 0 10px 0;border-radius:5px;border:0;width:250px;font-size:18px;margin-bottom:25px;margin-top:20px;}


.accordionHeader{padding:5px;font-size:30px;margin-bottom:15px;}
.accordionbg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.accordion {background-color: #eee;color: #444;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;border-radius:5px;margin-bottom:10px;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 0 18px;  display: none;background-color: white;overflow: hidden;}

.Footers{width:80%;margin-left:7%;margin-top:2%;margin-bottom:2%;}
.fLogo{text-align:center}
.fLogo span{padding:15px 0 15px 0;font-size:16px;text-align:center}
.FooterNav ul li a {padding:10px;font-size:16px}
.FooterAdres span{padding:10px;font-size:16px;}

/*Buradan İtibaren Uyumlu Yap*/


.wellMarginTopContainer{margin-top:7%;}
.LoginHeader{display:block;}
.LoginHeader a{text-decoration:none;color:#222222;font-weight:600;float:left;display:block;padding:15px;border-bottom:solid 4px #b0b0b0;width:50%;text-align:center}
.LoginHeader a:hover:nth-of-type(2n+2){border-bottom:solid 4px #212121;background-color:#e1e1e168;text-decoration:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#222222;}
.LoginHeader a:hover:nth-of-type(2n+1){background-color:#e1e1e168;text-decoration:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#222222;}
.formControl{margin-bottom:10px;}
.formControl input{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f8f8f8;}
.formControl textarea{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f8f8f8;}

.BtnKaydet{padding:10px;display:block;width:100%;background-color:#9b7c2d;border-radius:5px;color:white;border:0;padding-top:13px;}
.BtnKaydet:hover{background-color:#81600e}
.wellLoginContainer{margin-top:25px;}
.containerCheckbox {display: block;position: relative;padding-left: 35px;margin-bottom:10px; font-weight:normal;font-size:14px; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-top:15px;}

.containerCheckbox a{display: block;position: relative;margin-bottom:10px; font-weight:normal;font-size:14px; cursor: pointer;}
.containerCheckbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0}
.checkmark {position: absolute;top: -3px;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius:5px;}
.containerCheckbox:hover input ~ .checkmark {background-color: #ccc;}
.containerCheckbox input:checked ~ .checkmark {background-color: #81600e;}
.checkmark:after {content: "";position: absolute;display: none;}
.containerCheckbox input:checked ~ .checkmark:after {display: block;}
.containerCheckbox .checkmark:after {left: 7px;top: 3px;width: 10px;height: 15px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}


.GeneralRow{margin-top:25px;}
.detailsContainer{width:60%;margin-left:20%;margin-top:15px;margin-bottom:15px;}
ul.breadcrumb {padding: 10px 16px;list-style: none;background-color: #eee;}
ul.breadcrumb li {display: inline;font-size: 18px;color:#333333}
ul.breadcrumb li+li:before {padding: 8px;color: black;content: "/\00a0";}
ul.breadcrumb li a {color: #81600e;text-decoration: none;}
ul.breadcrumb li a:hover {color: #01447e;text-decoration: underline;}
.DetailUrunBig{border:solid 0.3mm #ebebeb;margin-bottom:5px;width:100%;}
.DetailUrunSmall{padding:10px;border:solid 0.3mm #ebebeb;float:left;width:23.5%;margin:1%;margin-bottom:25px;cursor:pointer}
.DetailUrunSmall:nth-child(4n+1) {margin-left: 0;}
.DetailUrunSmall:nth-child(4n) {margin-right: 0;}
.DetailUrunSmall:hover{opacity:0.7}
.UrunTitle{padding: 15px;display:block;font-weight:bold;font-size:20px;}
.UrunPrice{padding:15px;font-size:24px;font-weight:bold;display:block;}
.UrunStokKodu{display:block;padding-left:0;padding-top:25px;}
.UrunAdet{display:block;padding:15px;}
.UrunAdet span:nth-of-type(2n+2){float:left;}
.UrunAdet span{float:left;display:block;background-color:#81600e;padding:8.1px;padding-left:10px;padding-right:10px;color:white;cursor:pointer;font-size:20px;}
.UrunAdet span:nth-of-type(2n+1){padding-left:13px;padding-right:13px;}
.UrunAdet input{float:left;border:solid 0.3mm #eee;padding:10px;width:50px;text-align:center;}
.UrunAdet span:hover{background-color:#493609}
.OzelBilgi{padding:15px;margin-top:25px;margin-bottom:15px;}
.SepeteEkle{padding:10px;display:block;background-color:#9b7c2d;border-radius:5px;color:white;border:0;width:200px;padding-top:13px;}
.SepeteEkle:hover{background-color:#81600e}

.UrunAciklamaTitle{border-bottom:solid 4px #b0b0b0;height:47px;margin-bottom:25px;}
.UrunAciklamaTitle ul{padding:0;margin:0;list-style-type:none}
.UrunAciklamaTitle ul li{padding: 10px 60px 10px 0px;border-bottom:solid 4px #212121;float:left;font-weight:bold}
.UrunAciklamaAciklama{padding: 10px 0px 40px 0px;}

.ProductListSlider{width:100%;float:left;padding:10px;margin-left:1%;margin-right:1%;border:solid 0.3mm #f2f2f2;margin-bottom:15px;margin-top:15px;cursor:pointer;text-align:center;padding-bottom:30px;}
.ProductListSlider img{width:100%;}
.ProductListSlider:hover {background-color:#f5f5f5}
.MainProductName{display:block;padding:5px;text-align:center;}

.MainProductsSliderHeader{text-align:center;padding:15px;font-size:35px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:5px;display:block;width:100%;}





.BasketContainer{width:80%;margin-left:10%;margin-top:3%;}
.BasketAlertContainer{width:80%;margin-left:10%;margin-bottom:5%;}
.BasketContainer img{width:100%}
.SepetTable{width:70%;border:solid 0.3mm #eee;float:left;}
.BasketContainer .SepetTable tr td{border:solid 0.3mm #eee;padding:5px;}
.SepetTable tr td:nth-of-type(2n+1){width:10%;text-align:center}
.SepetTable tr td:nth-of-type(2n+2){width:39%;text-align:center}
.SepetTable tr td:nth-of-type(2n+3){width:15%;text-align:center}
.SepetTable tr td:nth-of-type(2n+4){width:11%;text-align:center}
.SepetTable tr td:nth-of-type(2n+5){width:10%;text-align:center}
.SepetTable tr td:nth-of-type(2n+6){width:10%;text-align:center;justify-items:center}

.SepetTable thead{background-color:#ededed;}
.SepetTable thead tr td{padding:10px;border:solid 0.3mm #e2e2e2}
.UrunSil{padding:10px;display:block;color:white;background-color:#9b7c2d;border:0;padding-left:17px;padding-right:17px;border-radius:5px;padding-top:12px}
.UrunSil:hover{background-color:#81600e}

.SepetToplam{width:28%;border:solid 0.3mm #eee;float:right}
.SepetToplam tbody tr td{padding:10px;border:solid 0.3mm #e2e2e2;}
.SepetbtnBlack {color: #fff;background-color: #81600e;border: 0;padding: 5px;padding-left: 15px;padding-right: 15px;width: 48%;padding-top:8px;font-size:14px;}
.SepetbtnBlack:hover {background-color: #9b7c2d;}
.SepetTitle{padding:15px;padding-left:0;font-weight:bold;font-size:30px;padding-bottom:10px;}




.PaymentHeader{display:block;}
.PaymentHeader a{text-decoration:none;color:#222222;font-weight:600;float:left;display:block;padding:15px;border-bottom:solid 4px #212121;width:100%;font-size:20px;}
.PaymentHeader a:hover{text-decoration:none;color:#222222;}




.SayfalarYetkicontainer{width:60%;margin-left:20%;margin-top:3%;margin-bottom:25px;}
.Sayfalarcontainer{width:60%;margin-left:20%;margin-top:3%;margin-bottom:25px;}
.borderRadius4{border-radius:35px;}
.TitleSayfaAnti{margin-top:25px;font-size:35px;text-align:center;display:block;font-weight:bold}

.TitleSayfaAnti span{font-size:25px;text-align:center;display:block;}



.TitleSayfaAntiText{padding:15px;margin-top:35px;margin-bottom:35px;}
.TitleSayfaAntiTable{margin-top:15px;margin-bottom:15px;padding:1px;}
.TableI1 {width:100%;margin-top:35px;margin-bottom:35px;}
.TableI1 tr td {width:50%;}
.TableI1 tr td:nth-of-type(2n+2) {width:50%; padding-left:35px;}
.TableI1 tr td img {width:100%;border-radius:15px;}

.TableI2 {width:100%;margin-top:35px;margin-bottom:35px;}
.TableI2 tr td {width:50%; padding-right:35px;}
.TableI2 tr td:nth-of-type(2n+2) {width:50%;}
.TableI2 tr td img {width:100%;border-radius:15px;}



.AcoountConainer{width:40%;margin-left:30%;margin-top:5%;}
.Profilemd6{margin-top:25px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;margin-bottom:19%;}
.colmd6{border:solid 0.3mm #e5e5e5;height:130px;text-align:center;align-content:center;border-radius:5px;background-color:#f7f7f7;text-decoration:none;cursor:pointer;}
.colmd6 a i{font-size:35px;margin-bottom:15px;}
.colmd6 a{text-decoration:none;color:#1d1d1d;font-size:16px;font-weight:bold}
.colmd6:hover{background-color:#e5e5e5;text-decoration:none}

.OrtaSol{position:absolute;top:25%;left:5%;z-index:9999;color:white;font-size:45px;}
.OrtaSol span{display:block;font-size:25px;margin-top:35px;}
.OrtaSag{position:absolute;top:25%;right:25px;z-index:9999;color:white;font-size:25px;width:40%;}
.SyfaLogoMobil{display:none}



.IletisimBaslik{padding: 10px 10px 10px 0px; display:block;font-size:25px;font-weight:bold}
.IletisimAdres{padding:5px;display:block;padding-left:0px;}
.formControl22{padding-left:10px;}




}

@media (min-width: 1600px) and (max-width: 1919px) {

* {padding: 0;margin: 0;font-family: 'brcandor-regular-bf65519844306f6', sans-serif;font-size:13px;}

.fiyatlardetay{  display:flex;align-items:center; gap:10px;margin-left:10px;}
.fiyatlar{  display:flex;  justify-content:center;align-items:center; gap:10px;  margin-bottom:15px;}
.MainProductPrice{  padding:5px;  text-align:center;  font-family:'brcandor-bold-bf6551984434a53', sans-serif;  font-size:16px;color:#c10f0f;text-decoration:line-through;}
.MainProductDiscount{  padding:5px;  text-align:center;  font-family:'brcandor-bold-bf6551984434a53', sans-serif;  font-size:20px;margin-top:0px}
.MainProductPriceM{ padding:5px;  text-align:center;  font-family:'brcandor-bold-bf6551984434a53', sans-serif;  font-size:20px;margin-top:2px}

.fLogo{text-align:center}
.footerimage{width:250px;margin-bottom:15px;cursor:pointer}
.socialmedia{text-align:center;}
.socialImages{width:30px;}

.Banner{position:relative;}
.Banner nav{position:absolute;right:0%;z-index:99999;margin-top:2%;padding-right:3%;padding-left:25px;}
.Banner ul li a{font-size:14px;padding:15px 35px 10px 35px;}

.CSlider{padding:15px;display:block;}
.CSlider span{font-size:14px;padding:10px 0 10px 0}


.HeaderMenu{background-color:#D3B057;height:45px}
.HaderLeft{float:left;padding:15px;}
.MailTel{color:#000000;text-decoration:none;}
.MailTel:nth-child(2n+1){padding-right:15px;}
.MailTel:nth-child(2n+2){padding-right:15px;padding-left:15px;border-right:solid 0.3mm #00000064}
.MailTel:hover{color:#000000;text-decoration:none;}
.AcilirMenu{display:none}
.MobilMenu{display:none}
.MobilSepet{display:none}


.LayoutHeader{ float:right;margin-right:35px;}
.LayoutHeader ul{list-style:none;padding:0;margin:0;}
.LayoutHeader ul li {float:left;position:relative;}
.LayoutHeader ul li a{padding:10px;display:block;color:#000000;text-decoration:none;padding-left:20px;padding-right:20px;padding-top:15px}
.LayoutHeader ul li a:hover{background-color:#ae8f40}
.LayoutHeader ul li ul{position:absolute;z-index:999999;width:300px;background-color:#D3B057;top:40px;display:none;}
.LayoutHeader ul li:hover ul {display:block}
.LayoutHeader ul li:hover ul li{display:block;float:none}
.LayoutHeader ul li:hover ul li a:hover{background-color:#ae8f40}

.UrunTitle{padding: 15px;display:block;font-weight:bold;font-size:20px;}
.UrunPrice{padding:15px;font-size:24px;font-weight:bold;display:block;}
.UrunStokKodu{display:block;padding-left:0;padding-top:25px;}
.UrunAdet{display:block;padding:15px;}
.UrunAdet span:nth-of-type(2n+2){float:left;}
.UrunAdet span{float:left;display:block;background-color:#81600e;padding:6px;padding-left:5px;padding-right:5px;color:white;cursor:pointer;font-size:20px;}
.UrunAdet span:nth-of-type(2n+1){padding-left:7px;padding-right:7px;}
.UrunAdet input{float:left;border:solid 0.3mm #eee;padding:10px;width:50px;text-align:center;}
.UrunAdet span:hover{background-color:#493609}
.OzelBilgi{padding:15px;margin-top:25px;margin-bottom:15px;}
.SepeteEkle{padding:10px;display:block;background-color:#9b7c2d;border-radius:5px;color:white;border:0;width:200px;padding-top:13px;}
.SepeteEkle:hover{background-color:#81600e}

.ThreeColumn{border-radius:25px;padding:5px 20px 5px 20px;}
.ThreeColumn img {width:50px;padding-top:5px;}
.ThreeColumn span{width:75%;padding: 22px 0 25px 15px;font-size:14px;}
.SepetbtnBlack {color: #fff;background-color: #81600e;border: 0;padding: 5px;padding-left: 10px;padding-right: 10px;width: 48%;padding-top:8px;font-size:14px;}

.WhatWellMaxHeader {font-size:25px;padding-bottom:35px;}
.WhatColumn{border-radius:25px;padding:5px 20px 5px 20px;width:23%;text-align:center}

.WhatColumn:nth-child(2n+1) img{width:75px;}
.WhatColumn:nth-child(2n+2) img{width:75px;}
.WhatColumn:nth-child(2n+3) img{width:75px;}
.WhatColumn:nth-child(2n+4) img{width:75px;}
.WhatColumn span{padding:15px;font-size:13px;}


.MainProductsHeader{padding:15px;font-size:25px;padding-bottom:35px;}
.MainProductList{width:23%;padding:10px;margin-bottom:15px;margin-top:15px;padding-bottom:20px;}
.BtnSepetMain {padding:10px;border-radius:5px;}


.KurumsalPartner table tr td span:nth-child(2n+1){display:block;padding:5px;font-size:30px;}
.KurumsalPartner table tr td span:nth-child(2n+2){display:block;padding:5px;padding-bottom:20px}

.FormInput{width:80%;border-radius:25px;float:right;padding:15px;}
.FormHeader{padding:5px;font-size:25px;margin-bottom:10px;}
.MainInput{padding:10px;margin-bottom:10px;margin-top:10px;border-radius:5px;margin-left:1%;margin-right:1%;}
.BtnBasvuru{padding:15px 0 10px 0;border-radius:5px;border:0;width:250px;font-size:16px;margin-bottom:25px;margin-top:20px;}


.accordionHeader{padding:5px;font-size:24px;margin-bottom:15px;}
.accordionbg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.accordion {background-color: #eee;color: #444;cursor: pointer;padding: 14px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;border-radius:5px;margin-bottom:10px;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 0 18px;  display: none;background-color: white;overflow: hidden;}

.Footers{width:80%;margin-left:7%;margin-top:2%;margin-bottom:2%;}
.fLogo{text-align:center}
.fLogo span{padding:15px 0 15px 0;font-size:14px;text-align:center}
.FooterNav ul li a {padding:10px;font-size:14px}
.FooterAdres span{padding:10px;font-size:14px;}


.OrtaSol{position:absolute;top:25%;left:5%;z-index:9999;color:white;font-size:35px;}
.OrtaSol span{display:block;font-size:25px;margin-top:35px;}
.OrtaSag{position:absolute;top:34%;right:25px;z-index:9999;color:white;font-size:20px;width:40%;}
.SyfaLogoMobil{display:none}


.WhatWellMaxAdblue{width:80%;margin-left:10%;margin-top:1%;height:30px;}
.WhatWellMaxAdblue a {background-color:#edebe8;border-radius:5px;height:120px;align-content:center;margin-bottom:55px;}
.WhatWellMaxAdblue a:nth-of-type(2n+1) {margin-right:5px;}
.WhatWellMaxAdblue a span{padding:0px;display:block;font-size:16px}
.WhatWellMaxAdblue a:nth-of-type(2n+2) {margin-right:25px;}
.WhatWellMaxHeaderAdblue {text-align:center;padding:15px;font-size:35px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:25px;}

}

@media (min-width: 1440px) and (max-width: 1599px)  {

* {padding: 0;margin: 0;font-family: 'brcandor-regular-bf65519844306f6', sans-serif;font-size:13px;}




.fLogo{text-align:center}
.footerimage{width:250px;margin-bottom:15px;cursor:pointer}
.socialmedia{text-align:center;}
.socialImages{width:30px;}


.Banner{position:relative;}
.Banner nav{position:absolute;right:0%;z-index:99999;margin-top:2%;padding-right:3%;padding-left:25px;}
.Banner ul li a{font-size:14px;padding:15px 35px 10px 35px;}

.CSlider{padding:15px;display:block;}
.CSlider span{font-size:14px;padding:10px 0 10px 0}


.ThreeColumn{text-decoration:none;background-color:#f2f2f2;display:block;float:left;border-radius:25px;padding:5px 10px 5px 10px;width:23%;margin-top:5%;margin-bottom:5%;}
.ThreeColumn:nth-child(2n+1){margin-left:-1%;margin-right:1%;}
.ThreeColumn:nth-child(2n+2){margin-right:1%;margin-left:1%;}
.ThreeColumn:nth-child(2n+3){margin-right:1%;margin-left:1%;}
.ThreeColumn:nth-child(2n+4){margin-right:1%;margin-left:1%;}
.ThreeColumn img {width:50px;padding-top:5px;}
.ThreeColumn span{width:75%;padding: 22px 0 25px 15px;font-size:14px;}


.WhatWellMaxHeader {font-size:25px;padding-bottom:35px;}
.WhatColumn{border-radius:25px;padding:5px 20px 5px 20px;width:23%;text-align:center}

.WhatColumn:nth-child(2n+1) img{width:75px;}
.WhatColumn:nth-child(2n+2) img{width:75px;}
.WhatColumn:nth-child(2n+3) img{width:75px;}
.WhatColumn:nth-child(2n+4) img{width:75px;}
.WhatColumn span{padding:15px;font-size:13px;}


.MainProductsHeader{padding:15px;font-size:25px;padding-bottom:35px;}
.MainProductList{width:23%;padding:10px;margin-bottom:15px;margin-top:15px;padding-bottom:20px;}
.BtnSepetMain {padding:13px;border-radius:3px;}

.fiyatlardetay{  display:flex;align-items:center; gap:10px;margin-left:10px;}
.fiyatlar{  display:flex;  justify-content:center;align-items:center; gap:10px;  margin-bottom:15px;}
.MainProductPrice{  padding:5px;  text-align:center;  font-family:'brcandor-bold-bf6551984434a53', sans-serif;  font-size:14px;color:#c10f0f;text-decoration:line-through;}
.MainProductDiscount{  padding:5px;  text-align:center;  font-family:'brcandor-bold-bf6551984434a53', sans-serif;  font-size:18px;margin-top:0px}
.MainProductPriceM{ padding:5px;  text-align:center;  font-family:'brcandor-bold-bf6551984434a53', sans-serif;  font-size:18px;margin-top:2px}
.SepetbtnBlack {color: #fff;background-color: #81600e;border: 0;padding: 5px;padding-left:5px;padding-right:5px;width: 48%;padding-top:8px;font-size:12px;}

.UrunAdet{display:block;padding:10px}
.UrunAdet span:nth-of-type(2n+2){float:left;}
.UrunAdet span{float:left;display:block;background-color:#81600e;padding:8.1px;padding-left:8px;padding-right:8px;color:white;cursor:pointer;font-size:16px;}
.UrunAdet span:nth-of-type(2n+1){padding-left:10px;padding-right:10px;}
.UrunAdet input{float:left;border:solid 0.3mm #eee;padding:10px;width:35px;text-align:center;}
.UrunAdet span:hover{background-color:#493609}


.KurumsalPartner table tr td span:nth-child(2n+1){display:block;padding:5px;font-size:30px;}
.KurumsalPartner table tr td span:nth-child(2n+2){display:block;padding:5px;padding-bottom:20px}

.FormInput{width:80%;border-radius:25px;float:right;padding:15px;}
.FormHeader{padding:5px;font-size:25px;margin-bottom:10px;}
.MainInput{padding:10px;margin-bottom:10px;margin-top:10px;border-radius:5px;margin-left:1%;margin-right:1%;}
.BtnBasvuru{padding:15px 0 10px 0;border-radius:5px;border:0;width:250px;font-size:16px;margin-bottom:25px;margin-top:20px;}


.accordionHeader{padding:5px;font-size:24px;margin-bottom:15px;}
.accordionbg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.accordion {background-color: #eee;color: #444;cursor: pointer;padding: 14px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;border-radius:5px;margin-bottom:10px;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 0 18px;  display: none;background-color: white;overflow: hidden;}

.Footers{width:80%;margin-left:7%;margin-top:2%;margin-bottom:2%;}
.fLogo{text-align:center}
.fLogo span{padding:15px 0 15px 0;font-size:14px;text-align:center}
.FooterNav ul li a {padding:10px;font-size:14px}
.FooterAdres span{padding:10px;font-size:14px;}


.OrtaSol{position:absolute;top:25%;left:5%;z-index:9999;color:white;font-size:35px;}
.OrtaSol span{display:block;font-size:25px;margin-top:35px;}
.OrtaSag{position:absolute;top:34%;right:25px;z-index:9999;color:white;font-size:20px;width:40%;}
.SyfaLogoMobil{display:none}

.WhatWellMaxAdblue{width:80%;margin-left:10%;margin-top:1%;height:30px;}
.WhatWellMaxAdblue a {background-color:#edebe8;border-radius:5px;height:120px;align-content:center;margin-bottom:55px;}
.WhatWellMaxAdblue a:nth-of-type(2n+1) {margin-right:5px;}
.WhatWellMaxAdblue a span{padding:0px;display:block;font-size:16px}
.WhatWellMaxAdblue a:nth-of-type(2n+2) {margin-right:25px;}
.WhatWellMaxHeaderAdblue {text-align:center;padding:15px;font-size:35px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:25px;}

}


@media (min-width: 2560px) {

* {
    padding: 0;
    margin: 0;
    font-family: 'brcandor-regular-bf65519844306f6', sans-serif;
    font-size:18px;
}

.PaymentHeader{display:block;}
.PaymentHeader a{text-decoration:none;color:#222222;font-weight:600;float:left;display:block;padding:15px;border-bottom:solid 4px #212121;width:100%;font-size:20px;}
.PaymentHeader a:hover{text-decoration:none;color:#222222;}

.LayoutHeader ul li a{padding:11px;display:block;color:#000000;text-decoration:none;padding-left:20px;padding-right:20px;padding-top:12px}
.LayoutHeader ul li ul{position:absolute;z-index:999999;width:300px;background-color:#D3B057;top:48px;display:none;}

.CSlider{padding:15px;}
.CSlider span{font-size:20px;padding:10px 0 10px 0}


.ThreeColumn{border-radius:25px;padding:5px 20px 5px 20px;width:20%;margin-top:5%;margin-bottom:5%;}
.ThreeColumn:nth-child(2n+1){margin-left:-1%;margin-right:1%;}
.ThreeColumn:nth-child(2n+2){margin-right:1%;margin-left:1%;}
.ThreeColumn:nth-child(2n+3){margin-right:1%;margin-left:1%;}
.ThreeColumn:nth-child(2n+4){margin-right:1%;margin-left:1%;}
.ThreeColumn img {width:75px;float:right;padding-top:5px;}
.ThreeColumn span{float:left;width:75%;padding: 32px 0 25px 15px;color:#000000;font-size:20px;}


.WhatWellMax{width:80%;margin-left:10%;margin-top:1%;margin-bottom:10%;}
.WhatWellMaxHeader {padding:15px;font-size:35px;padding-bottom:35px;}
.WhatColumn{border-radius:25px;padding:5px 20px 5px 20px;width:23%;}
.WhatColumn:nth-child(2n+1){margin-left:-1%;margin-right:1%;}
.WhatColumn:nth-child(2n+2){margin-right:1%;margin-left:1%;}
.WhatColumn:nth-child(2n+3){margin-right:1%;margin-left:1%;}
.WhatColumn:nth-child(2n+4){margin-left:-1%;margin-right:1%;}
.WhatColumn:nth-child(2n+1) img{width:100px;}
.WhatColumn:nth-child(2n+2) img{width:100px;}
.WhatColumn:nth-child(2n+3) img{width:100px;}
.WhatColumn:nth-child(2n+4) img{width:100px;}
.WhatColumn span{padding:15px;font-size:20px;}


.MainProductsHeader{padding:15px;font-size:35px;padding-bottom:35px;width:100%;}
.MainProducts{width:80%;margin-left:10%;margin-top:2%;margin-bottom:3%;}
.MainProductList{width:23%;float:left;padding:10px;margin-left:1%;margin-right:1%;margin-bottom:15px;margin-top:15px;padding-bottom:30px;}
.MainProductList img{width:100%;}
.BtnSepetMain {padding:15px;border-radius:5px;}

.PlatformlarImg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}



.KurumsalPartner{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.KurumsalPartner table tr td span:nth-child(2n+1){font-size:35px;}
.KurumsalPartner table tr td span:nth-child(2n+2){padding-bottom:20px}

.KurumsalPartner table tr td:nth-child(2n+2){width:50%;text-align:right;}
.FormInput{border-radius:25px;padding:15px;}
.FormHeader{padding:5px;font-size:35px;margin-bottom:10px;}
.MainInput{padding:10px;margin-bottom:15px;margin-top:15px}
.InputTwo .MainInput{width:48%;float:left}
.InputOne .MainInput{width:98%;}
.BtnBasvuru{padding:15px 0 10px 0;border-radius:5px;border:0;width:250px;font-size:20px;margin-bottom:25px;margin-top:25px;}
.BtnBasvuru:hover{background-color:#9b7c2d}


.accordionHeader{padding:5px;font-size:35px;margin-bottom:15px;}
.accordionbg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.accordion {background-color: #eee;color: #444;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;border-radius:5px;margin-bottom:10px;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 0 18px;  display: none;background-color: white;overflow: hidden;}

.Footers{width:80%;margin-left:7%;margin-top:2%;margin-bottom:2%;}
.fLogo span{padding:15px 0 15px 0;font-size:18px}
.FooterNav ul li a {padding:10px;font-size:18px}
.FooterAdres span{padding:10px;font-size:18px;}


}

@media (max-width: 768px) {

#MasaustuMobil{display:block;}
#MasaustuDrop{display:none}

.yetkibelgesi{margin-left:1%;margin-top:0%;width:98%;}
* {
    font-family: 'brcandor-regular-bf65519844306f6', sans-serif;
    font-size:14px;
}
.BtnSepetMain {background-color:#D3B057;color:#000000;text-decoration:none;padding:15px;border-radius:5px;padding-top:15px;padding-bottom:15px;}
.BtnSepetMain:hover{text-decoration:none;background-color:#9b7c2d;color:#000000;}
.HeaderMenu{background-color:#D3B057;padding:5px;padding-top:10px;z-index:99999}
.HaderLeft{float:none;width:100%;margin:0;padding:0}
.MailTel{display:none}
.AcilirMenu{display:block;font-size:25px;color:#4b4b4b;text-decoration:none;margin-left:15px;}
.AcilirMenu:hover{opacity:0.6;color:#000000;text-decoration:none}

.LayoutHeader{float:none;margin-right:0;z-index:99999;background-color:#D3B057;display:none}
.LayoutHeader ul{list-style:none;padding:0;margin:0;z-index:999999}
.LayoutHeader ul li {float:none;position:relative;}
.LayoutHeader ul li a{padding:12px;display:block;color:#000000;text-decoration:none;padding-left:20px;padding-right:20px;padding-top:15px}
.LayoutHeader ul li a:hover{background-color:#ae8f40}
.LayoutHeader ul li ul{position:relative;z-index:999999;width:100%;background-color:#b28617;top:0px;display:none;}
.LayoutHeader ul li:hover ul {display:block;}
.LayoutHeader ul li:hover ul li{display:block;float:none;}
.LayoutHeader ul li:hover ul li a{padding-left:35px;display:block}
.LayoutHeader ul li:hover ul li a:hover{background-color:#ae8f40}


.MoreLink{float:left;display:block;width:50%;text-align:center;padding:10px;color:#000000;padding-top:20px;}
.MobilSepet{display:block;position:absolute;right:20px;top:12px;}
.MobilSepet a {color:#4b4b4b;text-decoration:none;float:right;font-size:20px}
.MobilSepet a:nth-child(2n+1) {margin-left:15px;font-size:22px}
.MobilSepet a:nth-child(2n+2) {margin-right:15px;font-size:20px}



.MainProductsHeader{padding:15px;font-size:25px;padding-bottom:35px;}
.MainProductList{width:23%;padding:10px;margin-bottom:15px;margin-top:15px;padding-bottom:20px;}
.BtnSepetMain {padding:13px;border-radius:3px;}

.fiyatlardetay{  display:block;align-items:center; gap:0px;margin-left:10px;margin-top:-10px;margin-bottom:10px;}
.fiyatlar{  display:block;  justify-content:center;align-items:center; gap:10px;  margin-bottom:15px;}
.MainProductPrice{  padding:5px;  text-align:center;  font-family:'brcandor-bold-bf6551984434a53', sans-serif;  font-size:14px;color:#c10f0f;text-decoration:line-through;}
.MainProductDiscount{  padding:5px;  text-align:center;  font-family:'brcandor-bold-bf6551984434a53', sans-serif;  font-size:16px;margin-top:-10px}
.MainProductPriceM{ padding:5px;  text-align:center;  font-family:'brcandor-bold-bf6551984434a53', sans-serif;  font-size:16px;margin-top:2px}
.SepetbtnBlack {color: #fff;background-color: #81600e;border: 0;padding: 5px;padding-left:5px;padding-right:5px;width: 48%;padding-top:8px;font-size:12px;}


.HaderRight{display:none}



.Banner{position:relative;}
.Banner nav{display:none}


.wellContainer{width:99%;margin-left:0.5%}
.BgWellGrey{padding-top:5%;padding-bottom:1%;}
.CSlider{padding:5px;}
.CSlider span{font-size:16px;padding:5px 0 5px 0}


.BgWellWhite{width:96%;margin-left:2%;margin-top:5px;z-index:99999}
.ThreeColumn{border-radius:15px;padding:5px 20px 5px 20px;width:100%;margin-top:1%;margin-bottom:1%;z-index:99999;}
.ThreeColumn:nth-child(2n+1){margin-left:0%;margin-right:0%;}
.ThreeColumn:nth-child(2n+2){margin-right:0%;margin-left:0%;}
.ThreeColumn:nth-child(2n+3){margin-right:0%;margin-left:0%;margin-bottom:10px;}
.ThreeColumn img {width:50px;}
.ThreeColumn span{float:left;width:75%;padding:18px 0 10px 15px;font-size:16px;}


.WhatWellMax{width:99%;margin-left:0.5%;margin-top:3%;margin-bottom:3%;}
.WhatWellMaxHeader {padding:10px;font-size:25px;padding-bottom:20px;}
.WhatColumn{border-radius:25px;padding:5px 10px 5px 10px;width:50%;text-align:center;}
.WhatColumn:nth-child(2n+1){margin-left:0%;margin-right:0%;}
.WhatColumn:nth-child(2n+2){margin-right:0%;margin-left:0%;}
.WhatColumn:nth-child(2n+3){margin-right:0%;margin-left:0%;}
.WhatColumn:nth-child(2n+4){margin-left:0%;margin-right:0%;}
.WhatColumn:nth-child(2n+1) img{width:75px;}
.WhatColumn:nth-child(2n+2) img{width:75px;}
.WhatColumn:nth-child(2n+3) img{width:75px;}
.WhatColumn:nth-child(2n+4) img{width:75px;}
.WhatColumn span{padding:10px;font-size:14px;}


.MainProductsHeader{padding:15px;font-size:25px;padding-bottom:5px;width:100%;padding-top:15px;}
.MainProducts{width:99%;margin-left:0.5%;margin-top:2%;margin-bottom:3%;}
.MainProductList{width:48%;margin-bottom:5px;margin-top:5px;cursor:pointer;text-align:center;padding-bottom:30px;}
.MainProductList img{width:100%;}
.MainProductList:hover {background-color:#f5f5f5}

.PlatformlarImg{width:94%;margin-left:3%;margin-top:2%;margin-bottom:2%;}

.KurumsalPartner{width:99%;margin-left:0.5%;margin-top:2%;margin-bottom:2%;}
.KurumsalPartner table{width:100%;border:0;}
.KurumsalPartner table tr {display: flex;flex-direction: column;margin-bottom: 15px;}

.KurumsalPartner table tr td:nth-child(2n+1){width:100%;}
.KurumsalPartner table tr td span:nth-child(2n+1){font-size:20px;text-align:center;padding-top:15px;}

.KurumsalPartner table tr td:nth-child(2n+2){width:100%;text-align:center;margin-top:15px;}
.FormInput{width:98%;text-align:center;float:none;padding:15px;margin-right:1%;margin-left:1%;border-radius:15px;}
.FormHeader{font-size:25px;text-align:center;}
.MainInput{background-color:#f1f1f1;border:0;padding:10px;margin-bottom:5px;margin-top:10px;border-radius:5px;margin-left:1%;margin-right:1%;}
.BtnBasvuru{padding:15px 0 10px 0;border-radius:5px;border:0;width:250px;font-size:18px;}


.accordionHeader{font-size:25px;padding-top:25px;}
.accordionbg{width:99%;margin-left:0.5%;}
.accordion {background-color: #eee;color: #444;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;border-radius:5px;margin-bottom:10px;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 0 18px;  display: none;background-color: white;overflow: hidden;}



.Footer{padding-bottom:25px;padding-top:25px;}
.Footers{width:99%;margin-left:0.5%;margin-top:2%;margin-bottom:2%;}
.fLogo {float:none;width:100%}

.fLogo{text-align:center;display:none}
.footerimage{width:80%;margin-bottom:15px;cursor:pointer}
.socialmedia{text-align:center;}
.socialImages{width:35px;}


.fLogo span{display:block;padding:15px 0 15px 0;text-align:center;font-size:18px}
.FooterNav{float:none;width:100%;border-bottom:solid 0.3mm #9b7c2d;margin-bottom:15px;}
.FooterNav ul {list-style:none;padding:0;margin:0;float:none;width:100%;}
.FooterNav ul li a {display:block;padding:10px;text-decoration:none;color :#000000;font-size:14px;text-align:center}
.FooterNav ul li a:hover{text-decoration:none;color :#000000;}
.FooterAdres{float:none;width:100%;text-align:center}
.FooterAdres span{display:block;padding:10px;font-size:14px;}
.fLogoMobil{display:block;width:100%;margin-top:15px;text-align:center}
.fLogoMobil span{display:block;padding:15px 0 15px 0;text-align:center;font-size:14px}

.wellMarginTopContainer{margin-top:7%;}
.LoginHeader{display:block;}
.LoginHeader a{text-decoration:none;color:#222222;font-weight:600;float:left;display:block;padding:15px;border-bottom:solid 4px #b0b0b0;width:50%;text-align:center}
.LoginHeader a:hover:nth-of-type(2n+2){border-bottom:solid 4px #212121;background-color:#e1e1e168;text-decoration:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#222222;}
.LoginHeader a:hover:nth-of-type(2n+1){background-color:#e1e1e168;text-decoration:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#222222;}
.formControl{margin-bottom:10px;}
.formControl input{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f2f2f2;}
.formControl select{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f2f2f2;}
.BtnKaydet{padding:10px;display:block;width:100%;background-color:#9b7c2d;border-radius:5px;color:white;border:0}
.BtnKaydet:hover{background-color:#81600e}
.wellLoginContainer{margin-top:5px;}
.containerCheckbox {display: block;position: relative;padding-left: 35px;margin-bottom:10px; font-weight:normal;font-size:14px; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-top:15px;}
.containerCheckbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0}
.checkmark {position: absolute;top: -3px;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius:5px;}
.containerCheckbox:hover input ~ .checkmark {background-color: #ccc;}
.containerCheckbox input:checked ~ .checkmark {background-color: #81600e;}
.checkmark:after {content: "";position: absolute;display: none;}
.containerCheckbox input:checked ~ .checkmark:after {display: block;}
.containerCheckbox .checkmark:after {left: 7px;top: 3px;width: 10px;height: 15px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.containerCheckbox a{display: block;position: relative;margin-bottom:10px; font-weight:normal;font-size:14px; cursor: pointer;}





.GeneralRow{margin-top:15px;}
.detailsContainer{width:100%;margin-left:0%;margin-top:0px;margin-bottom:15px;}
ul.breadcrumb {padding: 10px 16px;list-style: none;background-color: #eee;}
ul.breadcrumb li {display: inline;font-size: 14px;color:#333333}
ul.breadcrumb li+li:before {padding: 8px;color: black;content: "/\00a0";}
ul.breadcrumb li a {color: #81600e;text-decoration: none;}
ul.breadcrumb li a:hover {color: #01447e;text-decoration: underline;}
.DetailUrunBig{border:solid 0.3mm #ebebeb;margin-bottom:5px;width:100%;display:none}
.DetailUrunSmall{padding:5px;border:solid 0.3mm #ebebeb;float:left;width:48%;margin:1%;margin-bottom:5px;cursor:pointer}
.DetailUrunSmall:nth-child(4n+1) {margin-left:1%;}
.DetailUrunSmall:nth-child(4n) {margin-right: 0;}
.DetailUrunSmall:hover{opacity:0.7}
.UrunTitle{padding: 15px;display:block;font-weight:bold;font-size:20px;text-align:center}
.UrunPrice{padding:15px;font-size:24px;font-weight:bold;display:block;text-align:center;padding-top:0}
.UrunStokKodu{display:block;text-align:center;padding:15px;}
.UrunAdet{display:block;padding:10px;text-align:center;justify-content:center;justify-self:center;padding-top:0}
.UrunAdet span:nth-of-type(2n+2){float:left;}
.UrunAdet span{float:left;display:block;background-color:#81600e;padding:7px;padding-left:10px;padding-right:10px;color:white;cursor:pointer;font-size:20px;z-index:99999}
.UrunAdet span:nth-of-type(2n+1){padding-left:13px;padding-right:13px;}
.UrunAdet input{float:left;border:solid 0.3mm #eee;padding:10px;width:50px;text-align:center;}
.UrunAdet span:hover{background-color:#493609}
.OzelBilgi{padding:15px;margin-top:25px;margin-bottom:15px;}
.SepeteEkle{padding:10px;display:block;background-color:#9b7c2d;border-radius:5px;color:white;border:0;width:200px;padding-top:13px;}
.SepeteEkle:hover{background-color:#81600e}

.UrunAciklamaTitle{border-bottom:solid 4px #b0b0b0;height:52px;margin-bottom:25px;margin-left:0px;margin-right:0px;margin-top:10%;}
.UrunAciklamaTitle ul{padding:0;margin:0;list-style-type:none}
.UrunAciklamaTitle ul li{padding: 10px 60px 10px 10px;border-bottom:solid 4px #212121;float:none;font-weight:bold;font-size:20px;text-align:center}
.UrunAciklamaAciklama{padding: 0px 10px 10px 10px;}

.ProductListSlider{width:100%;float:none;padding:10px;margin-left:1%;margin-right:1%;border:solid 0.3mm #f2f2f2;margin-bottom:15px;margin-top:15px;cursor:pointer;text-align:center;padding-bottom:30px;}
.ProductListSlider img{width:100%;}
.ProductListSlider:hover {background-color:#f5f5f5}
.MainProductName{display:block;padding:5px;text-align:center;}

.MainProductsSliderHeader{text-align:center;padding:15px;font-size:25px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:5px;display:block;width:100%;}





.BasketContainer {width: 96% !important;margin-left: 2% !important;margin-bottom: 10%;}
.SepetTable {width: 100% !important; float: none !important;overflow-x: auto;white-space: nowrap;}
.SepetTable thead {display: none !important;}
.SepetTable tbody tr {margin-bottom: 15px;padding: 12px;border: 1px solid #ddd;    }
.SepetTable tbody tr td {display: flex !important;justify-content: space-between;align-items: end;padding: 10px !important;border: none !important;border-bottom: 1px solid #eee !important;font-size: 14px !important;width: 100% !important;white-space: normal;text-align: left !important;}
.SepetTable tbody tr td::before {content: attr(data-title) !important;}

.SepetTable tbody tr td:first-child{display: none !important;}

.SepetToplam{width:100%;border:solid 0.3mm #eee;float:none;margin-top:15px;}
.SepetToplam tbody tr td{padding:10px;border:solid 0.3mm #e2e2e2;}
.SepetbtnBlack {color: #fff;background-color: #81600e;border: 0;padding: 5px;padding-left: 15px;padding-right: 15px;width: 48%;padding-top:8px;font-size:14px;}
.SepetbtnBlack:hover {background-color: #9b7c2d;}
.SepetTitle{padding:15px;padding-left:0;font-weight:bold;font-size:20px;padding-bottom:10px;text-align:center}

.SepetTable .UrunAdet{padding-bottom:5px;padding-right:0}



.UrunSil{padding:10px;display:block;color:white;background-color:#9b7c2d;border:0;padding-left:17px;padding-right:17px;border-radius:5px;padding-top:12px}
.UrunSil:hover{background-color:#81600e}


.wellMarginTopPaymentContainer{margin-top:3%;margin:5%;}
.formControl textarea{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f2f2f2;}

.FaturaAdresi{display:none}
.SepetToplamOrder{width:100%;border:solid 0.3mm #eee;float:right}
.SepetToplamOrder tbody tr td{padding:10px;border:solid 0.3mm #e2e2e2;}

.PaymentHeader{display:block;}
.PaymentHeader a{text-decoration:none;color:#222222;font-weight:600;float:left;display:block;padding:10px;border-bottom:0px;width:100%;font-size:16px;margin-top:10px;background-color:#e9e9e9;margin-bottom:-20px;text-align:center}
.PaymentHeader a:hover{text-decoration:none;color:#222222;}



.Sayfalarcontainer{width:96%;margin-left:2%;margin-top:5%;margin-bottom:25px;}
.borderRadius4{border-radius:35px;}
.TitleSayfaAnti{margin-top:25px;font-size:35px;text-align:center;display:block;font-weight:bold}

.TitleSayfaAnti span{font-size:25px;text-align:center;display:block;}




.TitleSayfaAntiText{padding:15px;margin-top:35px;margin-bottom:35px;}
.TitleSayfaAntiTable{margin-top:15px;margin-bottom:15px;padding:1px;}
.TableI1 {width:100%;margin-top:35px;margin-bottom:35px;}
.TableI1 tr td {width:100%;display:block}
.TableI1 tr td:nth-of-type(2n+2) {width:100%; padding-left:15px;}
.TableI1 tr td img {width:100%;border-radius:15px;}

.TableI2 {width:100%;margin-top:35px;margin-bottom:35px;}
.TableI2 tr td {width:100%;display:block}
.TableI2 tr td:nth-of-type(2n+1) {width:100%; padding-left:15px;}
.TableI2 tr td img {width:100%;border-radius:15px;}

.SyfaLogo{position:absolute;left:15px;top:25px;z-index:9996;width:100px;}


.AcoountConainer{width:96%;margin-left:2%;margin-top:5%;}
.Profilemd6{margin-top:25px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;margin-bottom:19%;}
.colmd6{border:solid 0.3mm #e5e5e5;height:130px;text-align:center;align-content:center;border-radius:5px;background-color:#f7f7f7;text-decoration:none;cursor:pointer;}
.colmd6 a i{font-size:35px;margin-bottom:15px;}
.colmd6 a{text-decoration:none;color:#1d1d1d;font-size:16px;font-weight:bold}
.colmd6:hover{background-color:#e5e5e5;text-decoration:none}



.OrtaSol{display:none}
.OrtaSol span{display:block;font-size:25px;margin-top:35px;}
.OrtaSag{display:none}

.SayfalarYetkicontainer{width:96%;margin-left:2%;margin-top:5%;}

.SyfaLogoMobil{display:block;position:absolute;left:36%;width:85px;top:5px;z-index:9999;cursor:pointer}



.IletisimBaslik{padding: 10px 10px 10px 0px; display:block;font-size:25px;font-weight:bold;margin-top:25px;text-align:center}
.IletisimAdres{padding:5px;display:block;padding-left:0px;text-align:center}
.formControl22{padding-left:0px;}





.WhatWellMaxAdblue{width:98%;margin-left:0%;margin-top:0%;height:30px;padding-left:7%;}
.WhatWellMaxAdblue a {background-color:#edebe8;border-radius:5px;height:100px;align-content:center;margin-bottom:15px;width:45.5%;float:left;}
.WhatWellMaxAdblue a:nth-of-type(2n+1) {margin-right:5px;}
.WhatWellMaxAdblue a span{padding:0px;display:block;font-size:14px}
.WhatWellMaxAdblue a:nth-of-type(2n+2) {margin-right:25px;}
.WhatWellMaxHeaderAdblue {text-align:center;padding:15px;font-size:20px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:25px;}



.SiparisOzetPayment{display:none;}
.SiparisOzetPaymentMobil{display:block;}
.SepetbtnBlackMobil {color: #fff;background-color: #81600e;border: 0;padding: 5px;width:100%;padding-top:8px;font-size:14px;margin-top:15px;}
.SepetbtnBlackMobil:hover {background-color: #9b7c2d;}

}
/* Varsayılan (desktop) zaten verdim, bu kısım mobil için ek ayar */


/* Ortak dropdown görünümü (küçük, ince çerçeve) */
.LangDropdown{
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;

  color: #111;
  background: transparent;
  border: 1px solid rgba(0,0,0,.25);
  border-radius: 2px;
  outline: none;
  cursor: pointer;
}

.LangDropdown option{
  background:#fff;
  color:#111;
}

/* Desktop: dropdown’u üst şeride yakın göstermek istersen */
@media (min-width: 769px){
  /* LayoutHeader içinde görünmesin istersen kapat */
  .LayoutHeader .LangWrap{ display:none; }
}

/* Mobil: Açılır menünün en alt-soluna sabitle */
@media (max-width: 768px){
    #LangDropdownMbil{display:block;}
  /* Açılır menü kapsayıcı */
  .LayoutHeader{
    position: relative;     /* LangWrap absolute için şart */
    padding-bottom: 46px;   /* altta dropdown’a yer aç */
  }

  .LayoutHeader .LangWrap{
    position: absolute;
    left: 12px;
    bottom: 10px;
    z-index: 9999;
  }

  .LayoutHeader .LangDropdown{
    height: 24px;
    line-height: 24px;
    min-width: 120px;
    font-size: 12px;

    /* mobil menü zemini altınsa uyum */
    background: transparent;
    border-color: rgba(0,0,0,.35);
  }
}

 


