@font-face {
    font-family: 'Calibri';
    src: url('Calibri-LightItalic.eot');
    src: local('Calibri Light Italic'), local('Calibri-LightItalic'),
        url('fonts/Calibri-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Calibri-LightItalic.woff2') format('woff2'),
        url('fonts/Calibri-LightItalic.woff') format('woff'),
        url('fonts/Calibri-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Calibri';
    src: url('Calibri-Italic.eot');
    src: local('Calibri Italic'), local('Calibri-Italic'),
        url('fonts/Calibri-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Calibri-Italic.woff2') format('woff2'),
        url('fonts/Calibri-Italic.woff') format('woff'),
        url('fonts/Calibri-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Calibri';
    src: url('Calibri-Light.eot');
    src: local('Calibri Light'), local('Calibri-Light'),
        url('fonts/Calibri-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Calibri-Light.woff2') format('woff2'),
        url('fonts/Calibri-Light.woff') format('woff'),
        url('fonts/Calibri-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url('Calibri-Bold.eot');
    src: local('Calibri Bold'), local('Calibri-Bold'),
        url('fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Calibri-Bold.woff2') format('woff2'),
        url('fonts/Calibri-Bold.woff') format('woff'),
        url('fonts/Calibri-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url('Calibri.eot');
    src: local('Calibri'),
        url('fonts/Calibri.eot?#iefix') format('embedded-opentype'),
        url('fonts/Calibri.woff2') format('woff2'),
        url('fonts/Calibri.woff') format('woff'),
        url('fonts/Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url('Calibri-BoldItalic.eot');
    src: local('Calibri Bold Italic'), local('Calibri-BoldItalic'),
        url('fonts/Calibri-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Calibri-BoldItalic.woff2') format('woff2'),
        url('fonts/Calibri-BoldItalic.woff') format('woff'),
        url('fonts/Calibri-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
.icon-search{background: url(pages/img/search.svg) no-repeat;}
.icon-basket:after{
    content: '';
    width: 20px;
    height: 20px;
    float: left;
    background: url(pages/img/basket.svg) no-repeat;
}
.add2cart .icon-basket {
    background: #e58323;
    float: left;
    height: 32px;
    width: 32px;
    margin-left: -39px;
    padding: 5px;
    position: absolute;
    bottom: 16px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.susleme{width: 100%;margin-top: 15px;border: 1px solid #ccc;overflow: hidden;border-radius: 6px;}
.susleme img{width: 100%;}
.owl-carousel6-brands .owl-item{padding: 5px;}
.owl-carousel6-brands .owl-item img{border-radius: 50%}
.header-duyuru{color: #fff;list-style: none;font-weight: bold;text-align: center;font-family: calibri;}
.mobilmenu{display: none}

@media (max-width: 1024px){
.mobilmenu{display: block}
.additional-shop-info{display: none}
.additional-nav{width: 100%;text-align: center !important;display: grid}
.additional-nav a{background: #e9c122;
    padding: 10px;
    margin-top: 10px;
    display: block;
    color: #756c03;
    border-radius: 8px;}
.additional-nav .fa{
    color: #756c03;}
}

@media (max-width: 1024px){
.normalmenu{display: none}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
}

.mobilmenu .dropdown-menu{
    float: left;
    position: relative;
    width: 100%;
    left: 0;
    margin-top: 10px;
    box-shadow: none;
    border: none;
}
.mobilmenu .dropdown-menu li{
    float: left;
    width: 100%;
    background: #d5d7b3;
    border-bottom: 1px solid #fff;
    
}
.urun-alt-kategori li{list-style: none;padding: 10px;float: left;margin: 3px}
.urun-alt-kategori .active{color: red;}
.urun-kategori{float: left;background: #fff;padding: 5px;border-radius: 6px;}
.urun-kategori>img{
    border-radius: 6px;
    width: 100px;
    height: 100px;
    object-fit: contain;}

.katbar{    font-size: 18px;
    padding: 0;
    background: linear-gradient(0deg, rgb(123 152 29) 0%, rgba(230,199,78,1) 100%);
    color: #686002;
    border-radius: 6px;
    border-bottom: 2px solid #b59f20;
margin-bottom: 20px}
.katbar li{list-style: none;padding: 1px;float: left;margin:0 3px}
.katbar li>a{list-style: none;float: left;margin: 3px;color: #28545e;font-weight: 500;}
.katbar .dropdown-menu>li>a{list-style: none;float: left;margin: 3px;color: #28545e;font-weight: 500;width: 96%;}
.katbar li>a>span{padding: 10px;float: left;margin: 3px 10px;Background: #fff;border-radius: 4px;width: 10px;height: 10px}
.katbar li>a>.stokvar{padding: 10px;float: left;margin: 3px 10px;background: url(../icon/ok.svg) no-repeat;fill: black;border-radius: 4px;width: 10px;height: 10px}
.katbar .dropdown{float: right;background:none;border-radius: 4px;font-weight: 200;border: 0}
.katbar .dropdown:hover{float: right;background:#fff;border-radius: 4px;font-weight: 200;border: 0}
.katbar .selectbar{float: right;padding: 5px 0;}
.katbar .toplam{float: right;padding: 5px 0;margin-right: 20px;font-weight: 500;}

.katbar .dropdown-menu li {
    padding: 0;
    margin: 0;
    border-bottom: solid 1px #efefef;
    position: relative;
    float: none;
}
.katbar .dropdown-menu {
    position: absolute;
    top: 32px;
    left: 0%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.katbaslik{font-weight: 500}
.margin-top-20{margin-top: 20px}
.margin-bottom-20{margin-bottom: 20px}
.urunbilgisi{border-top-left-radius: 6px !important;transition: all .2s;}
.taksitsecenekleri{border-top-right-radius: 6px !important;transition: all .2s;}
.payment-options-container{border: 1px solid #ccc;padding: 5px;border-radius: 6px;margin-bottom: 15px;}
.payment-options-container table{font-weight: 500;color: #28545e;font-size: 16px;}
.payment-options-container table>thead{font-weight: 500;color: #28545e;background: #ddd}
.payment-options-container table td{border: 1px solid #ddd; text-align: center;}
.payment-options-logo{width: 100%;margin: 0 auto;text-align: center;}
.payment-options-logo img{height: 66px}

.card{background: #fff;
    padding: 10px;
    margin-bottom: 25px;
    border-radius: 10px;
    border-bottom: 3px solid #ccc;
}