/* Faralya Concept - Mobil stiller (max-width: 767px) | Referans genişlik 375 | Geliştirici: Multimedia Ajans */

:root{--gutter:6.4vw}
body{font-size:3.7vw;line-height:1.6}

/* Butonlar */
.btn{min-width:44vw;padding:3.7vw 5.3vw;border-width:0.27vw;font-size:3.2vw}
.btn--wide{min-width:52vw}

/* Header */
.site-header{padding:5.3vw var(--gutter)}
.site-header.is-scrolled,.site-header--solid{padding-top:3.2vw;padding-bottom:3.2vw;-webkit-backdrop-filter:blur(2.7vw);backdrop-filter:blur(2.7vw)}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.nav--left,.nav--right{display:none}
.site-logo,.site-header.is-scrolled .site-logo{width:22vw}
.logo-icon{width:7.5vw;height:7.5vw;margin-bottom:0.8vw}
.logo-name{font-size:5.6vw}
.logo-sub{font-size:2.9vw;margin-left:7vw}
.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:1.9vw;width:9.6vw;height:9.6vw;position:relative;z-index:120}
.menu-toggle span{display:block;width:100%;height:0.4vw;background:currentColor;transition:transform .5s var(--ease-out),opacity .3s}
body.menu-open .menu-toggle span:nth-child(1){transform:translateY(2.3vw) rotate(45deg)}
body.menu-open .menu-toggle span:nth-child(2){opacity:0}
body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-2.3vw) rotate(-45deg)}

/* Mobil menü */
.mobile-menu{display:flex;flex-direction:column;justify-content:center;position:fixed;inset:0;z-index:110;padding:24vw 9.6vw 12vw;background:var(--dark);color:#fff;clip-path:circle(0% at 90% 6%);visibility:hidden;transition:clip-path .9s var(--ease),visibility 0s linear .9s}
body.menu-open .mobile-menu{clip-path:circle(150% at 90% 6%);visibility:visible;transition:clip-path .9s var(--ease),visibility 0s}
.mobile-menu .nav-list{flex-direction:column;align-items:flex-start;gap:4.3vw;font-family:var(--serif);font-size:8vw;line-height:1.2}
.mobile-menu .nav-list+.nav-list{margin-top:9vw;padding-top:9vw;border-top:0.27vw solid rgba(255,255,255,.18);font-family:var(--sans);font-size:4.3vw}
.mobile-menu .nav-list li{opacity:0;transform:translateY(6vw);transition:opacity .6s var(--ease-out),transform .8s var(--ease-out)}
body.menu-open .mobile-menu .nav-list li{opacity:1;transform:none}
body.menu-open .mobile-menu .nav-list li:nth-child(1){transition-delay:.35s}
body.menu-open .mobile-menu .nav-list li:nth-child(2){transition-delay:.42s}
body.menu-open .mobile-menu .nav-list li:nth-child(3){transition-delay:.49s}
body.menu-open .mobile-menu .nav-list li:nth-child(4){transition-delay:.56s}
body.menu-open .mobile-menu .nav-list li:nth-child(5){transition-delay:.63s}
.nav-list a{padding-bottom:0.8vw}
.nav-list a::after{height:0.27vw}

/* 1. Alan - Hero */
.hero{height:100vh;min-height:165vw}
.hero-media{filter:blur(2vw) brightness(1)}
.hero-overlay{background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.35) 100%)}
.hero-content{left:var(--gutter);right:var(--gutter);bottom:27vw;max-width:none}
.hero-slide.is-prev .hero-content{transform:translateY(-6vw)}
.hero-title{font-size:8vw;line-height:1.18}
.hero-text{margin-top:4.8vw;font-size:3.7vw;max-width:80vw;transform:translateY(4vw)}
.hero-content .btn{margin-top:6.4vw;transform:translateY(4vw)}
.hero-nav{left:var(--gutter);right:var(--gutter);bottom:11vw;gap:4.3vw;font-size:3.2vw}
.hero-count{min-width:8vw}
.hero-bar{flex:1;width:auto;height:0.27vw}

/* 2. Alan - Metin */
.intro{padding:24vw var(--gutter) 26vw}
.intro-text{width:100%;font-size:5.6vw;line-height:1.45}
.intro .btn{margin-top:10.7vw}

/* 3. ve 4. Alan */
.split{grid-template-columns:1fr;min-height:0}
.split-media{order:-1;height:92vw}
.split-body,.split--text-left .split-body,.split--text-right .split-body{align-items:flex-start;text-align:left;padding:13vw var(--gutter) 17vw}
.split-title{font-size:6.4vw;max-width:none}
.split-text{margin-top:5.3vw;font-size:3.7vw;line-height:1.9;max-width:none}
.split .btn{margin-top:8vw}
.reveal{transform:translateY(8vw)}

/* 5. Alan - İmza ürünler */
.signature{padding:17vw 0 17vw}
.signature-head{flex-direction:column;padding:0 var(--gutter)}
.signature-title{font-size:6.4vw;max-width:75vw}
.signature-sub{margin-top:3.2vw;font-size:3.7vw}
.signature-head .btn{margin-top:6.4vw}
.sig-viewport{margin-top:10.7vw;padding-left:var(--gutter)}
.sig-track{gap:5.3vw}
.sig-item{flex:0 0 58vw}
.sig-img{height:50vw}
.sig-name{margin-top:5.3vw;font-size:4vw}
.sig-link{gap:1.6vw;margin-top:1.6vw;font-size:3.2vw}
.sig-link svg{width:3vw;height:3vw}

/* 6. Alan - Hakkımızda */
.about{min-height:150vw}
.about-inner{width:100%;padding:21vw var(--gutter)}
.about-logo{width:32vw;margin-bottom:12vw}
.about-logo .logo-icon{width:11vw;height:11vw}
.about-logo .logo-name{font-size:8.5vw}
.about-logo .logo-sub{font-size:4vw}
.about-text{font-size:4.8vw;line-height:1.55}
.about .btn{margin-top:12vw}

/* 7. Alan - SSS */
.faq{padding:20vw 0 20vw}
.faq-title{font-size:7.5vw;max-width:80vw}
.faq-list{width:87.2vw;margin-top:10.7vw}
.faq-item{border-bottom-width:0.27vw}
.faq-q{gap:4.3vw;padding:5.3vw 0;font-size:4.3vw}
.faq-icon{width:3.7vw;height:3.7vw}
.faq-icon::before,.faq-icon::after{height:0.3vw}
.faq-a-inner p{padding-bottom:5.3vw;font-size:3.5vw}
.faq .btn{margin-top:10.7vw}

/* Footer */
.footer-top{padding:16vw var(--gutter) 12vw}
.footer-logo{width:32vw}
.footer-nav .nav-list{flex-wrap:wrap;gap:4vw 6.4vw;margin-top:10.7vw;font-size:3.7vw}
.footer-bottom{flex-direction:column;gap:4.3vw;padding:5.3vw var(--gutter);border-top-width:0.27vw;font-size:3.2vw}
.dev-credit{gap:1.6vw}
.dev-credit img{width:9vw}

/* Slider medya */
.site-header--solid .site-logo{width:22vw}

/* Ara sayfa banner'ı */
.page-hero{height:auto;min-height:128vw}
.page-hero--small{min-height:100vw}
.page-hero-inner{padding:0 var(--gutter) 16vw}
.page-hero-title{max-width:none;margin-top:4.3vw;font-size:9vw}
.page-hero-sub{max-width:none;margin-top:4.3vw;font-size:3.7vw;transform:translateY(4vw)}
.page-hero-scroll{bottom:16vw;width:0.27vw;height:13vw}
.breadcrumb ol{gap:1.6vw;font-size:2.9vw}
.breadcrumb li+li::before{margin-right:1.6vw}

/* Ürün listesi / kategori */
.listing{padding:10vw var(--gutter) 18vw}
.listing-head{flex-direction:column;align-items:flex-start;gap:5.3vw;margin-bottom:9vw;padding-bottom:5.3vw;border-bottom-width:0.27vw}
.cat-filter{width:calc(100% + var(--gutter));overflow-x:auto;scrollbar-width:none}
.cat-filter::-webkit-scrollbar{display:none}
.cat-filter ul{flex-wrap:nowrap;gap:6.4vw;padding-right:var(--gutter)}
.cat-filter a{padding-bottom:1vw;font-size:3.7vw;white-space:nowrap}
.cat-filter a::after{height:0.27vw}
.cat-filter sup{margin-left:0.8vw;font-size:2.4vw}
.listing-count{font-size:3.2vw}
.listing-empty{font-size:3.7vw}
.products-grid{grid-template-columns:repeat(2,1fr);gap:10vw 4.3vw}
.products-grid .sig-img{height:46vw;padding:4.3vw}
.products-grid .sig-name{margin-top:3.7vw;font-size:3.7vw}
.pagination{gap:2.1vw;margin-top:13vw;font-size:3.5vw}
.pagination .page-numbers{min-width:10vw;height:10vw;padding:0 2vw;border-width:0.27vw}
.subcats{gap:4.3vw;padding:10vw var(--gutter) 0}
.subcat{flex:0 0 44vw}
.subcat-media{height:34vw}
.subcat-name{margin-top:3.2vw;font-size:3.7vw}
.subcat-name svg{width:3vw;height:3vw}

/* Ürün detay */
.product-page{padding-top:26vw}
.product-top{margin-bottom:6.4vw}
.product-single{grid-template-columns:1fr;gap:9vw}
.product-gallery{grid-template-columns:1fr;gap:3.2vw}
.gallery-thumbs{order:0;flex-direction:row;gap:2.1vw;overflow-x:auto;scrollbar-width:none}
.gallery-thumbs::-webkit-scrollbar{display:none}
.gallery-thumb{flex:0 0 16vw;height:16vw;border-width:0.27vw}
.gallery-stage{height:92vw}
.gallery-slide{padding:8vw}
.gallery-arrow{width:10vw;height:10vw}
.gallery-arrow--prev{left:3.2vw}
.gallery-arrow--next{right:3.2vw}
.gallery-arrow svg{width:3.5vw;height:3.5vw}
.gallery-count{right:4.3vw;bottom:4vw;font-size:3.2vw}
.product-info{position:static;padding-top:0}
.product-cat{font-size:2.9vw}
.product-title{margin-top:3.2vw;font-size:7.5vw}
.product-sub{margin-top:4.3vw;font-size:3.7vw}
.product-specs{margin-top:7vw;border-top-width:0.27vw}
.product-specs li{padding:3.7vw 0;border-bottom-width:0.27vw;font-size:3.5vw}
.product-actions{flex-direction:column;gap:3.2vw;margin-top:8vw}
.product-actions .btn{width:100%}
.product-note{margin-top:6.4vw;font-size:3.2vw}
.product-desc{grid-template-columns:1fr;gap:6.4vw;padding:16vw var(--gutter) 0}
.product-desc-title{font-size:6.4vw}
.signature--related{padding-top:17vw}

/* İçerik alanı */
.entry-content{font-size:3.9vw}
.entry-content>*+*{margin-top:4.3vw}
.entry-content h2{font-size:6.4vw}
.entry-content h3{font-size:5.3vw}
.entry-content ul,.entry-content ol{padding-left:5.3vw}
.entry-content blockquote{padding-left:4.3vw;border-left-width:0.27vw;font-size:4.8vw}
.page-body{padding:14vw var(--gutter) 18vw}
.page-body .entry-content{max-width:none}
.page-body--center{flex-direction:column;align-items:center;gap:4.3vw}

/* Hakkımızda */
.about-page .intro{padding:20vw var(--gutter) 22vw}
.split-index{margin-bottom:4.3vw;font-size:3.2vw}
.values{padding:18vw var(--gutter)}
.values-title{font-size:7.5vw}
.values-grid{grid-template-columns:1fr;gap:9vw;margin-top:10.7vw}
.value{padding-top:5.3vw;border-top-width:0.27vw}
.value-no{font-size:3.5vw}
.value-title{margin-top:4.3vw;font-size:5.6vw}
.value-text{margin-top:3.2vw;font-size:3.7vw}

/* İletişim */
.contact{grid-template-columns:1fr;gap:13vw;padding:16vw var(--gutter)}
.contact-title{max-width:none;font-size:7.5vw}
.contact-text{max-width:none;margin-top:5.3vw;font-size:3.7vw}
.contact-list{margin-top:9vw;border-top-width:0.27vw}
.contact-list div{grid-template-columns:1fr;gap:1.6vw;padding:4.3vw 0;border-bottom-width:0.27vw;font-size:3.9vw}
.contact-list dt{font-size:2.9vw}
.contact-social{gap:3.2vw 6.4vw;margin-top:7vw;font-size:3.2vw}
.contact-social a::after{height:0.27vw}
.contact-form{margin:0 calc(var(--gutter) * -1);padding:12vw var(--gutter)}
.contact-form-title{margin-bottom:7vw;font-size:6.4vw}
.contact-notice{font-size:3.5vw}
.contact-map{padding:0 0 0}
.map-frame{height:100vw}

/* Contact Form 7 */
.cf-grid{grid-template-columns:1fr;gap:6.4vw}
.wpcf7 label{font-size:2.9vw}
.wpcf7-form-control-wrap{margin-top:1.6vw}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 input[type="url"],.wpcf7 input[type="number"],.wpcf7 input[type="date"],.wpcf7 select,.wpcf7 textarea{padding:3.2vw 0;border-bottom-width:0.27vw;font-size:4.3vw}
.wpcf7 textarea{height:32vw}
.wpcf7 .wpcf7-list-item label{gap:2.1vw;font-size:3.2vw}
.wpcf7 input[type="checkbox"],.wpcf7 input[type="radio"]{width:4.3vw;height:4.3vw}
.wpcf7 input[type="submit"]{width:100%;padding:4.3vw 5.3vw;border-width:0.27vw;font-size:3.5vw}
.wpcf7-not-valid-tip{margin-top:1.6vw;font-size:3.2vw}
.wpcf7 form .wpcf7-response-output{margin-top:6.4vw;padding:4vw 4.3vw;border-width:0.27vw;font-size:3.5vw}
.subcat-media--product{padding:4vw}
.faq-a-inner p+p{margin-top:-2.7vw}