/* giriş metni */
.Title_Text_Section{position:relative;display:flex;justify-content:space-between;overflow:visible;gap:2rem}
.Title_Text_Section .Absolute_Img{width:160px;aspect-ratio:1;margin-top:120px;top:70%;margin-left:4rem;left:15%;border-radius:15px}
.Title_Text_Heading{width:calc(60% - 1rem);margin-right:auto;color:var(--green)}
.Title_Text_Content{width:calc(40% - 1rem);margin-left:auto}
.Title_Text_Content p{font-family:var(--text-font);font-size:1.6rem;color:var(--green);font-weight:400;text-align:left;margin-top:2rem;line-height:1.35}
.Title_Text_Section .SectionTitle{margin-top:2rem;font-size:4.2rem;margin-bottom:0}

/* favori 3 ürün */
.Collection_Display_Section{position:relative;overflow-y:visible;display:flex;align-items:center;justify-content:center;min-height:132vh}
.Collection_Display{display:flex;justify-content:space-between;width:100%;gap:2rem}
.Collection_Display_Item{flex-basis:30%;padding:4rem;border-radius:500px 500px 5rem 5rem;border:4px solid var(--green);background-color:var(--cream)}
.Collection_Display_Back{position:absolute;width:120%;overflow:hidden;z-index:-1;top:50%;left:50%;transform-origin:center;transform:translate(-50%,-50%) rotate(-10deg)}

/* kemerler */
.Arches_Display_Section{padding:20px 0!important;margin:3rem 0}
.Arches_Display_Section .SectionTitle{padding:0 1rem}
.Arches_Display_Container{width:100%;overflow:hidden}
.Arches_Display_Container .Arches_Display_Icon{width:120px;aspect-ratio:1;flex:none}
.Arches_Display_Container .Arches_Display_Icon svg{width:100%;height:100%;object-fit:contain}
.Arches_Display_Container .Window_Image{width:20vw;height:calc(20vw + var(--random,0) * 5vw);flex:none}
.Arches_Display_Inner{display:flex;width:max-content;gap:1.5rem;align-items:flex-end;animation:scroll 60s infinite linear}
@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}

/* sekmeli vitrin */
.Collection_Browser_Product_Page{display:none;flex-wrap:wrap;margin:4rem 0}
.Collection_Browser_Product_Page.Open{display:flex}
.Collection_Browser_Product{width:26%;margin-bottom:2rem;overflow:hidden}
.Collection_Browser_Product:nth-child(3n-1){margin:0 11%;margin-bottom:2rem}
.Collection_Browser_Tab_Button{margin-right:1rem;font-size:1.5rem;font-family:var(--title-font);text-transform:uppercase;cursor:pointer;position:relative;border-radius:10000px;overflow:hidden}
.Collection_Browser_Tab_Button span{transition:all .8s var(--ulu-curve);display:block;text-align:center;width:100%;height:100%;border-radius:10000px;border:2px solid;padding:1rem 2rem;color:var(--dark);font-weight:600;white-space:nowrap}
.Collection_Browser_Tab_Button:hover span,.Collection_Browser_Tab_Button.Selected span{color:var(--cream)!important}
.Collection_Browser_Tab_Button .Back{border-radius:10000px;aspect-ratio:1;position:absolute;top:50%;left:50%;z-index:-1;width:100%;transform-origin:top left;transform:scale(1.05) translate(75%,50%) rotate(15deg);transition:all .8s var(--ulu-curve);background-color:var(--green)}
.Collection_Browser_Tab_Button:hover .Back,.Collection_Browser_Tab_Button.Selected .Back{transform:scale(1.05) translate(-50%,-50%)}
.Collection_Browser_Tabs{display:flex;flex-wrap:wrap;gap:.6rem 0}
.Collection_Browser_Products_Container{display:none}
.Collection_Browser_Products_Container.Open{display:block}
.Collection_Browser_Navigation{display:flex}
.Collection_Browser_Bottom{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:2rem}
.Collection_Browser_Arrow{width:3rem;height:3rem;border-radius:10000px;overflow:hidden;position:relative;background-color:var(--dark);border:2px solid var(--dark);color:var(--cream);cursor:pointer;margin-right:1rem;padding:8px}
.Collection_Browser_Arrow:before{content:"";position:absolute;background-color:var(--cream);width:100%;height:100%;top:0;left:0;border-radius:25px;transform:rotate(75deg) translate(100%,60%);transform-origin:bottom left;transition:all .6s var(--ulu-curve)}
.Collection_Browser_Arrow.Disabled{opacity:.4;cursor:auto}
.Collection_Browser_Arrow svg{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;color:var(--cream);transition:color .6s var(--ulu-curve)}
.Collection_Browser_Arrow:not(.Disabled):hover:before{transform:none;border-radius:100px}
.Collection_Browser_Arrow:not(.Disabled):hover svg{color:var(--dark)}
.Collection_Browser_Bottom a{font-size:1.5rem;text-transform:uppercase;text-decoration:underline;font-family:var(--title-font);color:var(--dark);font-weight:600}

/* yorumlar */
.Testimonial{background-color:var(--green);color:var(--cream);padding:3rem;width:520px;margin-right:4vw;border-radius:3rem;flex:none}
.Testimonial:nth-child(2n){background-color:var(--dark)}
.Citations{font-family:var(--title-font);font-size:5rem;margin:0;margin-bottom:-2rem;color:var(--gold)}
.Testimonial p{font-family:var(--text-font);line-height:1.4}
.Testimonial_Logo{width:60%;height:60px;display:flex;align-items:center}
.Testimonial_Source{font-family:var(--title-font);text-transform:uppercase;font-size:1rem;letter-spacing:.05em;color:var(--gold)}
.Testimonials_Container{display:flex;flex-wrap:nowrap;width:max-content;animation:scroll 60s infinite linear}
.Testimonials_Scroller{overflow-x:hidden;margin:6rem 0}

/* alt çağrı (yuvarlak buton) */
.Collections_CTA_Section{display:flex;flex-direction:column;align-items:center;overflow:hidden}
.Collections_CTA_Image{position:relative;margin:8rem 0}
.Collections_CTA_Button{position:absolute;z-index:1;background-color:var(--gold);border-radius:1000px;bottom:0;left:50%;transform:translate(-50%,50%) scale(.6);overflow:hidden;transition:all .8s var(--ulu-curve);outline:8px solid var(--cream);border:5px solid transparent}
.Collections_CTA_Button.Static{position:relative;left:auto;transform:none;display:inline-block;margin-top:2rem}
.Collections_CTA_Button:hover{border-color:var(--gold)}
.Collections_CTA_Button:before{content:"";position:absolute;display:block;background-color:var(--cream);width:200%;aspect-ratio:1;border-radius:10000px;top:var(--mouse-y,50%);left:var(--mouse-x,50%);transform-origin:center;transform:translate(-50%,-50%) scale(0);transition:transform 1.2s var(--ulu-curve)}
.Collections_CTA_Button:hover:before{transform:translate(-50%,-50%) scale(1.5)}
.Collections_CTA_Button a{position:relative;padding:2rem;color:var(--green-deep);aspect-ratio:1;border-radius:1000px;font-size:2.5rem;font-family:var(--title-font);text-transform:uppercase;display:flex;align-items:center;justify-content:center;font-weight:600;z-index:2;transition:all .8s var(--ulu-curve)}
.Collections_CTA_Button:hover a{transform:scale(.9);color:var(--dark)}
.Collections_CTA_Heading{max-width:75%;position:relative;z-index:1}
.Collections_CTA_Heading .SectionTitle{margin-bottom:0}
.Collections_CTA_Text{width:40%;text-align:center;font-family:var(--text-font);font-weight:400;font-size:1.1rem}

/* diğer koleksiyonlar */
.Other_Collections_Container{display:flex;justify-content:space-between;gap:2vw}
.Other_Collection{flex-basis:50%;border-radius:3rem;color:var(--cream);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:3rem;aspect-ratio:16/9;background-color:var(--green)}
.Other_Collection.Alt{background-color:var(--dark)}
.Other_Collection_Image{width:35%;aspect-ratio:1;overflow:hidden;transition:all 1s var(--ulu-curve);background:#fff}
.Other_Collection h3{font-family:var(--title-font);text-transform:uppercase;text-align:center;font-size:3rem;font-weight:800;margin:0;margin-top:2rem}
.Other_Collection_Section h2{font-family:var(--title-font);text-transform:uppercase;font-size:6rem;margin-bottom:1rem}
.Other_Collection_Image img{transform:scale(1.2);transition:all 1s var(--ulu-curve)}
.Other_Collection:hover .Other_Collection_Image{transform:scale(1.1)}
.Other_Collection:hover .Other_Collection_Image img{transform:scale(1)}

@media screen and (max-width:1600px){
	.Collection_Display_Item{padding:1.5rem}
	.Collections_CTA_Button a{font-size:1.5rem}
}
@media screen and (max-width:1024px){
	.Collection_Display{flex-wrap:wrap}
	.Collection_Display_Item{flex-basis:46%}
}
@media screen and (max-width:768px){
	.Title_Text_Section{flex-direction:column;gap:0;min-height:0;margin-bottom:4rem}
	.Title_Text_Section .SectionTitle{font-size:2.2rem}
	.Title_Text_Heading,.Title_Text_Content{width:100%}
	.Title_Text_Section .Absolute_Img{width:90px;margin-top:100px;left:4vw}
	.Title_Text_Content p{font-size:1.4rem}
	.Collection_Display{flex-direction:column;gap:2rem}
	.Collection_Display_Item{flex-basis:100%}
	.Collection_Display_Back{width:140%}
	.Arches_Display_Container .Arches_Display_Icon{width:80px}
	.Arches_Display_Container .Window_Image{width:60vw;height:calc(60vw + var(--random,0) * 15vw)}
	.Collection_Browser_Tab_Button span{padding:.8rem 1.2rem}
	.Collection_Browser_Tab_Button{font-size:1.1rem;margin-right:.5rem}
	.Collection_Browser_Product{width:100%}
	.Collection_Browser_Product:nth-child(3n-1){margin:0;margin-bottom:2rem}
	.Testimonial{width:320px;padding:2rem}
	.Testimonials_Scroller{margin:3rem 0 0}
	.Collections_CTA_Text{width:100%}
	.Collections_CTA_Heading{max-width:100%}
	.Other_Collections_Container{flex-direction:column;gap:1rem}
	.Other_Collection_Section h2{font-size:3rem;text-align:center}
	.Other_Collection h3{font-size:2rem}
}
/* düzeltmeler */
.Collections_CTA_Image .Window_Image{height:36vw;max-height:620px}
@media screen and (max-width:768px){
	.Collections_CTA_Image .Window_Image{height:80vw}
	.Title_Text_Section .Absolute_Img{position:relative;left:auto;top:auto;margin:1.5rem 0 0;width:70px}
}