@charset "utf-8";

:root{
	--f17 : clamp(1rem, 0.9884rem + 0.0617vi, 1.0625rem);
}
 

[productDetailPage] [header], 
[productDetailPage] [body], 
[productDetailPage] [footer],
[detailbox]{ padding:var(--boxspace);display:flex;width:100%;} 

[productName] {width: 100%;display: flex;align-items: center; font-size: var(--f25);font-weight: 600;margin: 0; padding:0 var(--pboxspace); } 


[productDetailPage]{display:flex;width: 100%;padding: 0 2%;justify-content: center;padding-top:calc(var(--boxspace) * 2);container-type: inline-size;contain: layout inline-size;}
[productDetailPage] > [productMain]{display:flex;width: 100%;flex-direction: column;max-width:1150px; /*var(--detailPageWidth)*/;}

[productMain] > [header]{display:flex;width: 100%;}
[productMain] > [body]{display:flex;width: 100%;justify-content: space-between;}

[productDetailPage] [defaultbox] {padding: var(--defaultpadding);} 
[productDetailPage] [defaultbox][reset] {padding:0;overflow: hidden;} 


[productMain] [productimages]{display:flex;width:50%;flex-direction: column;}
[productMain] [productimages] [avatar]{display:flex;width:100%;/*padding: min(2vw, 25px);*/}
[productMain] [productimages] [avatar] figure{display:flex;width:100%;padding: 0;margin: 0;}
[productMain] [productimages] [avatar] figure > a#buyuk{display:flex;width:100%;padding: 0;margin: 0;position:relative; }
[productMain] [productimages] [avatar] figure > a > img{width: 100%;height: auto;float: left;}

[productMain] [productimages] [otherimages]{display:flex;width:100%;padding: 0;}
[productMain] [productimages] [otherimages] > ul{display:flex;width:100%;flex-wrap: wrap;margin: 0;padding: 0; list-style: none;}
[productMain] [productimages] [otherimages] > ul > li{display:flex;width:50%;flex-wrap: wrap;padding:var(--pboxspace);}
[productMain] [productimages] [otherimages] > ul > li > a{display:flex;width:100%;}
[productMain] [productimages] [otherimages] > ul > li > a > span{display:flex;width:100%;padding:min(2vw, 25px);aspect-ratio:1;align-items: center;justify-content: center;}
[productMain] [productimages] [otherimages] > ul > li > a > span > img{width: 100%;height: auto;}

[productMain] [productimages] [note]{display:flex;width:100%;font-size:var(--f14);font-weight: 600;border-left: 10px solid var(--activecolor);}


[productMain] [productForm]{display:flex;width:50%;flex-direction: column;}
[productMain] [productForm] [productName]{ font-size:var(--f25t20); margin-top: 0;padding:0;}
[productMain] [productForm] form{display: flex;flex-direction: column;width: 100%;container-type: inline-size;contain: layout inline-size;}
[productMain] [productForm] [defaultbox]{width:100%;}

[productMain] [productForm] [pricesAndadvantages]{padding: var(--defaultpadding);display:flex;width: 100%;justify-content: space-between;align-items: center;flex-wrap: wrap}

[productMain] [productForm] [prices]{display:flex;flex-direction: column;align-items: flex-start;width: fit-content;margin-bottom: 15px;}
[productMain] [productForm] [prices] [oldprice]{font-weight:500;display:flex;align-items:center;justify-content:center;width:fit-content;margin:0;font-size:min(1.5vw, 15px);}
[productMain] [productForm] [prices] [priceinfo]{font-weight:500;display:flex;width:fit-content;font-size:min(2.5vw, 13px);}
[productMain] [productForm] [prices] [newprice]{font-size:var(--f25);font-weight: 700;}

[productMain] [productForm] [additionalDiscount] {padding: min(1.5vw, 13px);}
[productMain] [productForm] [additionalDiscount] > span{font-style: italic;font-size:min(3vw, 20px);text-align: center;}

[advantages] {display:flex;flex-wrap: nowrap;width:min-content;justify-content: flex-end;}

[advantages] section{display:flex;width: 100%; padding: var(--boxspace);font-size: 12px;}
[advantages] section > *{width: 100%;display:flex;flex-direction: column;text-align: center;border: 2px solid var(--activecolor);border-radius: var(--boxradius);padding: var(--pboxspace);}
[advantages] section > * > span{font-size:25px;transition:var(--transition);}
[advantages] section:last-of-type{padding-right: 0;}
[advantages] section:first-of-type{padding-left: 0;}
[advantages] [discount] > div {justify-content: center;align-items: center;}
[advantages] [discount] [data-percent] {font-size:min(2.5vw, 27px);font-weight: 700;display: flex;}
[advantages] [discount] [data-percent]:before {content:attr(data-percent); font-size:min(2.5vw, 15px);display: flex;align-items: center;}

[advantages] section:hover > * > span{color:var(--activecolor);transition:var(--transition);}



[customized] {flex-direction: column;}
[customized] > .selectname{width: 100%;display: flex; font-weight: 700;font-size:var(--f35t20);color:var(--activecolor);font-family: var(--subfont2);margin-bottom: 10px;}
[customized] > .selectdesc{width: 100%;display: flex; font-weight: 500;font-size:14px;opacity: .7;color:var(--maincolor);}


#urunmodel{display: flex;width: 100%;height: 55px;margin: var(--pboxspace) 0;}

[adddesignbtn]{width: 100%;display: flex;align-items: center;flex-direction: column;margin-top: var(--pboxspace);justify-content: space-between;}
[adddesignbtn] > [toptext] { width: 100%;display: flex;justify-content: center;font-weight: 700;font-size:min(2.5vw, 50px);color:var(--activecolor);font-family: var(--subfont2);}
[adddesignbtn] > [bottomtext] { width: 100%;display: flex;justify-content: center; font-weight: 500;font-size:min(2.5vw, 16px);opacity: .5;margin-bottom: var(--pboxspace);}
[adddesignbtn] > button {width:100%;height: 55px;margin: var(--pboxspace) 0;border: 1px solid var(--defaultbordercolor);background: var(--themegreen);color:var(--boxbgcolor);border-radius:var(--inputRadius); display: flex;align-items: center;justify-content: center;padding:0 min(2.5vw, 33px);font-weight: 600;font-size:min(1.5vw, 16px); transition: var(--transition); }
[adddesignbtn] > button:hover{transition: var(--transition);filter:brightness(1.1);} 
[customized] [buttons] {container-type: inline-size;contain: layout inline-size;width: 100%;display: flex;margin-top: var(--pboxspace);justify-content: space-between;}
 


#kt_inputs{width:100%;display: flex;flex-direction: column;}
#kt_inputs > div{width:100%;display: flex;position: relative;height: 55px;margin:var(--pboxspace) 0;overflow: hidden;border-radius:var(--inputRadius); }
#kt_inputs > div > .selectname{width: max-content;height: 100%; display: flex;align-items: center;justify-content: center;background: var(--themegreen);color:#FFF;font-weight: 600;font-size:min(2.5vw, 14px);position: relative;padding: 0 0 0 20px;}
#kt_inputs > div > .selectname:after {display: block;height: 0px;width: 0px;border: 35px solid transparent;border-left-color:var(--themegreen);position: absolute;bottom: 0;left: 100%;content: '';top: 0;margin: auto;border-left-width: 15px;}
#kt_inputs > div > input{font-weight: 600; width:100%;height: 100%;border-top-left-radius: 0;border-bottom-left-radius: 0;padding-left: 25px; border-color:var(--themegreen);transition:var(--transition);}
#kt_inputs > div > input:focus{border-color:var(--activecolor);transition:var(--transition);}


[productform] input, [productform] select{height: 55px;}
[productform] input, [productform] select, [productform] textarea {font-weight: 500;font-size:var(--f17); } 
[productform] textarea {height: 90px;} 

#sw_secenek_html{display:flex;width: 100%;flex-direction: column;}
#sw_secenek_html > .row{display:flex;width: 100%;flex-direction: column;margin:var(--pboxspace) 0;}
#sw_secenek_html > .row > label{display:flex;width: 100%;font-weight: 700;font-size:var(--f15);padding: var(--boxspace) 0;}
#sw_secenek_html > .row > select{width: 100%;height: 55px;}
 

.sw_numeric_counter{ display:flex;width:135px;height: 55px;border:var(--inputBorder);overflow: hidden;border-radius:var(--inputRadius);border-color:var(--activecolor); }
.sw_numeric_counter:hover{ border-color:var(--activecolor);}
.sw_numeric_counter > *{ display:flex;width: fit-content;height: 100%;}
.sw_numeric_counter > button{ display:flex;align-items: center;justify-content: center;width: 40px;position: relative;}
.sw_numeric_counter > button:before{position: absolute; width: 30px;height: 30px;left: 0;right: 0;bottom: 0;top: 0;margin: auto;display: flex;align-items: center;justify-content: center;transition:var(--transition1);font-size:20px;color:var(--maincolor);}
.sw_numeric_counter > button:hover:before{font-size:30px;color:var(--activecolor);}
.sw_numeric_counter > label{position: relative;}
.sw_numeric_counter > label > span{position: absolute;left: 0;right: 0;bottom: 0;height: 25px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 10px;font-weight: 500;opacity: .7;color:var(--sitecolor-dark)}
.sw_numeric_counter > label > input{border-radius: 0;border: none;width:50px;height: 100%; text-align: center;padding: 0;border-right: 1px solid var(--boxbordercolor);border-left: 1px solid var(--boxbordercolor);padding-bottom:12.5px;}


#sepet_ekle{width:calc( 100% - 250px); height: 55px;border: 1px solid var(--defaultbordercolor);background: var(--activecolor);border-radius:var(--inputRadius); display: flex;align-items: center;justify-content: center;padding:0 min(2.5vw, 33px);font-weight: 600;font-size:var(--f17);color:var(--maincolor); transition: var(--transition); }
#sepet_ekle > *{display:flex;width: fit-content;padding: 0 2.5px;color:#FFF;mix-blend-mode:normal;}
#sepet_ekle > i{font-size:var(--f25);}
#sepet_ekle:hover{transition: var(--transition);filter:brightness(1.1);} 


[addfavories] {width: 95px; display: flex;flex-direction: column;align-items: center; font-size:min(2vw, 13px); font-weight: 600;justify-content: space-evenly;text-align: center;border-radius: var(--inputRadius);height: 100%;transition: var(--transition);opacity: .6;} 
[addfavories] > i{display: flex;flex-direction: column;align-items: center;justify-content: center;font-size:min(2vw, 20px); } 
[addfavories]:hover{color:var(--themered);opacity: 1;} 

[productMain] > [footer]{display:flex;width: 100%;}

[minibuttons] {width: 100%;display: flex;}
[minibuttons] > a {display: flex;align-items: center;font-size:min(2vw, 13px); font-weight: 500;color:var(--maincolor);width:25%;justify-content: flex-start;flex-direction: column;padding: 0 7px;transition: var(--transition);text-align: center;opacity: .6;}
[minibuttons] > a:hover{transition: var(--transition);opacity: 1;color:var(--activecolor);}
[minibuttons] > a > i{font-size: 20px;margin-bottom: 10px; }
 




[otherproducts]{container-type: inline-size;contain: layout inline-size; padding: var(--pboxspace);}
[otherproducts][products] [boxContaniner] > [body] > [details] [prices]{display: none;}
[otherproducts][products][table] > ul > li{width: 33.3333%;}
[otherproducts][products] [boxContaniner] > [body] > [action] > [text]{font-size: min(0.8vw, 20px);}
[otherproducts][products][table] ul,
[otherproducts][products][table] > ul > li{border: none;}

[otherproducts][products] [boxContaniner] [footer]{justify-content: flex-end;}
[otherproducts][products] [additionalDiscount] {padding:min(1vw, 7px);}
[otherproducts][products] [additionalDiscount] > span{font-size: min(0.8vw, 15px);}

.sepette_ek_indirim {width:100%;display: flex;justify-content:space-between;padding: calc(var(--boxspace) * 2) calc(var(--boxspace) * 2);background: var(--themegreen);/*transition: var(--transition);animation: colorchange 4s ease-in-out infinite;animation-duration: 20s;*/color:#FFF;font-size: 15px;font-weight: 600;box-shadow: var(--boxshadow2);}
.sepette_ek_indirim > .left{width:fit-content;}

[otherproducts] > [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;padding: calc(var(--pboxspace) * 2); margin-bottom: var(--pboxspace);  border-bottom:1px solid var(--themegrey); }

[productform] [tabbar] > [tabbuttons] > [data-connect]{font-size:var(--f15);} 
[productform] [tabbar] > [tabbuttons] > [data-connect] > i {font-size:var(--f20);}
[productform] [tabbar] > [tabcontents] > [data-connect]{padding: 12.5px 25px;}





[first-order]{width:100%;display: flex;padding: calc(var(--boxspace) * 2) calc(var(--boxspace) * 2);justify-content: center;background: antiquewhite;container-type: inline-size;contain: layout inline-size;}
[first-order] > div{width:100%;display: flex;max-width:calc(var(--detailPageWidth) - calc(var(--boxspace) * 3));padding:calc(var(--defaultpadding) * .5); text-align: center;border-radius:var(--boxradius);justify-content: center;align-items: center;text-wrap:nowrap;}
[first-order] > div > em{font-size:11px;font-style: normal;padding:0 10px;}
[first-order] > div  > span{font-size:25px;font-weight: 600;}
[first-order] > div  > strong{font-size:25px;font-weight: 700;color: var(--activecolor);}


/*ppuan*/

section[ppuan] {display: flex;width: 100%;background: var(--themegrey);justify-content: center;padding:5px;font-size: 14px; }

a.link.bedentablosu{display: flex;width: 100%;text-align: center;font-size: 16px;align-items: center;justify-content:center;font-weight: 600;}
a.link.bedentablosu > i{margin-right:15px;font-size: 20px;}

.sorusor-container{display: flex;width: 100%;flex-direction: column;justify-content: center;} 
.sorusor-container > *{display: flex;width: 100%;justify-content: center;margin-bottom: 15px;text-align: center;} 

.soru_listesi {display: flex;width: 100%;}
.soru_listesi > .question_list {display: flex;width: 100%;flex-direction: column;border-top:1px solid var(--themegrey); }
.soru_listesi > .question_list > .question_box{display: flex;flex-direction: column;width: 100%;border-bottom:1px solid var(--themegrey);padding:var(--defaultpadding) 0; }
.soru_listesi > .question_list > .question_box:last-of-type{border-bottom: 0; }
.soru_listesi > .question_list > .question_box > [contain] {display: flex;width: 100%;flex-direction: column;margin-bottom: 7px;} 
.soru_listesi > .question_list > .question_box > .question_title > .user{display: flex;width: 100%;font-size: 13px;font-weight: 400;} 
.soru_listesi > .question_list > .question_box > .question_title > .subject{display: flex;width: 100%;font-size: 15px;font-weight: 600;} 

.soru_listesi > .question_list > .question_box > .question_body,
.soru_listesi > .question_list > .question_box > .answer{display: flex;width: 100%;font-size: 13px;padding: 7px;border-radius:var(--boxradius);background: rgba(0,0,0,.05); } 
.soru_listesi > .question_list > .question_box > [contain] > *{display: flex;width: 100%;font-size: 13px; } 
.soru_listesi > .question_list > .question_box > [contain] > .baslik{font-size: 13px;font-weight: 600;}

.soru_listesi > .question_list > .question_box > [contain]  > .date{font-size: 11px;} 
.soru_listesi > .question_list > .question_box > .answer {border-color: var(--activecolor); background:cornsilk;}


.yorum-container{display: flex;width: 100%;flex-direction: column;justify-content: center;} 
.yorum-container > *{display: flex;width: 100%;justify-content: center;margin-bottom: 15px;text-align: center;} 
.uyari[element]{ flex-direction: column;} 
.uyari[element] > .alert{font-weight: 400;font-size: 13px;} 
.comments{display: flex;width: 100%;flex-direction: column;}
.comments > .comment{display: flex;width: 100%;flex-direction: column;padding:var(--defaultpadding);border: 1px solid var(--themegrey);border-radius:10px;margin-bottom: 15px; }
.comments > .comment:last-of-type{margin-bottom:0;}
.comments > .comment > .comment-info{display: flex;width: 100%;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.comments > .comment > .comment-info > .comment-subject {display: flex;width: 100%;flex-direction: column;}
.comments > .comment > .comment-info > .comment-subject > strong {display: flex;width: fit-content;font-weight: 600;font-size: 15px;}
.comments > .comment > .comment-info > .comment-subject:after {content: attr(data-date);width: fit-content;display: flex;font-size: 12px;opacity: .7;}

.comments > .comment > .comment-info > .stars {display:flex;flex-direction: row;width: fit-content;color:var(--activecolor);}
.comments > .comment > .comment-info > .stars > i{display:flex;align-items: center;justify-content: center;font-size: 15px;margin-left: 1px;}
.comments > .comment > .comment-entry{display: block;width: 100%;}



@media screen and (max-width:850px) {
    .sepette_ek_indirim > .left {display:none;}
}

@container (width <= 750px){
    [productMain] > [body]{flex-direction: column;}
	[productMain] [productimages], [productMain] [productform] {width:100%;}
	[otherproducts][products][table] > ul > li { width: 50%;}
    
    [productDetailPage] [body] {padding:0;}
    [first-order] > div {flex-direction: column;}

  }

@media screen and (max-width:700px) {
	
	.sepette_ek_indirim{flex-direction: column; align-items: center;text-align: center; padding-top:50px; }
	.sepette_ek_indirim > .right{font-weight: 700;padding-top: 5px;}
}




@container (width <= 450px){
    
    [productDetailPage] [defaultbox] { padding:calc(var(--defaultpadding) * .5);}
    [addfavories]{display: none;}
    #sepet_ekle{width:calc( 100% - 145px); }
}


@container (width <= 430px){
   #kt_inputs > div > .selectname{width: 100%;justify-content: flex-start;height: auto;padding: 7px 20px;}
	#kt_inputs > div > .selectname:after{display: none;}
	#kt_inputs > div{flex-direction: column;height: auto;}
	#kt_inputs > div > input{width: 100%;height: 45px;border-bottom-left-radius:var(--inputRadius);border-top-right-radius:0} 

}

@container (width <= 390px){
	/*[productMain] [productForm] [pricesAndadvantages] {flex-direction: column;}
	
	[advantages]{margin-top: 15px;}
	[advantages] section { padding: calc(var(--boxspace) / 2); }
	[advantages] section > * {border-radius:calc(var(--boxradius) / 2);padding:calc(var(--boxspace) / 2);flex-direction:row;}
	[advantages] section > * > strong{padding-left: 7px;}*/
	
	
    [productform] [tabbar] > [tabbuttons] > [data-connect] > span{display:none;} 
    [tabbar] > [tabbuttons] > [data-connect] > i{margin-right:0;}

}




@container (width <= 330px){
   #adet_sec{display: none;} 
	#sepet_ekle{width: 100%;} 
	[minibuttons] > a > span{display:none;} 
	[minibuttons] > a > i {margin-bottom:0;}

}