/*
Theme Name: Yayla Grup Mobilya
Theme URI: https://yaylagrupmobilya.com
Author: Yayla Grup Mobilya
Description: Yayla Grup Mobilya için turuncu-siyah, mobil uyumlu kurumsal WordPress teması.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: yayla-grup-mobilya
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--red:#f47721;--ink:#111213;--paper:#f3f3f0;--muted:#70716e;--line:#dddeda}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{background:var(--red);color:#fff;padding:9px 5.5%;display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:700;letter-spacing:.16em}.header{height:84px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #e8e8e5}.logo img{width:min(350px,27vw);height:auto}.nav{display:flex;align-items:center;gap:22px}.nav a{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;position:relative;padding:9px 0}.nav a:after{content:"";height:2px;background:var(--red);position:absolute;left:0;right:100%;bottom:0;transition:right .25s}.nav a:hover:after,.nav a.active:after{right:0}.header-cta{font-size:10px;font-weight:700;letter-spacing:.08em;background:var(--ink);color:#fff;padding:13px 16px;white-space:nowrap}.header-cta b{color:#ff9a4d;margin-left:9px}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{min-height:560px;height:min(680px,70vw);position:relative;display:flex;align-items:center;overflow:hidden;background:#191919;color:#fff}.hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;animation:zoom 22s ease-in-out infinite alternate}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,10,.91),rgba(8,9,10,.65) 48%,rgba(8,9,10,.18))}.hero-content{position:relative;margin-left:9%;max-width:680px;padding:60px 0}.eyebrow,.kicker{font-size:9px;letter-spacing:.2em;font-weight:800}.eyebrow{color:#ffb36f;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:32px;height:3px;background:var(--red)}h1,h2{font-weight:700;letter-spacing:-.065em;line-height:.98;margin:20px 0}h1{font-size:clamp(48px,7vw,90px)}h1 em,h2 em{font-style:normal;color:var(--red)}.hero-content>p:not(.eyebrow){max-width:470px;font-size:14px;line-height:1.9;color:#ddd}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 18px;font-size:10px;font-weight:800;letter-spacing:.06em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-red{background:var(--red);color:white}.btn-light{background:#fff;color:#111}.btn-outline{border:1px solid #777;color:#fff}.hero-foot{position:absolute;bottom:22px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.17em;color:#ddd}.wrap{padding:90px 8%}.kicker{color:var(--red)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-head h2,.split h2,.cta h2{font-size:clamp(34px,4.4vw,56px);margin:17px 0 0}.section-head>p,.copy p,.split p,.cta p{max-width:460px;font-size:13px;line-height:1.95;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{position:relative;height:330px;overflow:hidden;background:#bbb;color:white}.card img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.card:hover img{transform:scale(1.06)}.card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.card-meta,.card-title{position:absolute;z-index:1;left:18px;right:18px}.card-meta{bottom:57px;color:#ffb36f;font-size:8px;letter-spacing:.16em;font-weight:700}.card-title{bottom:20px;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700}.card-title b{font-size:17px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.split-img{position:relative}.split-img img{width:100%;height:450px;object-fit:cover}.split-img:before{content:"";position:absolute;z-index:0;left:-15px;bottom:-15px;width:45%;height:50%;background:var(--red)}.split-img img{position:relative;z-index:1}.split-copy h2{line-height:1.05}.bullets{padding:0;list-style:none;margin:22px 0}.bullets li{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.bullets li:before{content:"↗";color:var(--red);margin-right:12px}.band{background:#151515;color:white;padding:60px 8%;display:flex;align-items:center;justify-content:space-between;gap:30px}.band h2{font-size:clamp(32px,4vw,48px);margin:10px 0}.band p{color:#ccc;font-size:13px;line-height:1.8}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery img{height:220px;width:100%;object-fit:cover;transition:transform .5s}.gallery img:hover{transform:scale(1.025)}.cta{background:#111;color:#fff;padding:65px 8%;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:14px 0}.cta p{color:#ccc}.footer{padding:40px 8% 20px;background:#fff}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px;padding-bottom:30px}.footer-logo{width:min(320px,100%)}.footer p{font-size:11px;color:#777}.footer-col{display:flex;flex-direction:column;gap:11px;font-size:11px;color:#666}.footer-col strong{font-size:9px;letter-spacing:.15em;color:#111;border-left:3px solid var(--red);padding-left:8px}.footer-bottom{border-top:1px solid #e5e5e5;padding-top:15px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#777}.floating-contact{position:fixed;right:20px;bottom:20px;z-index:30;background:#111;color:#fff;border:1px solid var(--red);padding:13px 17px;font-size:11px;font-weight:700;box-shadow:0 7px 25px #0002}.floating-contact:hover{background:var(--red)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.page-hero{min-height:370px;height:44vw;max-height:480px}.page-hero h1{font-size:clamp(42px,6vw,74px)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.contact-box{background:#fff;padding:26px;margin-bottom:12px}.contact-box strong{display:block;font-size:12px;margin-bottom:8px}.contact-box p,.contact-box a{font-size:12px;color:var(--muted);line-height:1.8}.map-frame{width:100%;height:370px;border:0;background:#ddd}.form-placeholder{background:#fff;padding:25px}.form-placeholder label{display:block;font-size:11px;margin:14px 0 7px}.form-placeholder input,.form-placeholder textarea{width:100%;border:1px solid #ddd;padding:13px;font:inherit;background:#fafafa}.form-placeholder textarea{min-height:120px}.form-placeholder small{color:#777;line-height:1.7}
@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.07)}}
@media(max-width:900px){.header{padding:0 4%;height:76px}.logo img{width:270px}.nav{gap:12px}.nav a{font-size:9px}.header-cta{display:none}.wrap{padding:70px 6%}.split{gap:5%}.split-img img{height:390px}}
@media(max-width:680px){.topbar{font-size:7px;letter-spacing:.08em}.header{height:70px}.logo img{width:min(260px,68vw)}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:12px 6% 20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 20px #0001}.nav.open{display:flex}.nav a{font-size:12px;padding:13px 0;border-bottom:1px solid #eee}.hero{height:600px;min-height:0}.hero-content{margin:0 7%;padding:40px 0}.hero h1{font-size:clamp(46px,13vw,66px)}.hero-foot{font-size:7px}.wrap{padding:60px 6%}.section-head{display:block}.section-head>p{margin-top:14px}.cards{grid-template-columns:1fr 1fr;gap:10px}.card{height:235px}.card-title{font-size:13px;left:12px;right:12px}.card-meta{left:12px;bottom:49px;font-size:7px}.split{grid-template-columns:1fr;gap:35px}.split-img img{height:300px}.band,.cta{padding:45px 7%;display:block}.band .btn,.cta .btn{margin-top:18px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:170px}.footer{padding:30px 7% 18px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-main>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column}.page-hero{height:460px}.contact-grid{grid-template-columns:1fr;gap:20px}.map-frame{height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.nav-dropdown{position:relative}.nav-parent{display:flex;align-items:center;gap:6px}.nav-parent span{color:var(--red)}.nav-menu{display:none;position:absolute;top:100%;left:-18px;min-width:230px;max-height:70vh;overflow:auto;background:#fff;padding:9px;box-shadow:0 15px 40px #0002;border-top:3px solid var(--red);z-index:100}.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu{display:block}.nav-menu a{display:block!important;padding:11px 10px!important;border-bottom:1px solid #eee;font-size:10px!important;white-space:nowrap}.nav-menu a:hover{background:#f4f4f1}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.catalog-item{position:relative;min-height:155px;background:#fff;border:1px solid #e4e4df;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;transition:background .25s,color .25s,transform .25s;overflow:hidden}.catalog-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--red);transition:height .25s}.catalog-item:hover{background:#151515;color:#fff;transform:translateY(-3px)}.catalog-item:hover:before{height:100%}.catalog-index{position:absolute;top:15px;left:22px;color:var(--red);font-size:10px;font-weight:800}.catalog-group{font-size:8px;letter-spacing:.15em;color:#898a85;text-transform:uppercase;margin-bottom:8px}.catalog-item strong{font-size:17px;letter-spacing:-.03em}.catalog-arrow{position:absolute;right:20px;bottom:20px;color:var(--red);font-size:18px}
@media(max-width:680px){.nav-dropdown{width:100%}.nav-parent{padding:13px 0!important;border-bottom:1px solid #eee}.nav-menu{position:static;max-height:none;box-shadow:none;border-top:0;padding:0 0 0 12px}.nav-dropdown:hover .nav-menu{display:none}.nav-dropdown:focus-within .nav-menu{display:block}.nav-menu a{white-space:normal}.catalog-grid{grid-template-columns:1fr 1fr}.catalog-item{min-height:130px;padding:16px}.catalog-index{left:16px;top:12px}.catalog-item strong{font-size:14px}.catalog-arrow{right:14px;bottom:13px}}

/* DYNAMIC ORANGE + BLACK VISUAL UPGRADE */
:root{--orange:#ff7417;--orange2:#ff9b42;--ink:#111111;--paper:#f5f4f1;--glow:rgba(255,116,23,.28)}
::selection{background:var(--orange);color:#111}
body{overflow-x:hidden}
.topbar{background:linear-gradient(100deg,#ff7417,#ff8d2b 55%,#e95b00);color:#171717}
.header{box-shadow:0 8px 28px rgba(0,0,0,.045);transition:box-shadow .3s}
.header-cta{background:linear-gradient(120deg,#171717,#303030);border-bottom:3px solid var(--orange);transition:transform .25s,box-shadow .25s}
.header-cta:hover{transform:translateY(-2px);box-shadow:0 9px 22px var(--glow)}
.hero{isolation:isolate;background:#111}
.hero-bg{filter:saturate(1.08);animation:heroDrift 24s ease-in-out infinite alternate}
.hero-overlay{background:linear-gradient(90deg,rgba(8,8,8,.94) 0%,rgba(8,8,8,.72) 44%,rgba(8,8,8,.18) 100%),linear-gradient(0deg,rgba(0,0,0,.48),transparent 45%)}
.hero:before{content:"";position:absolute;z-index:1;right:-100px;top:-140px;width:430px;height:430px;border:1px solid rgba(255,116,23,.4);border-radius:50%;box-shadow:0 0 0 38px rgba(255,116,23,.035),0 0 0 82px rgba(255,116,23,.025);pointer-events:none;animation:orbit 28s linear infinite}
.hero:after{content:"";position:absolute;z-index:1;right:10%;bottom:18%;width:7px;height:110px;background:linear-gradient(var(--orange),transparent);transform:rotate(35deg);opacity:.85}
.hero-content{z-index:2}
.eyebrow{color:var(--orange2)}.eyebrow:before{box-shadow:0 0 18px var(--orange)}
h1 em,h2 em{background:linear-gradient(100deg,#ff7417,#ffad5d);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-red{background:linear-gradient(120deg,#ff7417,#ff922f);color:#171717;box-shadow:0 9px 25px rgba(255,116,23,.2)}
.btn-red:hover{box-shadow:0 12px 30px rgba(255,116,23,.38)}
.btn-outline{border-color:rgba(255,255,255,.5);backdrop-filter:blur(6px)}
.btn-outline:hover{border-color:var(--orange);background:rgba(255,116,23,.12)}
.hero-foot{z-index:2}.hero-foot span:first-child{color:var(--orange2)}
/* moving product ribbon */
.motion-ribbon{background:var(--orange);color:#171717;overflow:hidden;white-space:nowrap;border-bottom:1px solid rgba(0,0,0,.12)}
.motion-ribbon-track{display:flex;width:max-content;animation:ribbon 32s linear infinite}
.motion-ribbon span{display:inline-flex;align-items:center;gap:22px;padding:17px 18px;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.motion-ribbon b{font-size:18px;color:#fff}
.motion-ribbon:hover .motion-ribbon-track{animation-play-state:paused}
.section-head{position:relative}.section-head:after{content:"";width:48px;height:4px;background:var(--orange);position:absolute;bottom:-17px;left:0;box-shadow:0 0 18px var(--glow)}
.cards{gap:16px}.card{box-shadow:0 12px 30px rgba(0,0,0,.08);isolation:isolate}.card:before{content:"";position:absolute;z-index:1;inset:0;border:1px solid rgba(255,116,23,0);transition:inset .35s,border-color .35s;pointer-events:none}.card:hover:before{inset:10px;border-color:rgba(255,145,55,.85)}.card img{filter:saturate(.88);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.card:hover img{filter:saturate(1.15);transform:scale(1.09)}
.catalog-item{border:1px solid #e3e0da;box-shadow:0 8px 24px rgba(0,0,0,.025)}.catalog-item:after{content:"";position:absolute;right:-34px;top:-34px;width:95px;height:95px;border:1px solid rgba(255,116,23,.25);border-radius:50%;transition:transform .35s,background .35s}.catalog-item:hover:after{transform:scale(1.5);background:rgba(255,116,23,.08)}
.band{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 10%,rgba(255,116,23,.17),transparent 38%),#111}.band:after{content:"YG";position:absolute;right:6%;bottom:-.5em;font-size:clamp(130px,24vw,300px);font-weight:900;letter-spacing:-.1em;color:rgba(255,255,255,.025);pointer-events:none}.band>*{position:relative;z-index:1}
.kicker{color:#ed6810}.split-img:before{background:linear-gradient(135deg,#ff7417,#ff9d47)}
.footer{border-top:4px solid var(--orange)}.footer-col strong{border-left-color:var(--orange)}
.floating-contact{background:linear-gradient(120deg,#ff7417,#ff922f);color:#171717;border:0;box-shadow:0 8px 26px rgba(255,116,23,.35);animation:contactPulse 3s ease-in-out infinite}.floating-contact:hover{background:#171717;color:#fff;outline:1px solid var(--orange)}
.reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
@keyframes heroDrift{from{transform:scale(1)}to{transform:scale(1.09) translateX(-1.2%)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes ribbon{to{transform:translateX(-50%)}}
@keyframes contactPulse{0%,100%{box-shadow:0 8px 26px rgba(255,116,23,.25)}50%{box-shadow:0 8px 34px rgba(255,116,23,.52)}}
@media(max-width:680px){.hero:before{width:230px;height:230px;right:-90px;top:-35px}.hero:after{right:8%;bottom:10%;height:70px}.motion-ribbon span{padding:14px 12px;font-size:9px}.section-head:after{bottom:-12px}.band:after{right:3%;font-size:150px}.floating-contact{right:12px;bottom:12px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.motion-ribbon-track,.hero:before,.floating-contact{animation:none!important}}

/* Homepage enhancement: energetic orange + black */
:root{--red:#f47721;--ink:#171717;--paper:#f5f5f2;--muted:#777872;--line:#deded9;--orange:#f47721}
.topbar{background:#171717;color:#f47721;border-bottom:1px solid #333}
.header-cta{background:#f47721;color:#171717;transition:transform .25s,box-shadow .25s}.header-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f4772144}
.hero{min-height:640px;height:min(760px,74vw)}.hero-bg{filter:saturate(1.12);transform-origin:center}.hero-overlay{background:linear-gradient(90deg,rgba(12,12,12,.94) 0%,rgba(12,12,12,.72) 42%,rgba(12,12,12,.2) 100%)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 58%,rgba(244,119,33,.16) 58.2%,transparent 58.8%);mix-blend-mode:screen}.hero-content{z-index:2}.hero-content h1{max-width:750px}.hero-content h1 em{color:#ff8b37;text-shadow:0 0 32px #f4772130}.hero .btn-red{box-shadow:0 8px 30px #f4772140}.btn-red:hover{background:#ff8d3a;box-shadow:0 10px 28px #f477214d}.hero-foot{z-index:2}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#171717;color:white;padding:24px 8%;gap:24px;border-top:1px solid #353535}.proof-strip>div{display:flex;align-items:center;gap:14px;border-right:1px solid #414141;padding:4px 22px}.proof-strip>div:last-child{border-right:0}.proof-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #f4772166;border-radius:50%;color:#f47721;font-size:22px}.proof-strip strong,.proof-strip small{display:block}.proof-strip strong{font-size:11px;letter-spacing:.08em}.proof-strip small{color:#aaa;font-size:10px;margin-top:5px;line-height:1.5}.why-section{padding-top:105px;padding-bottom:90px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.benefit{position:relative;min-height:240px;padding:30px;background:#fff;border:1px solid #e6e6e1;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.benefit:hover{transform:translateY(-7px);border-color:#f47721;box-shadow:0 18px 45px #1717170d}.benefit>span{position:absolute;right:22px;top:18px;font-size:11px;color:#aaa;letter-spacing:.12em}.benefit-symbol{display:grid;place-items:center;width:46px;height:46px;background:#171717;color:#f47721;font-size:24px;margin-bottom:24px;transition:transform .3s,background .3s}.benefit:hover .benefit-symbol{transform:rotate(-8deg);background:#f47721;color:#171717}.benefit h3{font-size:18px;letter-spacing:-.03em;margin:0 0 10px}.benefit p{font-size:12px;line-height:1.8;color:#70716e;margin:0;max-width:290px}.showcase-section{display:grid;grid-template-columns:.75fr 1.25fr;background:#171717;color:#fff;padding:90px 7%;gap:55px;align-items:center}.showcase-intro h2{font-size:clamp(34px,4vw,58px)}.showcase-intro h2 em{color:#f47721}.showcase-intro>p{font-size:13px;line-height:1.9;color:#bbb;max-width:340px}.text-link{display:inline-flex;gap:20px;align-items:center;margin-top:18px;color:#f47721;font-size:10px;font-weight:800;letter-spacing:.1em}.text-link b{font-size:19px;transition:transform .2s}.text-link:hover b{transform:translate(4px,-4px)}.showcase-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:220px 220px;gap:12px}.showcase-tile{position:relative;overflow:hidden;min-height:0;background:#2a2a2a}.showcase-tile:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85));z-index:1}.showcase-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.82)}.showcase-tile:hover img{transform:scale(1.07);filter:saturate(1.12)}.showcase-large{grid-row:span 2}.tile-label{position:absolute;z-index:2;bottom:18px;left:20px;right:18px;display:grid;grid-template-columns:1fr auto;gap:7px}.tile-label small{grid-column:1/-1;color:#ff9a4d;font-size:9px;letter-spacing:.12em}.tile-label strong{font-size:15px}.tile-label b{color:#f47721;font-size:20px;transition:transform .2s}.showcase-tile:hover .tile-label b{transform:translate(3px,-3px)}.process-section{padding-top:100px;padding-bottom:100px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:42px;border-top:1px solid #d8d8d2}.process-grid>div{padding:28px 28px 12px 0;position:relative}.process-grid>div+div{padding-left:28px;border-left:1px solid #d8d8d2}.process-grid span{display:grid;place-items:center;width:42px;height:42px;background:#171717;color:#f47721;font-size:12px;font-weight:800;border-radius:50%;margin-bottom:24px;box-shadow:0 0 0 7px #f4772114}.process-grid h3{font-size:17px;margin:0 0 9px}.process-grid p{font-size:12px;line-height:1.8;color:#777;margin:0;max-width:290px}.project-cta{position:relative;overflow:hidden;background:#171717;color:white;padding:85px 9%;display:flex;justify-content:space-between;align-items:center;min-height:390px}.cta-glow{position:absolute;width:520px;height:520px;right:7%;top:-170px;border-radius:50%;background:radial-gradient(circle,#f4772133 0%,#f4772108 40%,transparent 70%);pointer-events:none}.cta-copy{position:relative;z-index:1;max-width:720px}.cta-copy .kicker{color:#ff9a4d}.cta-copy h2{font-size:clamp(38px,5vw,68px)}.cta-copy h2 em{color:#f47721}.cta-copy p{max-width:520px;color:#bdbdbd;font-size:13px;line-height:1.9}.cta-mark{font-size:clamp(130px,20vw,280px);font-weight:800;letter-spacing:-.15em;color:#ffffff08;line-height:1;position:relative;margin-right:3%;user-select:none}.cta-mark span{color:#f477211b}.band{background:#f47721;color:#171717}.band .kicker,.band h2 em{color:#171717}.band .btn-red{background:#171717;color:#fff}.catalog-item{transition:background .25s,color .25s,transform .25s,border-color .25s}.catalog-item:hover{background:#171717;color:#fff;border-color:#f47721;transform:translateY(-4px)}.catalog-item:hover .catalog-index,.catalog-item:hover .catalog-arrow{color:#f47721}.floating-contact{background:#f47721;color:#171717;box-shadow:0 8px 30px #f4772155;transition:transform .2s,box-shadow .2s}.floating-contact:hover{transform:translateY(-4px);box-shadow:0 12px 35px #f4772166}.card{transition:transform .35s,box-shadow .35s}.card:hover{transform:translateY(-6px);box-shadow:0 20px 42px #17171720}
@media(max-width:850px){.proof-strip{padding:20px 4%;gap:10px}.proof-strip>div{padding:4px 8px;gap:9px}.proof-strip small{font-size:9px}.showcase-section{grid-template-columns:1fr;padding:70px 6%;gap:30px}.showcase-grid{grid-template-rows:190px 190px}.cta-mark{display:none}}
@media(max-width:600px){.hero{min-height:590px;height:78vh;max-height:720px}.hero-content{margin-left:6%;margin-right:6%;padding:45px 0}.hero-content h1{font-size:clamp(43px,12vw,66px)}.hero-content>p:not(.eyebrow){font-size:13px;max-width:340px}.hero-foot{font-size:7px;letter-spacing:.1em}.proof-strip{grid-template-columns:1fr;padding:14px 6%;gap:0}.proof-strip>div{border-right:0;border-bottom:1px solid #3a3a3a;padding:13px 0}.proof-strip>div:last-child{border-bottom:0}.proof-icon{width:38px;height:38px;flex-basis:38px}.benefit-grid{grid-template-columns:1fr;gap:12px}.benefit{min-height:0;padding:24px}.benefit-symbol{margin-bottom:17px}.showcase-section{padding:60px 5%}.showcase-grid{grid-template-columns:1fr 1fr;grid-template-rows:200px 155px}.showcase-large{grid-column:1/-1;grid-row:auto}.tile-label{left:12px;bottom:12px;right:10px}.tile-label strong{font-size:12px}.process-grid{grid-template-columns:1fr;margin-top:28px}.process-grid>div,.process-grid>div+div{padding:20px 0;border-left:0;border-bottom:1px solid #d8d8d2}.process-grid>div:last-child{border-bottom:0}.process-grid span{margin-bottom:17px}.project-cta{padding:62px 6%;min-height:0}.cta-copy h2{font-size:clamp(35px,10vw,52px)}.cta-copy .actions{gap:8px}.cta-copy .btn{padding:13px 12px;font-size:9px}.why-section,.process-section{padding-top:65px;padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Ana sayfa tanıtım alanı */
.about-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(42px,7vw,105px);align-items:center;padding-top:105px;padding-bottom:110px;overflow:hidden}
.about-feature-visual{position:relative;min-height:520px;padding:30px 30px 42px 0}
.about-feature-visual>img{position:relative;z-index:1;display:block;width:100%;height:480px;object-fit:cover;object-position:center;border-radius:2px;filter:saturate(.88);box-shadow:0 22px 60px #17171718}
.about-frame{position:absolute;top:0;left:-28px;width:38%;height:44%;border:12px solid #f4772133;z-index:0}
.about-count{position:absolute;z-index:2;right:-8px;bottom:0;background:#fff;min-width:155px;padding:18px 24px;box-shadow:0 12px 35px #17171715;border-bottom:4px solid #f47721;display:flex;flex-direction:column;align-items:center}
.about-count strong{font-size:54px;line-height:1;font-weight:850;letter-spacing:-.06em;color:#f47721}
.about-count span{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;margin-top:7px}
.about-vertical-label{position:absolute;left:-25px;bottom:78px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.18em;color:#777;z-index:2}
.about-feature-copy .kicker{margin-bottom:16px}.about-feature-copy h2{font-size:clamp(37px,4.3vw,62px);line-height:.99;letter-spacing:-.065em;font-weight:850;margin:0 0 25px}.about-feature-copy h2 em{font-style:normal;color:#f47721}.about-lead{font-size:14px;line-height:1.95;color:#686868;max-width:560px;margin:0 0 27px}.about-feature-point{display:flex;gap:17px;align-items:flex-start;margin:22px 0}.about-point-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;background:#171717;color:#f47721;font-size:20px;border-radius:50%;box-shadow:0 0 0 6px #f4772117}.about-feature-point h3{font-size:17px;margin:0 0 6px}.about-feature-point p{font-size:12px;line-height:1.8;color:#777;margin:0;max-width:450px}.about-feature-button{margin-top:12px;display:inline-flex}
@media(max-width:850px){.about-feature{grid-template-columns:1fr;gap:35px;padding-top:70px;padding-bottom:75px}.about-feature-visual{min-height:0;padding:20px 24px 35px 0}.about-feature-visual>img{height:clamp(300px,65vw,470px)}.about-vertical-label{left:-20px}.about-count{right:0}.about-feature-copy h2{font-size:clamp(38px,8vw,58px)}}
@media(max-width:600px){.about-feature{padding-top:55px;padding-bottom:60px}.about-feature-visual{padding:16px 15px 30px 0}.about-feature-visual>img{height:340px}.about-frame{left:-12px;border-width:8px}.about-count{min-width:120px;padding:13px 16px}.about-count strong{font-size:43px}.about-count span{font-size:10px}.about-vertical-label{left:-10px;font-size:7px}.about-feature-copy h2{font-size:42px}.about-lead{font-size:13px}.about-feature-point h3{font-size:15px}.about-feature-point p{font-size:11px}}

/* Masaustu okunabilirlik iyilestirmesi: mobil boyutlar korunur */
@media (min-width: 1100px) {
  .topbar { font-size: 11px; }
  .nav a { font-size: 12px; }
  .nav-menu a { font-size: 12px !important; }
  .header-cta { font-size: 12px; padding: 15px 20px; }
  .eyebrow, .kicker { font-size: 11px; }
  .hero-content > p:not(.eyebrow) { font-size: 17px; max-width: 560px; }
  .btn { font-size: 12px; padding: 17px 22px; }
  .hero-foot { font-size: 10px; }
  .section-head > p, .copy p, .split p, .cta p { font-size: 16px; }
  .card-meta { font-size: 10px; }
  .card-title { font-size: 19px; }
  .bullets li { font-size: 15px; }
  .band p, .project-cta .cta-copy p { font-size: 16px; }
  .tile-label small { font-size: 11px; }
  .tile-label strong { font-size: 18px; }
  .benefit h3 { font-size: 21px; }
  .benefit p, .process-grid p { font-size: 15px; }
  .proof-strip strong { font-size: 13px; }
  .proof-strip small { font-size: 12px; }
  .process-grid h3 { font-size: 20px; }
  .catalog-group { font-size: 10px; }
  .catalog-item strong { font-size: 20px; }
  .text-link { font-size: 12px; }
  .footer p, .footer-col { font-size: 13px; }
  .footer-col strong { font-size: 11px; }
  .footer-bottom { font-size: 11px; }
  .contact-box strong { font-size: 15px; }
  .contact-box p, .contact-box a { font-size: 15px; }
  .form-placeholder label { font-size: 14px; }
  .floating-contact { font-size: 13px; padding: 15px 20px; }
  .about-lead { font-size: 17px; }
  .about-feature-point h3 { font-size: 20px; }
  .about-feature-point p { font-size: 15px; }
  .about-count span { font-size: 14px; }
}

/* Logo güncellemesi: kullanıcının sağladığı turuncu YAYLA logosu */
.header .logo { display:flex; align-items:center; width:auto; max-width:min(340px, 32vw); }
.header .logo img { display:block; width:100%; max-width:340px; height:auto; max-height:64px; object-fit:contain; object-position:left center; }
.footer .footer-logo { display:block; width:min(280px, 100%); height:auto; max-height:72px; object-fit:contain; object-position:left center; }
@media (max-width: 760px) {
  .header .logo { max-width:220px; }
  .header .logo img { max-height:48px; }
  .footer .footer-logo { max-width:220px; max-height:58px; }
}

/* Standart üst menü: tüm sayfalarda aynı sıra, isim ve aralıklar */
.header .nav { display:flex; align-items:center; gap:clamp(16px, 2vw, 30px); }
.header .nav > a, .header .nav .nav-parent { white-space:nowrap; }
.header .nav-dropdown { position:relative; }
.header .nav-menu { min-width:230px; }
@media (max-width:760px) {
  .header .nav { align-items:stretch; gap:0; }
  .header .nav > a, .header .nav .nav-parent { white-space:normal; }
}

/* Mutfak dolapları fotoğraf galerisi */
.gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.gallery img { display:block; width:100%; height:260px; object-fit:cover; border-radius:3px; background:#eee; }
@media(max-width:900px){ .gallery{grid-template-columns:repeat(2,minmax(0,1fr));}.gallery img{height:220px;} }
@media(max-width:560px){ .gallery{grid-template-columns:1fr;}.gallery img{height:auto;max-height:360px;} }

/* Mobil menü düzeltmesi: varsayılan kapalı, yalnızca hamburger tıklanınca açılır */
@media (max-width:680px) {
  .header .nav { display:none; position:absolute; top:70px; left:0; right:0; z-index:1000; background:#fff; padding:12px 6% 20px; flex-direction:column; align-items:stretch; gap:0; box-shadow:0 12px 20px rgba(0,0,0,.12); }
  .header .nav.open { display:flex; }
  .header .menu-toggle { display:block; position:relative; z-index:1001; cursor:pointer; }
  .header { position:sticky; top:0; z-index:1002; }
}

/* Product portfolio cards with Yayla Grup logo watermark */
.product-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.product-portfolio-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e7e2dc;min-width:0}
.product-portfolio-card img.product-photo{display:block;width:100%;height:270px;object-fit:cover;transition:transform .45s ease}
.product-portfolio-card:hover img.product-photo{transform:scale(1.035)}
.product-portfolio-card .brand-watermark{position:absolute;right:12px;bottom:12px;width:118px;max-width:38%;height:auto;padding:7px 9px;background:rgba(255,255,255,.88);border-radius:4px;box-shadow:0 4px 18px #0002}
.product-portfolio-card .portfolio-caption{padding:13px 15px;font-weight:700;font-size:15px;color:#171717}
@media(max-width:800px){.product-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-portfolio-card img.product-photo{height:205px}.product-portfolio-card .brand-watermark{width:92px;right:8px;bottom:8px}}
@media(max-width:480px){.product-portfolio-grid{grid-template-columns:1fr}.product-portfolio-card img.product-photo{height:245px}}

/* Redesigned footer: contact details anchored on the left */
.footer-redesign{background:#151515;color:#f5f5f5;padding:52px 8% 22px;border-top:5px solid #ff781f}.footer-redesign .footer-main{grid-template-columns:1.65fr .75fr 1fr;gap:clamp(28px,5vw,76px);padding-bottom:34px}.footer-redesign .footer-logo{width:min(300px,100%);background:#fff;padding:5px 8px;border-radius:2px}.footer-redesign .footer-tagline{color:#bdbdbd;font-size:12px;line-height:1.8;margin:14px 0 25px}.footer-redesign .footer-heading{display:block;color:#ff8a35;font-size:10px;letter-spacing:.16em;margin-bottom:15px}.footer-redesign .footer-contact-row{display:flex;align-items:flex-start;gap:12px;color:#ddd;font-size:12px;line-height:1.8;margin:11px 0}.footer-redesign .footer-contact-row:hover,.footer-redesign .footer-col a:hover{color:#ff8a35}.footer-redesign .footer-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #ff781f;color:#ff8a35;border-radius:50%;font-size:15px;line-height:1}.footer-redesign .footer-map-link{display:inline-block;margin:10px 0 0 40px;color:#ff8a35;font-size:9px;font-weight:800;letter-spacing:.1em;border-bottom:1px solid #ff781f;padding-bottom:5px}.footer-redesign .footer-col{color:#bdbdbd;gap:13px}.footer-redesign .footer-col strong{color:#fff;border-left:3px solid #ff781f;padding:3px 0 3px 10px;margin-bottom:5px}.footer-redesign .footer-bottom{border-top:1px solid #383838;padding-top:18px;color:#999}.footer-redesign .footer-bottom a{color:#ff8a35;font-weight:700;letter-spacing:.08em}.footer-redesign .footer-bottom a:hover{color:#fff}
@media(max-width:680px){.footer-redesign{padding:35px 7% 20px}.footer-redesign .footer-main{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-redesign .footer-contact{grid-column:1/-1}.footer-redesign .footer-logo{width:min(270px,100%)}.footer-redesign .footer-tagline{margin-bottom:22px}.footer-redesign .footer-col{font-size:11px}.footer-redesign .footer-bottom{gap:12px;line-height:1.7}.footer-redesign .footer-map-link{margin-left:40px}}