@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('icons/icons.min.css');
@import url('swcss/productbox.css');

:root {
    --sistembgcolor:#f0f2f6;
    --bodybgcolor :#FFF;
    --textcolor : #000;
    --transition :all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --mainfont: 'Montserrat', sans-serif;
    --subfont: 'Open Sans', sans-serif;
    --maxwidth:1350px;
	--defaultpadding:20px;
	
	--transitionln :all 0.2s;
}


*, :after, :before { -moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;outline: 0;box-sizing: border-box!important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }

html, body { width: 100%; padding:0; margin:0; font-family: var(--mainfont); font-weight: 500; font-style: normal; font-size:13px; color: var(--textcolor);background-color: var(--bodybgcolor);}

main{width: 100%;}

main:has(> [notfound]),
body.sistem > main{justify-content: center;padding:5vw 2vw}

[notfound]{max-width: 800px;} 


strong{font-weight:500;}
a, a:after, a:before{ text-decoration:none;color:var(--textcolor);border-color:var(--textcolor);} 
a.link{color:var(--bs-primary);transition:var(--transition);}
a.link:hover{color:var(--bs-secondary);transition:var(--transition);}

button {cursor: pointer;}
button > i{font-size: 20px;}
button > i:has(+ span),
a.btn > i:has(+ span),
button > span:has(+ i),
a.btn > span:has(+ i){margin-right: 5px;}

input, select{height: 45px;}
textarea{height:70px;}

.dropdown-divider{border-top: 1px solid var(--bs-gray-200);}
.form-switch .form-check-input{width: 3em;height: 20px;}

.form-check-input{background-color:rgba(var(--bs-danger-rgb), 0.05);border-color:rgba(var(--bs-danger-rgb), 0.05);fill:red;}
.form-check-input:checked{background-color:var(--bs-success);border-color:var(--bs-success);}
.form-switch .form-check-input:focus{border-color:transparent;box-shadow:none;}

.form-control.error {border-color: var(--bs-danger);}
.form-control.valid {border-color: var(--bs-success);}

.maxwidth{max-width: var(--maxwidth);}

body.sistem{background: var(--sistembgcolor);} 
body.urun{background: var(--sistembgcolor);} 

a.sys{display: flex;width: fit-content;align-items: center;transition:var(--transition);height: fit-content;}
a.sys > i{display: flex;width: 40px;height: 40px;align-items: center;justify-content: center;font-size: 23px;}
a.sys:hover{transition:var(--transition);}



._stitle {display: flex;align-items: center;}
._stitle > i{display: flex;width: 30px;height: 30px;align-items: center;justify-content: center;font-size: 30px;margin-right: 10px;}


header {position: sticky;top: 0;background: var(--bs-white);align-items: center;z-index: 99;/*filter: drop-shadow(0 2px 6px rgb(0 0 0 / 15%));*/}
header .body{height: 80px;}

header .logo{width: 200px;display: flex;align-items: center;justify-content: center;}
header .foot{background-color:var(--textcolor);color: var(--bs-white);}
header .left .sys.menu{display: none;} 


header nav ul{padding: 0;margin: 0;list-style: none;display: flex;width: 100%;justify-content: center;}
header nav ul > li{display: flex;position: relative;}
header nav ul > li > a{display: flex;padding: 0 15px;font-size:15px;height: 45px;align-items: center;color:var(--bs-white);transition: var(--transition);font-weight: 600;}
header nav ul > li > a:hover{background:var(--bs-secondary);color:var(--bs-white); transition: var(--transition);}
header nav ul > li ul{display:none;flex-direction: column;position: absolute;top: 100%;left:15px;background:var(--bs-white);border-radius: 5px;min-width:225px;filter:drop-shadow(0 2px 6px rgb(0 0 0 / 15%));padding-top: 5px;}
header nav ul > li ul > li{border-bottom: 1px solid rgb(0 0 0 / 5%);}
header nav ul > li ul > li a{width: 100%;transition: var(--transition);}
header nav ul > li ul:before{ content: '';position: absolute;left:25px;top:-10px;width: 0;height: 0;border-left: 10px solid transparent;border-right:10px solid transparent;border-bottom: 10px solid var(--bs-white);}
header nav ul > li:hover ul{display: flex;}
header nav ul > li:hover ul > li a:hover{background:var(--bs-secondary);transition: var(--transition);}


 
 

hr{background:var(--bs-gray-100);}
.sistembox, .sistembox-mini{border-radius: 5px;background: var(--bs-gray-100);}
.sistembox-mini{max-width: 550px;}
.sistembox .nav.nav-pills{width: 100%;}

[role="tablist"]{width: 100%;flex-direction:row;flex-wrap: nowrap;}
[role="tablist"] > li{width: 100%;}
[role="tablist"] > li > button.btn{width:100%;min-height:60px;border-radius:0;font-size: 15px;border: none;align-items: center;font-weight: 500;font-size: 15px;}
[role="tablist"] > li > button.btn:not(.active){background: transparent;color: var(--bs-primary);opacity: .5;}
[role="tablist"] > li > button.btn.active{}


 
[usermenu]{width: fit-content;position: relative;list-style: none;}
[usermenu] > li{display: flex;width:max-content;position: relative;align-items: center;}
[usermenu] ul {display:flex;width:max-content;flex-direction: column;position: absolute;top:100%;background:var(--bs-white);box-shadow: var(--bs-box-shadow);margin: 0;list-style: none;padding: 15px;border-radius: var(--bs-border-radius-sm);right: 0;visibility: hidden;opacity: 0;transition:var(--transition);z-index: 99;}
[usermenu] ul > li ,[usermenu] ul > li > a{display:flex;width:100%;text-wrap:nowrap;min-width:150px;}
[usermenu] ul > li > a,
[usermenu] ul > li:first-child{display:flex;width:100%;border-bottom:1px solid var(--bs-gray-200); padding: 7px 0;font-size: 13px;justify-content: flex-end}
[usermenu] > li:hover ul {visibility: visible;opacity: 1;transition:var(--transition);}
[usermenu] ul > li:last-child > a{border-bottom: none;}
[usermenu] ul > li > a:hover {color:var(--bs-secondary);}
[usermenu] > li > i{margin-left: 5px;} 


#searchpopup{display: flex;visibility: hidden;opacity: 0;transition: var(--transition);align-items: center;justify-content: center;transition: var(--transition);position: absolute;z-index: 999;background: var(--bs-white);left: 0;right: 0;top: 0;bottom: 0;padding: 0 10px;flex-direction: column;flex-wrap: nowrap;}
#searchpopup.active{visibility: visible;opacity:1;}
#searchpopup > div {display: flex;width: 100%;max-width: var(--maxwidth);flex-direction: row;align-items: center;justify-content: center;}
#searchpopup .search_closed{width: 40px;aspect-ratio: 1;font-size: 20px;color:var(--bs-white);border-radius: 500px;display: flex;align-items: center;justify-content: center;background: var(--bs-secondary);}

.search_content { position:absolute; top:100%; left:0; z-index:3; width:100%; background-color: var(--bs-white); }
.search_content .search_results { float:left; width:100%; padding:0; margin: 0; }
.search_content .search_results li { float:left; width:100%; list-style:none; }
.search_content .search_results li.title{ margin:0; padding:7px; font-weight:600; color:#ccc; font-size:16px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.search_content .search_results li.title:first-child{margin-top:0;}
.search_content .search_results li.result a { float:left; width:100%; padding:7px; font-size:13px; background:#f9f9f9; border-bottom:1px solid #ddd; text-decoration:none; color:#333; }
.search_content .search_results li.result.selected a { font-weight:600; }




 

/* Liste Seçim */
label.listselect{position: relative;cursor: pointer;border-radius: 0;border-bottom:1px solid var(--bs-gray-100);}
label.listselect.active, label.listselect:last-of-type{border-bottom:none;}
label.listselect:hover{background:var(--bs-light);}
label.listselect > [icons] {position:absolute;height: fit-content;top: 0;bottom: 0;margin: auto;font-size: 30px;width: fit-content;}
label.listselect > [icons] > i[active]{display: none;}
label.listselect.active > [icons] > i[active]{display: flex;}
label.listselect.active > [icons] > i:not([active]){display: none;}
label.listselect.left [icons]{left:5px;}
label.listselect.right [icons]{right:5px;}
label.listselect.left.cargo_label [icons],
label.listselect.left.hesap [icons]{left:15px;}

/* Liste Seçim */

 
/*#slider{padding:0;}
#slider .swiper-slide[data-mobil="true"]{display: none;}
*/
[swslider]{position: relative;}
[swslider] > .owl-carousel{position: relative;}
[swslider] > .owl-carousel > .owl-nav > button{width: 40px;height: 40px;font-size:70px;position: absolute;top: 0;bottom: 0;margin: auto;color: var(--bs-light);}
[swslider] > .owl-carousel > .owl-nav > button.owl-prev{left: 20px;}
[swslider] > .owl-carousel > .owl-nav > button.owl-next{right: 20px;}
[swslider] > .owl-carousel > .owl-dots{position: absolute;display: flex;bottom: 10px;z-index: 2;align-items: center;justify-content: center;left: 0;right: 0;}
[swslider] > .owl-carousel > .owl-dots > button{width: 12.5px;height: 4px;background: var(--bs-light);display: flex;border-radius: 50px;margin: 0 2.5px;}

#desktopslider{display: flex;}
#mobilslider{display: none;}

#productslide{filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.1));}
#productslide .owl-thumbs{display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;margin-top: 5px;}
#productslide .owl-thumbs > button{display: flex;width:25%;align-items: center;justify-content: center;border: none;background: transparent;padding: 5px;filter:opacity(0.7);}
#productslide .owl-thumbs > button > img{display: flex;width:100%;align-items: center;justify-content: center;overflow: hidden;margin: 0;border-radius: var(--bs-border-radius);}
#productslide .owl-thumbs > button.active{background: var(--bs-gray-200);border-radius: var(--bs-border-radius);filter: opacity(1);}
#productslide .owl-dots{display: none;}
#productslide .owl-stage-outer{margin: 0 5px;}


/*[swslider] > .owl-carousel > .owl-nav{position: absolute;top: 0;bottom: 0;margin: auto;height: fit-content;right: 20px;left: 20px;display: flex;align-items: center;justify-content: space-between;font-size: 50px;pointer-events: none;}
*/


/*nav.sidemenu{width: 100%;display: flex;}
nav.sidemenu > ul{padding: 0;margin: 0;list-style: none;width: 100%;}
nav.sidemenu > ul > li{padding: 0;margin: 0;list-style: none;width: 100%;}
*/
 
#asidemenu .logo{width:175px;padding-right: 15px;}
#asidemenu .logo > img{width:100%;}

nav.sidemenu > ul {list-style: none;margin: 0;padding: 0; font-size: 1rem; }
nav.sidemenu > ul a,
nav.sidemenu > ul a:hover{transition: var(--transitionln);}
nav.sidemenu i{width: 20px;transition: var(--transitionln); }

nav.sidemenu > ul > li {position: relative;margin: 0;padding: 0; }
nav.sidemenu > ul > li > a {padding: 15px 4px;display: block;border-bottom: .1px solid var(--bs-gray-300);position: relative;}
/*nav.sidemenu > ul > li:last-child > a {border: none;}*/
nav.sidemenu > ul > li > a > .fa {width: 20px; }
nav.sidemenu > ul > li:hover > a, 
nav.sidemenu > ul > li:has(> .active) > a {color: var(--bs-secondary);font-weight: 600;}
nav.sidemenu > ul > li > ul {background:var(--bs-light);}
nav.sidemenu > ul li > a > i{width: auto;height: auto;padding: 0;margin-right: 10px;margin-top: 1px;position: absolute;right: 10px;}
nav.sidemenu > ul li:has(> .active) > a > i {transform: rotate(-90deg);}
nav.sidemenu > ul li:has(> .active) > ul {display: block; }
nav.sidemenu > ul a {text-decoration: none; }
nav.sidemenu > ul ul {display: none;list-style: none;padding: 0;margin: 0;}
nav.sidemenu > ul ul ul {padding-left: 20px; }
nav.sidemenu > ul ul > li {margin: 0; }
nav.sidemenu > ul ul > li > a {padding: 10px 20px;display: block;}
nav.sidemenu > ul ul > li:has(> .active) > a, 
nav.sidemenu > ul ul > li > a:hover {color:var(--bs-secondary); }






#bread-crumbs,
#bread-crumbs > ul{ width: 100%;display: flex;flex-wrap: nowrap;height: 40px;}
#bread-crumbs > ul,
#bread-crumbs > ul > li,
#bread-crumbs > ul > li > a{display: flex;align-items: center;flex-wrap: nowrap;list-style: none;padding: 0;margin: 0;height: 100%;font-size: 11px;}
#bread-crumbs{background: var(--bs-gray-100);align-items: center;justify-content: center;padding-right: 1rem !important;padding-left: 1rem !important;}
#bread-crumbs > ul {max-width: var(--maxwidth);}
#bread-crumbs > ul > li:after{width: auto;height: 30%;aspect-ratio:1;padding: 0 10px;--righticon: url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");content:'';background: var(--righticon);display:flex;vertical-align: -.125em;background-color: var(--textcolor);background-repeat: no-repeat;background-size:contain;-webkit-mask-image: var(--righticon);mask-image: var(--righticon);mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;opacity: .5;}
#bread-crumbs > ul > li > a{/* color:var(--maincolor); *//* opacity: .7; */font-weight: 400;}
#bread-crumbs > ul > li:hover,
#bread-crumbs > ul > li:hover > a{color:var(--bs-secondary);}
#bread-crumbs > ul > li:hover:after {background-color: var(--bs-secondary); } 
#bread-crumbs > ul > li:last-child:after{display: none;}
#bread-crumbs > ul > li:last-child > a{color:var(--bs-secondary);}





.sc_set{overflow: hidden;overflow-y: auto;padding-right: 10px;}
.sc_set::-webkit-scrollbar {width: 5px;height: 30px;}
.sc_set::-webkit-scrollbar-track {background:var(--bs-gray-100); border-radius: 500px;}
.sc_set::-webkit-scrollbar-thumb {background:var(--bs-primary); border-radius: 500px;transition: var(--transition);}
.sc_set::-webkit-scrollbar-thumb:hover {background: var(--bs-secondary);transition: var(--transition); }









/* Ürün Detay Sayfası*/
.commentsbox{max-height: 500px;}

.starbox{display: flex;flex-wrap: nowrap;color: var(--bs-gray-500);width: fit-content;position: relative;cursor: pointer;}
.starbox > *{display: flex;flex-wrap: nowrap;pointer-events: none;}
.starbox > * > i{display: flex;padding:0 2px;}
.starbox > .filled-stars{color: var(--bs-warning);position: absolute;left: 0;top: 0;min-width:20%;overflow: hidden;transition:var(--transitionln);}



.imageblock{position: relative;}
.imageblock > a.favori{position: absolute;top: 20px;right: 30px;width:40px;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 30px;z-index: 1;color:var(--bs-dark);}
.imageblock > a.favori > span{display: none;}
.imageblock > a.favori:has(> i.active){color:var(--bs-danger);}
#sepet_form{position: relative;}

#sw_secenek_html,
#sw_secenek_html > .row,
#sw_secenek_html > .row > label,
#sw_secenek_html > .row > div{display: flex;width: 100%;padding: 0;margin: 0;color:var(--bs-dark);}
#sw_secenek_html > .row > label{margin: 0.25rem !important;font-size: 1.25rem !important;}

#sw_secenek_html > .row > div{flex-direction: row;flex-wrap: wrap;}
#sw_secenek_html > .row > div > label {display: flex;width:60px;height:45px;align-items: center;justify-content: center;padding: 0;margin: 0.25rem !important;border:1px solid var(--bs-gray-200);color:var(--bs-dark);background:var(--bs-white);border-radius: var(--bs-border-radius) !important;position:relative;font-size:1.25rem !important;font-weight: 600;cursor: pointer;}
#sw_secenek_html > .row > div > label > input{display: none;}
#sw_secenek_html > .row > div > label:has(> input:checked){background:var(--bs-success);color:var(--bs-white);border-color:rgba(var(--bs-dark-rgb), .15);}
#sw_secenek_html > .row > div > label:has(> input:disabled){cursor:not-allowed;background:var(--bs-gray-200);color:var(--bs-gray-500);border-color:rgba(var(--bs-dark-rgb), .15);}
#sw_secenek_html > .row > div > label:not(:has(> input:disabled)):hover{border-color:var(--bs-success);}


#adet_sec{max-width: 175px;}
#adet_sec .form-floating > .form-control:not(:placeholder-shown) ~ label{width: 100%;text-align: center;transform:scale(0.85) translateY(-0.5rem) translateX(0.45rem) !important;}

	

/* Ürün Detay Sayfası*/




/* Footer */

footer{justify-content: center;}
footer ul{padding: 0;margin: 0;list-style: none;}
footer ul > li > span{margin-bottom: 5px;width: 100%;display: flex;}
footer ul > li > ul,
footer ul > li > ul > li{width: 100%;display: flex;flex-direction: column;}
footer ul > li > ul > li > a{width: fit-content; padding: 5px 0;font-size: 1.15rem !important;color: var(--bs-secondary-color);transition:var(--transition);}
footer ul > li > ul > li > a:hover{color:var(--bs-link-hover-color-rgb);transition:var(--transition);}

footer .logo{width: 100%;display: flex;justify-content: center;}
footer .logo > img{width: 100%;max-width:220px;}

/* Footer */





.socialcontainer{width: 100%;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.socialcontainer > span{color: var(--bs-secondary-color);font-weight: 600;}
.socialcontainer > .icons{width: 100%;display: flex;align-items: center;justify-content: center;}
.socialcontainer > .icons > a{width:40px;height: 40px; display: flex;align-items: center;justify-content: center;font-size: 20px;margin: 2px;color: var(--bs-secondary-color);}






@media only screen and (min-width: 950px)  {


table[responsive] table { width: 100%;  border-collapse: collapse; }
table[responsive] tr:nth-of-type(odd) { /*background:#fbfbfb*/ }
table[responsive] th {font-weight: 600; }
table[responsive] td, table[responsive] th { border:1px solid var(--bs-gray-300); padding:15px 10px; }
table[responsive] thead td{font-weight: 600;font-size:13px;}
table[responsive] tbody td{font-weight: 500;font-size:13px;}
table[responsive] thead tr {background: var(--bs-secondary);color: var(--bs-white);}
table[responsive] td[center] a {margin: auto;}
td[center]{text-align: center;}
td[right]{text-align: right;}
    
/* Sepet Sayfası */

._basket_image{max-width:100px;overflow: hidden;}
._basket_product{padding-left: 20px;}
.pupdate{height: 100%;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.basketcount > .input-group > input{height: auto;}
.pupdate > i{aspect-ratio:unset;font-size: 15px;}

/* Sepet Sayfası */
	

    
} 

@media only screen and (max-width: 950px)  {
    
    .tablecontainer{padding: 5px !important;}
    table[responsive]{padding: 0;margin: 0;}
    table[responsive], table[responsive] thead, table[responsive] tbody, table[responsive] tfoot, table[responsive] th, table[responsive] td, table[responsive] tr {  display: block;  }
    table[responsive] thead tr { position: absolute;top: -9999px;left: -9999px; background: none;}
    table[responsive] tbody td:has(:not(:empty)), table[responsive] th {padding:0 0 10px 0; border-bottom: 1px solid var(--bs-gray-200);}
    /* Sepet Sayfası */
    

    table[responsive] td:empty,
    table[responsive] td[colspan],
    [rhide]{display: none !important;}
    
    table[responsive] tbody td:has(:not(:empty))[data-cellname]{border: none;position: relative;display: flex;flex-direction: column;align-items: flex-start;}
    table[responsive] tbody tr{display: flex;flex-direction: column;border:1px solid var(--bs-gray-200);border-radius:3px;padding: 5px;margin-bottom: 10px;}
    table[responsive] tbody tr:nth-child(2n) { background:var(--bs-gray-100); }
    
	table[responsive] tbody td:has(:not(:empty))[data-cellname]:before{content:attr(data-cellname);width:100%;font-size: 12px;font-weight:500;white-space: nowrap;height: fit-content;margin-bottom:10px;padding: 2.5px 5px;background:var(--bs-gray-200);color: var(--bs-black);}
    
    [rdflex]{display: flex;justify-content: center;}
    [rdflex] .btn.btn-secondary{}
     
    
    table[responsive] tfoot{display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;text-align: center;font-size: 12px;}
    table[responsive] tfoot tr{margin-bottom: 5px;text-align: center;}
    table[responsive] tfoot td:has(:not(:empty))[data-cellname]{display: flex;border: 1px solid var(--bs-success);border-radius: 2px;overflow: hidden;padding: 0;align-items: center;flex-wrap: nowrap;text-wrap-mode: nowrap;width: 250px;}
    table[responsive] tfoot td:has(:not(:empty))[data-cellname]:before{content:attr(data-cellname);width: 115px;font-size: 11px;font-weight:500;white-space: nowrap;height: fit-content;margin-right: 10px;padding: 2.5px 5px;background:var(--bs-success);color: var(--bs-white);text-align: left;}

    ._basket_image{max-width:100px;overflow: hidden;margin-bottom: 20px;padding-right: 10px;}
    ._basket_product{}
    ._basket_product_all{/* margin-bottom: 20px; */}
    .pupdate{height: 100%;border-top-left-radius: 0;border-bottom-left-radius: 0;}
    .basketcount > .input-group > input{height: auto;max-width: 100px;}
    .pupdate > i{aspect-ratio:unset;font-size: 15px;}

    /* Sepet Sayfası */

   



	/*
	
	
    table[responsive] td[center], table[responsive] td[right]{text-align: left;}
    table[responsive] td[center] a{margin-left: unset;}
	
	
	table[responsive] tr td:last-child{border-bottom:none;} 
    table[responsive] td:not([data-cellname]){display: none;}*/
}

@media only screen and (max-width: 680px)  {
	/*table[responsive] table, table[responsive] thead, table[responsive] tbody, table[responsive] tfoot, table[responsive] th, table[responsive] td, table[responsive] tr {  display: block;  }
	table[responsive] thead tr { position: absolute;top: -9999px;left: -9999px; background: none;}
	table[responsive] td[data-cellname] {border: none;border-bottom: 1px solid var(--boxbordercolor); position: relative;padding-left:0;}
    table[responsive] td[center], table[responsive] td[right]{text-align: left;}
    table[responsive] td[center] a{margin-left: unset;}
	table[responsive] td, table[responsive] th{padding: 0;}
	table[responsive] tr{display: flex;flex-direction: column;border: 1px solid var(--boxbordercolor);border-radius: var(--bs-border-radius-sm);margin-bottom: 10px;}
	table[responsive] td[data-cellname]:before {content:attr(data-cellname);position:static;border-bottom: 1px solid var(--bs-gray-300);width: 100%;display: flex;margin-bottom: 10px;padding: 5px 10px;background: var(--bs-gray-200);align-items: center;font-weight: 500;}
	table[responsive] tr td:last-child{border-bottom:none;} 
    table[responsive] td:not([data-cellname]){display: none;}*/
}
 

.sw_popup_bg {display:flex;position: fixed;z-index: 99999;background: rgba(0,0,0,0.3);left: 0;right: 0;bottom: 0;top: 0;}
.sw_popup_content{display:flex;width:fit-content;z-index: 999999;position: absolute;max-height:75%;}
.sw_popup_content > .append{flex-direction: column;display: flex;width: 100%;overflow: hidden;box-shadow: var(--bs-box-shadow);background: var(--bs-white);overflow-y: auto;border: 10px solid var(--bs-gray-200);} 
.sw_popup_content > .append::-webkit-scrollbar {width: 10px;height: 30px;}
.sw_popup_content > .append::-webkit-scrollbar-track {background:var(--bs-gray-100); border-radius: 500px;}
.sw_popup_content > .append::-webkit-scrollbar-thumb {background:var(--bs-primary); border-radius: 500px;transition: var(--transition);}
.sw_popup_content > .append::-webkit-scrollbar-thumb:hover {background: var(--bs-secondary);transition: var(--transition); }
.sw_popup_content > .append > .sw_popup_txt{flex-direction: column;display: flex;width: 100%;padding:var(--defaultpadding);font-size:12px;} 
.sw_popup_content > .append > .sw_popup_buttons{display: flex;width: 100%;justify-content: space-between;flex-wrap: nowrap;height: 45px;border-top: 1px solid var(--defaultbordercolor);} 
.sw_popup_content > .append > .sw_popup_buttons > button{width: 100%;height: 100%;text-wrap: nowrap;text-align: center;justify-content: center;align-items: center;border-radius: 0;border: none;transition: var(--transition);filter: brightness(.9);font-size:clamp(1rem, 0.9792rem + 0.6667vw, 1.1875rem);font-weight:600;color: var(--bs-white);} 
.sw_popup_content > .append > .sw_popup_buttons > button.sw_popup_ok{ background-color:var(--bs-success);}
.sw_popup_content > .append > .sw_popup_buttons > button.sw_popup_no{ background-color:var(--bs-danger);}
.sw_popup_content > .append > .sw_popup_buttons> button:hover{filter: brightness(1.1);transition: var(--transition);} 
.sw_popup_content > .sw_popup_kapat {position: absolute;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;background:var(--bs-danger);color:var(--bs-white);border-radius: 500px;top: -20px;right: -20px;/* box-shadow: var(--bs-box-shadow); */cursor:pointer;font-size: 25px;border: 4px solid var(--bs-gray-200);}
.sw_popup_content > .sw_popup_kapat > i{display: flex;flex-direction: column;align-items: center;}
.sw_popup_content > .sw_popup_kapat:hover {filter: brightness(1.1);transition: var(--transition);}
.sw_popup_content > .append:has(> .sw_popup_txt) {padding: 0;border-radius: var(--bs-border-radius-sm);} 
.sw_popup_content > .append > .popup_title { width: 100%;display: flex;font-weight: 600;font-size: 20px;padding:var(--defaultpadding) calc(var(--defaultpadding)  * 2);background: var(--sitecolor-softlight);}
.sw_popup_content > .append > .popup_body { width: 100%;display: flex;flex-direction: column;overflow:hidden;overflow-y: auto;padding:var(--defaultpadding) calc(var(--defaultpadding)  * 2);}
.sw_popup_content > .append > .popup_body::-webkit-scrollbar {background:var(--bordercolor);width:5px;}
.sw_popup_content > .append > .popup_body::-webkit-scrollbar-thumb {background:var(--bs-secondary);}
.sw_popup_content > .append:has(> .popup_body > form) {padding: 0;border-radius: var(--bs-border-radius-sm);} 
.sw_popup_content > .append:has(> .popup_body > [tabbar]) {padding: 0;border-radius: var(--bs-border-radius-sm);} 
.sw_popup_content > .append > .popup_body:has(> [tabbar]){padding: 0;} 
.sw_popup_content > .append .popup_body:has(> form) {padding: 0;} 




@media screen and (max-width:1360px) {
    
    footer + .bottom{padding:30px 20px;}
    
}


@media screen and (min-width:1024px) {
    .is_mobile{display:none !important;}

}

@media screen and (max-width:1024px) {
    .is_desktop{display:none !important;}
}

@media screen and (max-width:920px) {
    
}





@media screen and (max-width:850px) {
 }

@media screen and (max-width:770px) {
    .is_desktop_md{display:none !important;}
    
	header .logo{width:140px;}
	header .body{height: 60px;}
	[usermenu], a.sys{padding:0;}
	
	/*a.sys.search{display: none;}*/
	#searchpopup form input[type=text] {width:calc(100% - 40px);}
	#searchpopup form button {width:40px;}
	#searchpopup form button.clearbtn {right: 40px; }
	#searchpopup > strong{display:none;}
    
     
	.pblock.py-5{padding-top:.5rem !important;padding-bottom:.5rem !important;padding-right: 0 !important;padding-left: 0 !important;}
	#productslide .owl-stage-outer{margin: 0 !important;}
	.imageblock{padding-right: 0 !important;padding-left: 0 !important;}
	.row:has(> .pblock){padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
	.infoblock > form > div{padding: 1.5rem !important;}
    
}
@media screen and (max-width:700px) {
   
    #desktopslider{display: none;}
    #mobilslider{display: flex;}
    a.whatsapp{left: unset;right: 30px;bottom: 70px;transform: scale(0.8);} 

    
    
   
}
 
@media screen and (max-width:490px) {
	
}
 
@media screen and (max-width:290px) {
	header .body{height: fit-content;flex-direction: column;padding: 10px 0 0 0;}
	header .logo{margin-bottom: 5px;}
}




nav.treemenu > ul, nav.treemenu > ul ul {margin:0;padding:0;list-style:none}
nav.treemenu > ul ul {margin-left:1em;position:relative}
nav.treemenu > ul ul ul {margin-left:.5em}
nav.treemenu > ul ul:before {content:"";display:block;width:0;position:absolute;top:0;bottom:0;left:0;border-left:1px solid}
nav.treemenu > ul li {margin:0;padding:0 1em;line-height:2em;color:var(--bs-primary);font-weight:600;position:relative}
nav.treemenu > ul ul li:before {content:"";display:block;width:10px;height:0;border-top:1px solid;margin-top:-1px;position:absolute;top:1em;left:0}
nav.treemenu > ul ul li:last-child:before {background:var(--bs-white);height:auto;top:1em;bottom:0}
.indicator {margin-right:5px;}
nav.treemenu > ul li a {text-decoration: none;color:var(--bs-primary);}
nav.treemenu > ul li button, nav.treemenu > ul li button:active, nav.treemenu > ul li button:focus {text-decoration: none;color:var(--bs-primary);border:none;background:transparent;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;outline: 0;}