@charset "utf-8";

/*@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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



:root {
    
    --bodybgcolor :#101820;
    --maincolor : #FFF;
    --hovercolor: #e10b17; 
    --activecolor: #e10b17; 
    --textcolor : #FFF;
    --whitecolor : #FFF;
    --darkbgcolor:#2d2d2d;
	
	
	
	--sitecolor :#101820;
	--sitecolor-softlight :#223446;
	--sitecolor-light :#18232e;
	--sitecolor-dark :#0A131B;
    
    --bordercolor: #ddd;
    --bordercolor_2:#c8c8c8;
    --borderdarkcolor:#000;
    --borderradius:5px;
    --defaultbordercolor:rgba(0,0,0,.09);
    
    --transition : all .2s ease;
    
    /*--transition :all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);*/
    --transition1 : all .1s ease;
	--transition2 :all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	--transitionv :visibility 0s, all .4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	--btntransition :all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    
    
    --themegrey :var(--sitecolor-softlight);
    --themeblue : #1a73e8;
    --themered : #e95858;
	--themegreen:#008540;
     --black1 : rgba(0,0,0,.4);
    --disable    : #c7c7c7;
    
    
    --mainfont: 'Poppins', sans-serif;
    --subfont: 'Poppins', sans-serif;
	--subfont2: 'Poppins', sans-serif;

    --maxwidth:1350px;
    
    --acolor: #3f3f3f;
    --ahovercolor: #ffac2e;
    
    --mainspace : var(--topspace);
    
    --boxshadow: 0px 2px 5px 0px rgb(0 0 0 / 15%);
    --boxshadow2: 3px 3px 4px 0px rgb(0 0 0 / 7%);
	--boxshadow3: 0 0 25px 5px rgb(0 0 0 / 15%);
    
    
    --insetshadow : inset 0 0 4px rgb(0 0 0 / 50%);
    --insetshadow2 : inset 0 0 4px rgb(0 0 0 / 20%);
        
        
    --inputRadius : 4px;
    --inputBorder : 1px solid rgba(0,0,0,.09);
    --inputShadow : 0px 2px 5px 0px rgb(0 0 0 / 15%);
    --inputFont   : var(--mainfont);
    --inputPadding:10px;
	
	
    --pboxspace : calc(var(--boxspace) * 2); 
	--detailPageWidth : var(--maxwidth);
    
	--defaultpadding: clamp(0.9375rem, 0.2604rem + 83.3333vw, 1.5625rem);
    
    
    
    /* Kategori Root */
    
    --boxbgcolor: var(--sitecolor);
    --boxbordercolor:var(--sitecolor-softlight);
    --boxmargin: 10px;
    --boxspace:calc(var(--boxmargin) * .5);
    --boxradius : 3px;
    --tableradius: 10px;
    --borderminradius : 3px;
    --imageRatio: 1 / 1;
	--ptransition :all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	--defaultbordercolor:rgba(0,0,0,.09);
    --textshadow : 1px 1px 2px rgb(0 0 0 / 45%);
	
	
	--alert_infobr:rgba(0,0,0,0.15);
	--alert_info:#2589BD;
	--alert_warningbr:var(--alert_infobr);
	--alert_warning:#F7C948 ;
	--alert_successbr:var(--alert_infobr);
	--alert_success:#3EB489;
	--alert_errorbr:var(--alert_infobr);
	--alert_error:#D72638;
	--alert_emergency:#9c3d10;
	
	
    
    --f11 : clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
    --f13 : clamp(0.8125rem, 0.8125rem + 0vi, 0.8125rem);
    --f14 : clamp(0.875rem, 0.875rem + 0vi, 0.875rem);
    --f15 : clamp(0.875rem, 0.8634rem + 0.0617vi, 0.9375rem);
    --f17 : clamp(1.0625rem, 1.0625rem + 0vw, 1.0625rem);
    --f20 : clamp(1.1875rem, 1.1759rem + 0.0617vi, 1.25rem);
    --f25 : clamp(1.5625rem, 1.5625rem + 0vi, 1.5625rem);
    
    
    
    --f17t15 : clamp(0.9375rem, 0.8987rem + 0.1942vw, 1.0625rem);
    --f21t15 : clamp(0.9375rem, 0.821rem + 0.5825vw, 1.3125rem);
    --f25t20 : clamp(1.25rem, 1.1921rem + 0.3086vi, 1.5625rem);
    --f30t22 : clamp(1.375rem, 1.2197rem + 0.7767vw, 1.875rem);
    --f35t20 : clamp(1.25rem, 1.2139rem + 1.1538vw, 2.1875rem);
    --f30 : clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    --f40 : clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
    
    
    
    
    
    

    --fluid-100-50: clamp(3.125rem, 2.1541rem + 4.8544vw, 6.25rem);
    --fluid-40-55: clamp(2.5rem, 1.4844rem + 125vw, 3.4375rem);
        
        
        
        

}

[defaultbox] {display: flex;flex-direction: column;border-radius:var(--boxradius);border: 1px solid var(--boxbordercolor); background:var(--boxbgcolor);box-shadow:var(--boxshadow2);position: relative;}
[defaultbox][reset]{padding:0;overflow: hidden;}
strong{font-weight: 600;}
a, a:after, a:before{ text-decoration:none;color:var(--maincolor);border-color:var(--maincolor);} 
/*a:hover:after, a:hover:before, a:hover{color:var(--ahovercolor);border-color:var(--ahovercolor);} */



*, :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:var(--f13); color: var(--maincolor);background-color: var(--bodybgcolor);}


.swc{width:100%;display: flex;max-width: var(--maxwidth);}

.sys.menutoggle{width: fit-content;padding: 5px; display: flex;text-align: center;flex-direction: column;justify-content: center;align-items: center;font-size: 11px;font-weight: 600;}
.sys.menutoggle > i{width: fit-content;font-size: min(7vw, 30px);display: flex;align-items: center;justify-content: center;}
.sys.menutoggle > span{width: fit-content;font-size: 11px;display: flex;align-items: center;justify-content: center;padding-top: 5px;font-weight: 500;}

.sys.createdesign{width: fit-content;height: 50px;padding: 5px; display: flex;align-items: center;border: 1px solid var(--borderdarkcolor);border-radius: var(--borderradius);}
.sys.createdesign > i{margin:0 min(1.3vw, 15px);display: flex;align-items: center;justify-content: center;font-size: min(5vw, 27px);}
.sys.createdesign > span{width:max-content;display: flex;flex-direction: column;font-weight: 600;text-align: center;font-size: var(--f11);}
.sys.createdesign > span:before{content: attr(data-text);font-size: 10px;font-weight: 400;}


header {width:100%;display: flex;flex-direction: column;position: sticky;background: var(--sitecolor); top: 0;align-items: center;z-index: 99;filter: drop-shadow(0 2px 6px rgb(0 0 0 / 15%));}
header > .swc{justify-content: space-between;align-items: center;}

header select{width:60px;display: flex;height: 40px;margin-left: 7px;}

header > .middle{height:130px;}
header > .middle > *{height: 100%;display: flex;width:250px;align-items:center;}


header > .middle > .left,
header > .middle > .right{width:calc(calc(100% - 250px) * .5); }
header > .middle > .left > nav{width: auto;display: flex;flex-direction: row;flex-wrap: nowrap;text-wrap:nowrap;height: 100%;align-items: center;}

header .bottom{display: flex;width: 100%;align-items: center;justify-content: center;background-color:var(--activecolor);}

header nav ul{padding: 0;margin: 0;list-style: none;display: flex;width: 100%;}
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: #FFF;transition: var(--transition);font-weight: 600;}
header nav ul > li > a:hover{background-color:rgba(0,0,0,0.25);transition: var(--transition);}
header nav ul > li ul{display:none;flex-direction: column;position: absolute;top: 100%;left:15px;background:var(--sitecolor-softlight);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(--sitecolor-softlight);}
header nav ul > li:hover ul{display: flex;}
header nav ul > li:hover ul > li a:hover{background:var(--activecolor);transition: var(--transition);}
header nav ul > li:has(*:hover):hover > a{color:#FFF;transition: var(--transition);}


header > .middle > .center{align-items: center;justify-content: center;}
header > .middle > .center > .logo{display: flex;align-items: center;justify-content: center;position: relative;}
header > .middle > .right{justify-content: flex-end;}
header > .middle > .right > a.sys.menu{margin-left:10px;}




.call-whatsapp{width: fit-content;display: flex;align-items: center;font-size: 30px;}
.call-whatsapp > span{width: fit-content;display: flex;flex-direction: column;font-size: 11px;align-items: flex-end;line-height: 18px;padding-left: 7px;}
.call-whatsapp > i{font-style: normal;transition:var(--transition);}
.call-whatsapp > span > em{font-style: normal;}
.call-whatsapp > span > strong{font-size: 18px;font-weight: 600;transition:var(--transition);}
.call-whatsapp:hover > i,
.call-whatsapp:hover > span > strong{color: #25D366;transition:var(--transition);}

.call-whatsapp:has(+ .socialcontainer){margin-right:25px;}

.socialcontainer{display: flex;width: fit-content;}
.socialcontainer .icons{display: flex;width: fit-content;justify-content: center;align-items: center;height: 100%;}
.socialcontainer .icons > a{display: flex;height: 100%;padding:5px;font-size:22px;align-items: center;justify-content: center;color: #FFF;transition:var(--transition);}
.socialcontainer .icons > a:before,
.socialcontainer .icons > a:after{color:inherit;}
.socialcontainer .icons > a:hover{color:var(--activecolor);transition:var(--transition);}



a.sys.menu{width: fit-content;padding:10px; display: flex;text-align: center;align-items: center;mix-blend-mode:normal;border: 1px solid rgba(255,255,255,.5);border-radius:5px;transition: var(--transition);}
a.sys.menu > i{width: fit-content;font-size:20px;display: flex;align-items: center;justify-content: center;margin-right: 10px;}
a.sys.menu > span{width: fit-content;font-size:12px;display: flex;align-items: center;justify-content: center;font-weight:500;}
a.sys.menu:hover {background: var(--activecolor);transition: var(--transition);}

header > .middle > .left > a.sys.menutoggle,
header > .middle > .left > a.sys.search{display: none;}

[usermenu]{margin: 0;width: fit-content;padding:0;margin-left:10px;position: relative;list-style: none;}
[usermenu] > li{ display: flex;width:max-content;position: relative;}
[usermenu] ul {z-index:2;display:flex;width:max-content;flex-direction: column;position: absolute;top:100%;background:var(--boxbgcolor);box-shadow: var(--boxshadow);margin: 0;list-style: none;padding: 15px;    border-radius: var(--boxradius);right: 0; visibility: hidden;opacity: 0;transition:var(--transitionv);}
[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(--boxbordercolor); padding: 7px 0;font-size: 13px;justify-content: flex-end}
[usermenu] > li:hover ul {visibility: visible;opacity: 1;transition:var(--transitionv);}
[usermenu] ul > li:last-child > a{border-bottom: none;}
[usermenu] ul > li > a:hover {color:var(--activecolor);}
[usermenu] > li > i{ font-size: 17px;display: flex;position: absolute;top:90%;left: 0;right: 0;justify-content: center;} 


#searchpopup{display: flex;visibility: hidden;opacity: 0;transition: var(--transitionv);align-items: center;justify-content: center;transition: var(--transitionv);position: absolute;z-index: 999;background: #FFF;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 > strong {display: flex;width: 100%;align-items: center;justify-content: center;font-family: var(--subfont2);font-size: 25px;margin-bottom: 7px;color:var(--activecolor);display: none;}

#searchpopup form {width:100%;height: 50px;margin:0;border:2px solid var(--activecolor);display: flex;position: relative;max-width: calc(var(--maxwidth) - 70px);}
#searchpopup form input[type=text] {float: left;width:calc(100% - 70px); background:transparent; border:0; font-size:15px; padding:0 25px 0 7px; margin:0; color:#000; }
#searchpopup form button { float:right; color:var(--maincolor); width:70px; height:100%; cursor:pointer; border:0; outline:0; margin:0; padding:0; background:transparent; }
#searchpopup form button.clearbtn {position: absolute;right: 70px;width: 40px;opacity:0; }
#searchpopup form button > i{color:var(--maincolor);opacity: .7;font-size: 22px;transition: var(--transition);}
#searchpopup form input:not(:placeholder-shown) + button.clearbtn{ opacity: .7; transition: var(--transition); }

#searchpopup .search_closed{width: 50px;aspect-ratio: 1;font-size: 30px;color:#FFF;border-radius: 500px;display: flex;align-items: center;justify-content: center;background: var(--activecolor);right: 10px;top: 0;bottom: 0;margin-left: 10px;}


header > .middle > .right > a.sys.menu.search.active{display:none;}

 


main{width:100%;height: auto;display: block;/*float: left;*/}
#slider{padding:0;}
#slider .swiper-slide[data-mobil="true"]{display: none;}



footer{background:var(--sitecolor-dark);width: 100%;display: flex;flex-direction: column;align-items: center;padding: 40px 0;margin-top: 40px;}
footer > .swc{justify-content: space-between;align-items: center;}
footer > .swc.middle{padding: 30px 0;}
footer + .bottom{padding: 30px 0;position: relative;width: 100%;display: flex;align-items: center;justify-content: center; }
footer + .bottom > .swc {justify-content: space-between;align-items: center;}
footer + .bottom > .swc > *{display:flex;width: 30%;align-items: center;}
footer + .bottom:before{height:.1px;background:rgba(255,255,255,0.1);position: absolute;left: 0;right: 0;top: 0;content: '';}


footer + .bottom > .swc > .left{font-size: min(3vw, 11px);opacity: .8;}
footer + .bottom > .swc > .right{justify-content:flex-end;}
footer + .bottom > .swc > .right > a.sw {width: 115px;height: 25px;float: right;-webkit-mask-image: url(../design/sw.svg);mask-image: url(../design/sw.svg);background-color:var(--maincolor);mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;}
footer + .bottom > .swc > .right > a.sw:hover {background-color:var(--activecolor);}
footer + .bottom > .swc > .center > .payment{width: 100%;height: 25px; background: url(../design/visa_master.svg) no-repeat center center;}

footer ul.nav{padding:0;margin: 0;list-style: none;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
footer ul.nav > li{width:25%;min-width: 220px; padding: 15px;display: flex;flex-direction: column;}
footer ul.nav > li > span{width: 100%;font-weight: 600;font-size: min(7vw, 17px);display: flex;color: var(--whitecolor);margin-bottom:10px;}
footer ul.nav > li > ul{width: 100%;padding: 0;margin: 0;list-style: none;font-size:14px;}
footer ul.nav > li > ul > li{width: fit-content;display: flex;}
footer ul.nav > li > ul > li > a{width: fit-content;padding: 4px 0;font-size: 13px;color: var(--whitecolor);}

footer ul.nav > li:last-child{padding: 0 15px;}
footer ul.nav > li > .logo{width: 100%;display: flex;}


aside > nav::-webkit-scrollbar {background:var(--bordercolor);width:5px;}
aside > nav::-webkit-scrollbar-thumb {background:var(--activecolor);}
aside{position:fixed;background:rgba(0,0,0,.75);z-index: 105;bottom:0;top:0;left:-400px;width: 295px; /*backdrop-filter: blur(20px);*/box-shadow:var(--boxshadow3);transition:var(--transition2);}
aside.active{left:0;right:unset;transition:var(--transition2);}
aside > nav,
aside > nav > ul,
aside > nav > ul > li,
aside > nav > ul > li ul,
aside > nav > ul > li ul > li{width:100%;height: auto;display: flex;flex-direction: column;padding: 0;margin: 0;list-style: none;}

aside > nav{height:100%;overflow: hidden;overflow-y: scroll;} 
aside > nav ul{padding-left: 25px !important;}
aside > nav > ul{padding-top:50px;}
aside > nav > ul > li ul > li{width:100%;padding: 0;}
aside > nav ul a {font-size:16px;width: 100%; font-weight: 700;height:40px; display: flex;align-items: center;transition:var(--transition);position: relative;}

aside > nav > ul > li ul > li{background-color:transparent;transition:var(--transition);} 
aside > nav > ul > li ul > li:hover{background-color:var(--activecolor);transition:var(--transition);} 
aside > nav > ul > li ul > li:hover > a{color:#FFF; transition:var(--transition);}
aside > nav > ul > li ul > li:hover > a > i{transform: scale(1.1) rotate(-25deg);transition:var(--transition);margin-right: 20px;}

aside > nav ul li.sub_var > a:after{content: ''; border: solid #FFF; border-width: 0 3px 3px 0;  display: inline-block; padding: 3px;width: 10px;height: 10px;transform: rotate(-45deg);position: absolute;right: 10px;}
aside > nav ul li.sub_var > a.active:after{transform: rotate(45deg);}
aside > nav ul li.sub_var > ul{display: none;}
aside > nav ul li.sub_var:has(> a.active) > ul{display: flex;}


footer .socialcontainer{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
footer .socialcontainer .icons > a{width: 40px;font-size:20px;}
footer .socialcontainer > span{font-size:14px;font-weight: 500;margin-bottom: 7px;}
/*footer ul.nav > li > div:not(.socialcontainer){width: fit-content;display: flex;border: 1px solid #FFF;border-radius: 10px;padding: 10px;margin-bottom: 20px;color: #FFF;position: relative;transition:var(--transition);}
footer ul.nav > li > div:not(.socialcontainer)
footer ul.nav > li > div:not(.socialcontainer) > a{display: flex;flex-direction: column;color:inherit;padding-left: 40px;}
footer ul.nav > li > div:not(.socialcontainer) > a > span{font-size: 17px;font-weight: 700;}
footer ul.nav > li > div:not(.socialcontainer) > a > em{font-size:12px;font-weight:300;}

footer ul.nav > li > div:not(.socialcontainer):hover{background: #FFF;color:var(--textcolor);transition:var(--transition);}

*/
/*aside > nav {overflow: hidden;overflow-y: auto;}*/
 
aside > a.close{width:50px;height: inherit;aspect-ratio:1 / 1;display: flex;align-items: center;justify-content: center; cursor: pointer;color:#FFF;position: absolute;right: -23px;top: 50%;font-size: 15px;z-index: 1;border-radius: 500px;background: var(--activecolor);}
aside > a.close > i {font-size:min(6vw, 30px);transform:scale(.9);display: flex;transition :var(--transition);position: relative; }
aside > a.close:hover{transition :var(--transition);background-color: var(--maincolor);} 
aside > a.close:hover > i {transform:scale(1.2) rotate(90deg);transition :var(--transition);color:#FFF;}


.barricade{position: fixed;left: 0;bottom: 0;top: 0;right: 100%;background:rgba(255,255,255,.15);transition :var(--transition);z-index: 104;pointer-events: none;}
.asideopen > aside + .barricade {right: 0;transition :var(--transition);}
body.asideopen{overflow: hidden;}

/*body.asideopen > header,
body.asideopen > #bread-crumbs,
body.asideopen > main,
body.asideopen > nav,
body.asideopen > footer{ filter:grayscale(1) blur(2px);transition :var(--transition);pointer-events: none;}

*/


body.asideopen > *:not(aside.active){filter:grayscale(1) blur(2px);transition :var(--transition);pointer-events: none;} 


#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(--sitecolor-light);border-bottom: 1px solid var(--defaultbordercolor);align-items: center;justify-content: center;}
#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(--maincolor);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: 600;}
#bread-crumbs > ul > li:hover,
#bread-crumbs > ul > li:hover > a{color:var(--activecolor);opacity: 1;}
#bread-crumbs > ul > li:hover:after {background-color: var(--activecolor);opacity: 1; } 
#bread-crumbs > ul > li:last-child:after{display: none;}




[tabbar]{width: 100%;display: flex;flex-direction: column;} 
[tabbar] > [tabbuttons],
[tabbar] > [tabcontents]{width: 100%;display:flex;padding: 0;margin: 0;list-style: none;justify-content: space-between;}
[tabbar] > [tabbuttons]{border-bottom:1px solid var(--sitecolor-dark);background: var(--sitecolor-softlight);}
[tabbar] > [tabbuttons] > [data-connect]{display:flex;width:100%;justify-content: center;padding:clamp(0.9375rem, 0.9286rem + 0.2857vw, 1rem) clamp(1.25rem, 0.9115rem + 41.6667vw, 1.5625rem);font-weight: 600;color:var(--maincolor);font-size:var(--f17t15);}
[tabbar] > [tabbuttons] > [data-connect][hide]{display:none;}
[tabbar] > [tabbuttons] > [data-connect]{border-right: 1px solid var(--defaultbordercolor);cursor: pointer;opacity: .7;transition: var(--transition);align-items: center;}
[tabbar] > [tabbuttons] > [data-connect]:last-child{border-right:none;}
[tabbar] > [tabbuttons] > [data-connect]:hover{opacity: 1;transition: var(--transition);}
[tabbar] > [tabbuttons] > [data-connect] > i{font-size:var(--f35t20);margin-right: 10px;}
[tabbar] > [tabbuttons] > [data-connect].active{color:#FFF;background:var(--activecolor);opacity: 1;}
[tabbar] > [tabcontents]{flex-direction: column;}
[tabbar] > [tabcontents] > [data-connect-content]{display:none;width:100%;padding:var(--defaultpadding);font-weight: 500;color:var(--maincolor);font-size:clamp(0.9375rem, 0.9286rem + 0.2857vw, 1rem);line-height: 22px;}
[tabbar] > [tabcontents] > [data-connect-content].active{display: block;}

[tabbar] > [tabextra] + [tabcontents] > [data-connect-content] {padding-top:0;} 
[tabbar] > [tabextra] {width: 100%;display:flex;align-items: center;justify-content: center;padding:var(--defaultpadding);padding-bottom: 0;} 


[tabbar] > [tabcontents] > [data-connect-content]:has(> section),
[tabbar] > [tabcontents] > [data-connect-content]:has(> form){padding: 0;}



.alert, [alert] {width: 100%;display: flex;border-left: 5px solid;font-size: min(3vw, 14px);color:var(--maincolor);padding: 10px;font-weight: 600;}
[alert][col]{flex-direction: column;align-items: center;}
[alert] [main]{width: 100%;display: flex;flex-direction: column;} 
[alert] [main] [icon]{font-size:min(2vw, 15px);display: flex;aspect-ratio:1;}
[alert] [main] [header] {width: 100%;display: flex;font-size: min(4vw, 20px);}
[alert] [main] [body] {width: 100%;display: flex; }
[alert] [main] [body] a{color:var(--themeblue);text-decoration: underline;}
[alert] *:empty{display: none;}



.alert.info, [alert][info]{background-color:var(--sitecolor-light);border-color: var(--alert_infobr);}
.alert.warning, [alert][warning]{background-color:var(--alert_warning);border-color: var(--alert_warningbr);}
.alert.success, [alert][success]{background-color: var(--alert_success);border-color: var(--alert_successbr);}
.alert.error, [alert][error]{background-color:var(--alert_error);border-color: var(--alert_errorbr);}
.alert.emergency, [alert][emergency]{background-color:var(--alert_emergency);border-color:var(--alert_emergency);color:var(--boxbgcolor);}
	



[fixmsg]{ display: flex;width: 100%;padding: var(--defaultpadding);opacity: .6;    justify-content: center;}
[fixmsg] [content] { display: flex;width: 100%;flex-direction: column;max-width: var(--maxwidth);}
[fixmsg] [fix_title] {display: block;width: 100%;font-weight: 600;font-size:clamp(0.9375rem, 0.2604rem + 83.3333vw, 1.5625rem);margin-bottom: 15px;}	
[fixmsg] [fix_content] {display: block;width: 100%;font-weight: 400;font-size: clamp(0.875rem, 0.8073rem + 8.3333vw, 0.9375rem);}	
[fixmsg] [center] {text-align: center;}	
[fixmsg]:hover{opacity: 1;} 

[type="text"],[type="password"],select,textarea { border-radius:var(--inputRadius);border:var(--inputBorder); font-family: var(--inputFont);/*box-shadow: var(--inputShadow);*/ padding: 0 var(--inputPadding);transition:var(--transition); }
input:focus,select:focus,textarea:focus{border-color: var(--activecolor);} 
textarea{padding: var(--inputPadding);}
button[clean] {border: none;background:transparent;cursor: pointer;}
button {cursor: pointer;}

input[disabled],select[disabled],textarea[disabled]{background-color:#ddd;}



[sysMain]{display: flex;width: 100%;align-items: center;justify-content: center;padding:5% 2%}
[sysMain] [pagebox]{display: flex;flex-direction: column;width: 100%;max-width:var(--maxwidth); transition: var(--transition);} 
[sysMain] [pagebox] > [header],
[sysMain] [pagebox] > [body],
[sysMain] [pagebox] > [footer]{display: flex;width: 100%;}
[sysMain] [pagebox] > [header]{padding:clamp(0.9375rem, 0.2604rem + 83.3333vw, 1.5625rem);border-bottom:var(--inputBorder);justify-content: space-between;}
[sysMain] [pagebox] > [footer]{padding:clamp(0.9375rem, -0.0781rem + 125vw, 1.875rem);border-top:var(--inputBorder);justify-content: center;}
[sysMain] [pagebox] [body][col]{flex-direction: column;}
[sysMain] [boxTitle] {display: flex;width: 100%;font-weight: 600; font-size:clamp(1.125rem, 0.9896rem + 16.6667vw, 1.25rem);border-radius: var(--inputRadius);color:var(--maincolor);align-items: center;}
[sysMain] [boxTitle] > i{font-size: 25px;margin-right: 10px;}
[sysMain] [pagebox][mini]{max-width:calc(var(--maxwidth) / 3);align-items: center;}
[sysMain] [pagebox][mini] [boxTitle]{align-items: center;}
[padding]{padding:clamp(0.9375rem, -0.0781rem + 125vw, 1.875rem);}

[sysMain] [pagebox] [topbuttons]{display: flex;width: 100%;padding:clamp(0.9375rem, 0.2604rem + 83.3333vw, 1.5625rem);border-bottom:var(--inputBorder);}
[sysMain] [pagebox][reset]{padding:0;}



a.link{color:var(--themeblue);display: flex;width: fit-content;padding:0 10px 0 0;font-weight: 500;font-size:clamp(0.9375rem, 0.9286rem + 0.2857vw, 1rem);}
a.link:hover{color:var(--activecolor);}

[swform]{width: 100%;display: flex;}
[swform] [body]  {width: 100%;display: flex;flex-direction: column;padding:calc(var(--defaultpadding)  * 2); padding-top:var(--defaultpadding);}
[swform] [header] { background: var(--sitecolor-softlight);padding:var(--defaultpadding) calc(var(--defaultpadding)  * 2);} 
[swform] [header] > [note] { margin-bottom: 0;}

[swform] [footer] { overflow: hidden;border-bottom-left-radius: var(--boxradius);border-bottom-right-radius: var(--boxradius); } 
[swform] [footer] [button],
[swform] [footer] button{border-radius: 0; } 


[swform][col] {flex-direction: column;}
[swform] [element] {width: 100%;display: flex;position: relative;}
[element] input,
[element] select{height: 45px;width: 100%;font-size:clamp(0.9375rem, 0.8021rem + 16.6667vw, 1.0625rem);}
[element] input.error,
[element] select.error,
[element] textarea.error{border-color:var(--themered);}
[element] textarea{height: 90px;width: 100%;font-size:clamp(0.9375rem, 0.8021rem + 16.6667vw, 1.0625rem);resize:none;}

[element][mini] > * {width:50%;}
[element][mini2] > * {width:calc(calc(100% - 10px) / 2);margin-right: 10px;}
[element][mini3] > * {width:calc(calc(100% - 20px) / 3);margin-right: 10px;}
[element][mini2] > *, [element][mini3] > *:last-of-type {margin-right: 0;}

[swform] div.error{display: flex;width: 100%;font-size: 11px;font-weight: 600;opacity: .6;color:var(--themered);}

[element] button,
[element] [button]{height: min(var(--fluid-40-55), 55px);width: 100%;font-size:clamp(0.9375rem, 0.9286rem + 0.2857vw, 1rem);font-weight:700;}

[swform] label{display: flex;flex-direction: column;align-items: flex-start;width: 100%;/*max-width: 400px*/;margin-bottom: 14px;}
[swform] label > [labeltext] {display: flex;width: 100%;font-size:clamp(0.9375rem, 0.9286rem + 0.2857vw, 1rem);margin-bottom: 5px; font-weight: 600; opacity: .7; }
[swform] label > [formTitle] {display: flex;width: 100%;font-size:clamp(0.9375rem, 0.9286rem + 0.2857vw, 1rem);padding: 5px;border-radius: var(--inputRadius);opacity: .8;align-items: center;justify-content: center;}
[swform] label:last-child{margin-bottom: 0;}
[swform] [note]{width: 100%;display: flex;color:var(--maincolor);font-size: 12.5px;opacity: 0.8;line-height: 20px;margin-bottom: 20px;}
[swform] [infoText]{display: flex;width: 100%;margin-bottom: 14px;font-size:clamp(0.875rem, 0.7396rem + 16.6667vw, 1rem);padding: 10px;font-weight: 500;background: var(--alert_warning)}

[swform] [separator20]{height: 20px;display: flex;width: 100%;padding: 0;margin: 0;}

[data-connect] [swform] [body]{padding:0;}

label[checkcontract]{display:flex;flex-direction: row; margin:20px 0;}
label[checkcontract] input{margin:0;width:17px;height: 17px;}
label[checkcontract] > [contracttext]{display:flex;width: 100%;padding-left: 20px;font-size: 13px;font-weight: 600;}
label[checkcontract] > [contracttext] a {display:unset;padding: 0;}

[radio] label{margin:5px 10px;}
[radio] input[type="radio"]{display: none;}
[radio] input[type="radio"] + span{width: 25px;display: flex;padding: 5px;box-shadow: var(--insetshadow);pointer-events: none;position: relative;transition: var(--transition);aspect-ratio:1 / 1;border-radius: 50%;cursor: pointer;} 
[radio] input[type="radio"] + span:before{width:15px;aspect-ratio:1 / 1;content: '';border-radius:50%;transition: var(--transition);position: absolute;}
[radio] input[type="radio"]:checked + span:before{background: var(--themegreen);} 

[checkbox]{width:50px;display: flex;overflow: hidden;}
[checkbox] > input{position: absolute;left: -100px;display: none;} 
[checkbox] span{width:100%;background:var(--disable);height: 25px;border-radius: 50px;display: flex;padding: 2.5px;box-shadow: var(--insetshadow);pointer-events: none;position: relative;transition: var(--transition);} 
[checkbox] input[type="checkbox"] + span[yn]{background:var(--themered);}
[checkbox] input[type="checkbox"] + span:before{width:20px;aspect-ratio:1 / 1;background: var(--whitecolor);content: '';border-radius:50%;transition: var(--transition);position: absolute;left: 2.5px;}
[checkbox] input[type="checkbox"]:checked + span{background:var(--themegreen);} 
[checkbox] input[type="checkbox"]:checked + span:before{left: calc(100% - 22.5px);} 


[element][multi] {justify-content: space-between; }
[element][multi] > *{margin: 0 5px;}
[element][multi] > *:last-child{margin-right: 0;}
[element][multi] > *:first-child{margin-left: 0;}

section.payment-page #tutar{ font-size: 28px;display: flex; margin-top: 20px;}

button{border: none;background:transparent;cursor: pointer;}
button, [button],button{width: fit-content; display: flex;flex-direction: row;align-items: center;justify-content: space-evenly;color:var(--whitecolor);/*font-size: 15px;*/text-wrap: nowrap;font-weight:600;border-radius:var(--inputRadius);border:1px solid var(--defaultbordercolor); font-family: var(--inputFont);transition: var(--transition);padding:0 15px; min-height: 30px;}
button[col], [button][col]{flex-direction: column;display: flex;flex-wrap: nowrap;align-items: center;padding:7px 15px;min-height: 60px;}

[button][bigsize] {font-size: clamp(1.125rem, 0.9896rem + 16.6667vw, 1.25rem);}

button[full], [button][full]{ width: 100%;}

button > i, [button] > i{display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;font-size: 20px;}
button > span, [button] > span{padding:0;}
button > i + span, button > span + i, [button] > i + span, [button] > span + i{padding-left:7px;}
button[col] > i + span, button[col] > span + i, [button][col] > i + span, [button][col] > span + i{padding:0;padding-top: 4px;}

button[empty], [button][empty] {background-color:var(--empty);color:var(--maincolor);}
button[theme], [button][theme]{background-color:var(--activecolor);}
button[blue], [button][blue]{background-color:var(--maincolor);}
button[red], [button][red]{background-color:var(--themered);}
button[orange], [button][orange]{background-color:var(--orange);}
button[green], [button][green]{background-color:var(--themegreen);}
button[blue], [button][blue]{background-color:var(--themeblue);}
button[grey], [button][grey]{background-color:var(--sitecolor-softlight);color:var(--maincolor);}
button:hover, [button]:hover{filter:brightness(110%);}





[notfound]{display:flex;width: 100%;align-items: center;justify-content: center;padding: 5vw 5%;}
[notfound] > [content]{width:100%;max-width: 800px; display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 2vw 0;} 
[notfound] > [content] > i {font-size:clamp(6.25rem, 4.8958rem + 166.6667vw, 7.5rem);display: flex;align-items: center;justify-content: center;text-align: center;margin-bottom: 30px;color:var(--activecolor);}
[notfound] > [content] > [result] {opacity: .7; font-size:clamp(0.875rem, 0.8029rem + 0.4615vw, 1.0625rem);font-weight:400; display: flex;align-items: center;justify-content: center;text-align: center;margin-bottom: 10px;}
[notfound] > [content] > [question] {opacity: .7; font-size:clamp(1.25rem, 0.9115rem + 41.6667vw, 1.5625rem);font-weight: 600; display: flex;align-items: center;justify-content: center;text-align: center;}
[notfound] > [content] > [selections] {display: flex;;width: 100%;margin: 0;list-style: none; padding: 25px 0 ;flex-wrap: wrap; justify-content: center;}
[notfound] > [content] > [selections] > li{display: flex; width: max-content;padding:var(--boxspace);align-items: center;justify-content: center;}
[notfound] > [content] > [selections] > li > a {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center; border-radius:var(--boxradius);border: 1px solid var(--boxbordercolor); background:var(--boxbgcolor);box-shadow:var(--boxshadow2);position: relative;padding: 15px;width: max-content;text-align: center;}  
[notfound] > [content] > [selections] > li > a > i{font-size:min(4vw, 25px);;color:var(--activecolor);}
[notfound] > [content] > [selections] * {text-wrap: nowrap;width: 100%;} 
[notfound] > [content] > [buttons]{display: flex;width: fit-content;height: 45px;margin-top: 15px;} 
[notfound] > [content] > [buttons] * {height: 100%;margin: 0 5px;} 




[completed]{display:flex;width: 100%;align-items: center;justify-content: center;padding:var(--defaultpadding);}
[completed] > [content]{width:100%;max-width: 800px; display: flex;flex-direction: column;justify-content: center;align-items: center;} 
[completed] > [content] > i {font-size:clamp(6.25rem, 4.8958rem + 166.6667vw, 7.5rem);display: flex;align-items: center;justify-content: center;text-align: center;margin-bottom: 30px;color:var(--activecolor);}
[completed] > [content] > [result] {opacity: .7; font-size:clamp(0.875rem, 0.8029rem + 0.4615vw, 1.0625rem);font-weight:400; display: flex;align-items: center;justify-content: center;text-align: center;margin-bottom: 10px;}
[completed] > [content] > [question] {opacity: .7; font-size:clamp(1.25rem, 0.9115rem + 41.6667vw, 1.5625rem);font-weight: 600; display: flex;align-items: center;justify-content: center;text-align: center;}
[completed] > [content] > [buttons]{display: flex;width: fit-content;height: 45px;margin-top: 15px;} 
[completed] > [content] > [buttons] * {height: 100%;margin: 0 5px;} 
[completed] > [content] > [code] {padding: 10px;display: flex;border: 1px solid var(--boxbordercolor);margin-bottom: 10px;font-size: clamp(0.875rem, 0.8073rem + 8.3333vw, 0.9375rem);font-weight: 600;background: var(--themegrey);border-radius: var(--boxradius);}


[contract] {display: flex;width: 100%;flex-direction: column;margin:calc(var(--defaultpadding) / 2) 0;padding:calc(var(--defaultpadding) / 2);border: 1px solid var(--boxbordercolor);border-radius: var(--boxradius);} 
[contract] [header]{display: flex;width: 100%;justify-content: space-between;}
[contract] [body]{display: none;width: 100%;flex-direction: column;overflow: auto;}

[subheading] {display: flex;width: 100%;margin:calc(var(--defaultpadding) / 2) 0;padding:calc(var(--defaultpadding) / 2);background:#004f9b;color:#FFF;border-radius: var(--boxradius);}

[tablecontainer]{width: 100%;display: flex;flex-direction: column;}
[tablecontainer] table { width: 100%;  border-collapse: collapse; }
[tablecontainer] tr:nth-of-type(odd) { /*background:#fbfbfb*/ }
[tablecontainer] th {font-weight: 600; }
[tablecontainer] td, [tablecontainer] th { border:1px solid var(--sitecolor-softlight); padding: min(4vw, 14px) 10px; }
[tablecontainer] thead td{font-weight: 600;font-size: min(4vw, 14px);}
[tablecontainer] tbody td{font-weight: 500;font-size: min(4vw, 14px);}
[tablecontainer] thead tr { background:var(--sitecolor-dark) !important;}
[tablecontainer] td[center] a {margin: auto;}

td[center]{text-align: center;}
td[right]{text-align: right;}

[order-status] {width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
[order-status] > [status-text] {padding:15px 25px;border-radius:var(--boxradius);border: 1px solid var(--themegrey);font-weight: 600;font-size: 20px;text-align: center;}
[order-status] > [status-text][green] {color:var(--themegreen);}
[order-status] > [status-text][red] {color:var(--themered);}
[order-status] > [status-text][blue] {color:var(--themeblue);}



[products][box] ul.populer_kategoriler > li{width: calc(100% / 3);padding: 7px;}
[products][box] ul.populer_kategoriler > li > a{width:100%;display: flex;flex-direction: column;}
[products][box] ul.populer_kategoriler > li > a > .img{width:100%;overflow: hidden;border-top-left-radius:3px;border-top-right-radius:3px;display: flex;}
[products][box] ul.populer_kategoriler > li > a > .img > img{width:100%;transition:var(--transition);}
[products][box] ul.populer_kategoriler > li > a > strong{width:100%;font-weight: 600;background: var(--activecolor);color: #FFF;padding: 10px;font-size: 15px;text-align: center;}
[products][box] ul.populer_kategoriler > li > a:hover > .img > img{transform: scale(1.1); filter: brightness(1.2);transition:var(--transition);}

@media only screen and (max-width: 950px)  {
	[tablecontainer] table, [tablecontainer] thead, [tablecontainer] tbody, [tablecontainer] tfoot, [tablecontainer] th, [tablecontainer] td, [tablecontainer] tr {  display: block;  }
	[tablecontainer] thead tr { position: absolute;top: -9999px;left: -9999px; background: none;}
	[tablecontainer] td[data-cellname] {border: none;border-bottom: 1px solid var(--boxbordercolor); position: relative;padding-left:min(45%, 200px);}
    [tablecontainer] td[center], [tablecontainer] td[right]{text-align: left;}
    [tablecontainer] td[center] a{margin-left: unset;}
	
	[tablecontainer] tr{display: flex;flex-direction: column;border: 1px solid var(--boxbordercolor);border-radius: var(--boxradius);margin-bottom: 10px;}
	[tablecontainer] td[data-cellname]:before {position: absolute;top: 0;left: 15px;padding-right: 10px;white-space: nowrap;bottom: 0;margin: auto;height: fit-content;/*width: 100%;*/}
	[tablecontainer] td[data-cellname]:before { content:attr(data-cellname);font-weight: 600; }
	[tablecontainer] tr td:last-child{border-bottom:none;} 
    [tablecontainer] 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;border-radius:2px;box-shadow: var(--boxshadow);background: var(--boxbgcolor);padding:10px;} 
.sw_popup_content > .append > .sw_popup_txt{flex-direction: column;display: flex;width: 100%;padding:var(--defaultpadding);font-size: clamp(0.875rem, 0.7396rem + 16.6667vw, 1rem);} 
.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(--btntransition);filter: brightness(.9);font-size:clamp(1rem, 0.9792rem + 0.6667vw, 1.1875rem);font-weight:600;} 
.sw_popup_content > .append > .sw_popup_buttons > button.sw_popup_ok{ background-color:#34cb93;}
.sw_popup_content > .append > .sw_popup_buttons > button.sw_popup_no{ background-color:#ff7272;}
.sw_popup_content > .append > .sw_popup_buttons> button:hover{filter: brightness(1.1);transition: var(--btntransition);} 
.sw_popup_content > .sw_popup_kapat {position: absolute;width:30px;height:30px;display: flex;align-items: center;justify-content: center;background: var(--boxbgcolor);border-radius: 500px;top: -15px;right: -15px;box-shadow: var(--boxshadow);cursor:pointer;font-size: 25px;}
.sw_popup_content > .sw_popup_kapat:hover {color:#ff7272;}
.sw_popup_content > .append:has(> .sw_popup_txt) {padding: 0;border-radius: var(--boxradius);} 
.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(--activecolor);}
.sw_popup_content > .append:has(> .popup_body > form) {padding: 0;border-radius: var(--boxradius);} 
.sw_popup_content > .append:has(> .popup_body > [tabbar]) {padding: 0;border-radius: var(--boxradius);} 
.sw_popup_content > .append > .popup_body:has(> [tabbar]){padding: 0;} 
.sw_popup_content > .append .popup_body:has(> form) {padding: 0;} 




[adress_list_form] {width:100%;display: flex;flex-direction: column;padding: var(--defaultpadding);}
[adress_list_form] label{width: 100%;display: flex;flex-direction: column;margin-bottom: 15px;border: 1px solid var(--themegrey);border-radius: var(--boxradius);padding: var(--defaultpadding);align-items: flex-start;position: relative;cursor: pointer;}
[adress_list_form] label:last-of-type {margin-bottom: 0;}
[adress_list_form] label > [icons] {position:absolute;width: 30px;right:-10px;top:-10px;display: flex;align-items: center;justify-content: center;font-size: 30px;color:var(--maincolor);border-radius: 500px;background:var(--sitecolor-softlight);}
[adress_list_form] label > [icons] > i {display: flex;}
[adress_list_form] label > [icons] > i[active]{display: none;}
[adress_list_form] label.active {border-color:var(--activecolor); } 
[adress_list_form] label.active > [icons] > i[active]{display: flex;color:var(--themegreen);}
[adress_list_form] label.active > [icons] > i:not([active]){display: none;}

[adress_list_form] label > *[data-text]{display: flex;align-items: flex-start;width: 100%;}
[adress_list_form] label > *:empty{display:none;}
[adress_list_form] label > *:before{content: attr(data-text);font-weight: 600;width: 70px;display: flex;margin-right: 5px;}



[thebanks] {width:100%;display: flex;flex-direction: column;}
[thebanks] [bankstitle]{width: 100%;display: flex;font-size: 16px;font-weight: 600;text-align: center;justify-content: center;padding: var(--defaultpadding);}



[cms-main] {display: flex;width: 100%;padding:5% 2%;justify-content: center;padding-top: calc(var(--boxspace) * 2);container-type: inline-size;contain: layout inline-size;}
[cms-main] > section {width: 100%;display: flex;flex-direction: column;max-width: var(--maxwidth);padding: var(--defaultpadding);}
[cms-main] > section > h1.title{display: flex;width: 100%;font-weight: 600;padding:var(--defaultpadding) 0;margin: 0; font-size: 25px;}
[cms-main] > section > .entry{display: block;width: 100%;font-weight: 400;font-size: 16px;line-height: 25px;}

[cms-main] [contact-map]{display: flex;width: 100%;min-height: 400px;padding: var(--defaultpadding);}
[contact-main] {width: 100%;display: flex;}
[contact-main] [contact-left],
[contact-main] [contact-right]{width: 100%;display: flex;flex-direction: column;padding: var(--defaultpadding);}
[contact-main] [contact-right]{justify-content: center;}

[contact-main] [contact-right] div{display: flex;width: 100%;font-size: 16px;margin-bottom: 20px;align-items: flex-start;}
[contact-main] [contact-right] div:last-of-type{margin-bottom:0;}
[contact-main] [contact-right] div > i{display: flex;font-size: 30px;margin-right: 15px;}
[contact-main] [contact-right] div > strong,
[contact-main] [contact-right] div > span{display: flex;padding-top:5px}




/*
 --boxbgcolor:#FFF;
    --boxbordercolor:#f2f2f2;
    --boxmargin: 10px;
    --boxspace:calc(var(--boxmargin) * .5);
    --boxradius : 10px;*/


.search_content { position:absolute; top:100%; left:0; z-index:3; width:100%; background-color: #fff; }
.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; }


a.whatsapp{ position: fixed; left:30px; bottom:30px; width:80px; height:80px; text-align:center; font-size:54px; z-index:5;box-shadow: 0 4px 10px 0 rgba(46,58,70,0.35); background-color: #fff; border:0; border-radius: 40px; line-height:80px; }
a.whatsapp i{ color:#25d366; }
a.whatsapp:hover i{ color:#159012;}

@media screen and (max-width:1360px) {
    header > .middle,
    footer,
    #bread-crumbs{padding:0 20px;}
    
    footer + .bottom{padding:30px 20px;}
    
}

@media screen and (max-width:1150px) {
    header > .middle > .left > a.sys.menutoggle {display: flex;}
    header .bottom > nav{display: none;}
	header{background-color:var(--activecolor);}
    .call-whatsapp{display: none;}
 }



@media screen and (max-width:1024px) {
    header > .middle > .center{width:200px;}
}

@media screen and (max-width:920px) {
    footer ul.nav > li{ width:33%; }
	
	a.sys.menutoggle > span,
    a.sys.createdesign > span,
    a.sys.menu > span{display:none;}
	a.sys.menu{border: none;}
	a.sys.menu > i {margin-right: 0;}
    a.sys.createdesign{border:none;}
    .sys.createdesign > i{width:fit-content;}
	
	[usermenu],
	header > .middle > .right > a.sys.menu{margin-left: 5px;}
    
    header > .middle > .right > a.sys.menu.fav {display:none;}
	[usermenu] > li > i{top: 70%;}
}





@media screen and (max-width:850px) {
	
	[products][box] ul.populer_kategoriler > li{width: calc(100% / 2);}

    .sys.createdesign > span:before{display:none;}
    
    header > .middle,
    footer,
    #bread-crumbs{padding:0 5%;}
    
    footer + .bottom{padding: 20px 5%;}
}

@media screen and (max-width:750px) {
    
    
    header > .middle{height: 55px;}
    header > .middle > .center{width: 150px;padding-top: 5px;}

    
    

    
    footer + .bottom > .swc > .left{display:none;}
    footer + .bottom > .swc > .center > .payment{background-position: left center;}
	
	 
	#searchpopup form input[type=text] {width:calc(100% - 40px);}
	#searchpopup form button {width:40px;}
	#searchpopup form button.clearbtn {right: 40px; }
	#searchpopup > strong{display:none;}
    
    .zoomContainer{pointer-events: none;display: none !important; }
    [productMain] [productimages] [avatar] figure > a > img{pointer-events: none;}
    
    
    footer ul.nav > li{ width:50%; }
    footer ul.nav > li:last-child{padding: 0; }
	
}
@media screen and (max-width:700px) {
    #slider .swiper-slide[data-mobil="true"]{display: flex;}
    #slider .swiper-slide[data-mobil="false"]{display: none;}
    #slider{ aspect-ratio:1080 / 1350;}
    
    
    a.whatsapp{left: unset;right: 30px;bottom: 70px;transform: scale(0.8);} 
    
}
@container (width <= 690px){
   
   [contact-main]{flex-direction:column;}

}


@media screen and (max-width:550px) {
    /*#bread-crumbs{display:none;}*/
    footer .socialcontainer .icons > a {font-size: min(5vw, 25px);padding: min(2vw, 6px);} 
    
    [element][multi]{flex-direction:column;}
	[element][multi] > *{width: 100%;margin: 0; margin-bottom: 10px;}
	[element][mini] > *{width:100%;} 
    
    
    footer ul.nav > li{ width: 100%; }
	
	footer ul.nav > li > .logo{width: 50%;}
	footer .socialcontainer{align-items: flex-start;}
	header .socialcontainer{display: none;}
    
	footer ul.nav > li:last-child{padding:15px;}
	
	
    header > .middle > .right > a.sys.search{display: none;}
    header > .middle > .left > a.sys.search{display: flex;}
    
}

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


@media screen and (max-width:440px) {
    
   
    footer .socialcontainer .icons > a {font-size: min(10vw, 25px);} 
    
    footer + .bottom { padding: 15px 5%;}
    footer + .bottom > .swc > .center > .payment{height: 20px;}
    footer + .bottom > .swc > .right > a.sw{height: 20px;}
    
    header select{padding: 0 5px;}
    
}
@media screen and (max-width:400px) {
    header select{padding: 0 2px;}
    header {padding: 0 1%;}
		[products][box] ul.populer_kategoriler > li{width:100%;}

}
    
@media screen and (max-width:379px) {
	header > .middle > .center{width: 100px;}
}