:root{--primary:#ff6a00;--primary-dark:#e05300;--primary-light:#ff9140;--text:#1a1a2e;--text-light:#555;--bg:#fff;--bg-alt:#f7f5f2;--bg-light:#faf8f5;--border:#eae5df;--shadow-sm:0 2px 12px rgba(0,0,0,.06);--shadow-md:0 8px 30px rgba(0,0,0,.1);--shadow-lg:0 20px 60px rgba(0,0,0,.12);--shadow:0 8px 30px rgba(0,0,0,.1);--radius:16px;--radius-sm:10px;--transition:all .3s cubic-bezier(.4,0,.2,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* HEADER */
header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);transition:var(--transition)}
header.scrolled{box-shadow:var(--shadow-sm)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:6px;font-weight:800;font-size:1.5rem;letter-spacing:-.02em}
.logo-alera{color:var(--primary)}
.logo span:last-child{color:var(--text)}
nav{display:flex;align-items:center;gap:32px}
nav>a,.nav-services>a{font-size:.875rem;font-weight:500;color:var(--text-light);transition:var(--transition);padding:8px 0;position:relative}
nav>a:hover,.nav-services>a:hover{color:var(--primary)}
nav>a.active{color:var(--primary);font-weight:600}
nav>a.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary);border-radius:1px}
.nav-services{position:relative}
.nav-services:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown{position:absolute;top:100%;left:-16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);min-width:260px;padding:8px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--transition);margin-top:12px}
.dropdown::before{content:'';position:absolute;top:-6px;left:30px;width:12px;height:12px;background:#fff;border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg)}
.dropdown a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);font-size:.9rem;color:var(--text);transition:var(--transition);font-weight:500}
.dropdown a:hover{background:var(--bg-alt);color:var(--primary);transform:translateX(4px)}
.header-cta{display:flex;align-items:center;gap:12px}
.btn-phone{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:50px;border:1.5px solid var(--primary);color:var(--primary);font-weight:600;font-size:.875rem;transition:var(--transition)}
.btn-phone:hover{background:var(--primary);color:#fff;box-shadow:0 4px 16px rgba(243,146,0,.3)}
.btn-primary{padding:10px 24px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50px;font-weight:600;font-size:.875rem;transition:all .3s ease;border:none;cursor:pointer;display:inline-block;text-align:center;position:relative;overflow:hidden}
.btn-primary::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.15);border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(243,146,0,.35)}
.btn-primary:hover::after{width:300px;height:300px}
.btn-primary:active{transform:translateY(0)}
.btn-primary.btn-lg{padding:16px 36px;font-size:1rem}
.btn-outline{padding:14px 28px;border:2px solid var(--primary);color:var(--primary);border-radius:50px;font-weight:600;transition:all .3s ease;display:inline-block;position:relative;overflow:hidden}
.btn-outline:hover{background:var(--primary);color:#fff;box-shadow:0 6px 20px rgba(243,146,0,.25);transform:translateY(-2px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;font-family:inherit}
.hamburger span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:var(--transition)}

/* SKIP LINK */
.skip-link{position:absolute;top:-100%;left:16px;background:var(--primary);color:#fff;padding:12px 24px;border-radius:0 0 var(--radius-sm) var(--radius-sm);font-weight:600;font-size:.88rem;z-index:10000;transition:top .2s ease}
.skip-link:focus{top:0}

/* FOCUS VISIBLE */
*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(243,146,0,.15)}

/* TRUST BAND */
.trust-band{background:linear-gradient(135deg,#1a1a2e 0%,#0f3460 50%,#1a1a2e 100%);padding:20px 0;overflow:hidden;border-top:1px solid rgba(243,146,0,.15);border-bottom:1px solid rgba(243,146,0,.15)}
.trust-logos{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}
.trust-logos span{color:rgba(255,255,255,.95);font-size:.92rem;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:10px;letter-spacing:.01em;transition:all 0.3s ease}
@media(max-width:768px){.trust-logos{gap:16px;justify-content:flex-start;flex-wrap:nowrap;animation:trustScroll 20s linear infinite;width:max-content}.trust-band{overflow:hidden}}
@keyframes trustScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* TEAM PHOTO */
.team-photo{border-radius:var(--radius);overflow:hidden;position:relative}
.team-photo img{width:100%;height:100%;object-fit:cover;display:block}

/* SECTION LIGHT */
.section-light{background:var(--bg-light)}

/* HERO */
.hero{background:linear-gradient(160deg,rgba(10,10,26,0.82) 0%,rgba(26,26,46,0.85) 30%,rgba(22,33,62,0.85) 60%,rgba(15,52,96,0.9) 100%);padding:5px 0 15px;position:relative;overflow:hidden;color:#fff}
.hero::before{content:'';position:absolute;top:-200px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(243,146,0,.15) 0%,transparent 60%);border-radius:50%;animation:heroPulse 6s ease-in-out infinite}
.hero::after{content:'';position:absolute;bottom:-200px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(15,52,96,.4) 0%,transparent 60%);border-radius:50%}
@keyframes heroPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}
.hero-grid{display:grid;grid-template-columns:1.25fr 0.75fr;gap:48px;align-items:center;position:relative;z-index:2}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:6px 16px;border-radius:50px;font-size:.8rem;font-weight:600;margin-bottom:10px;border:1px solid rgba(255,255,255,0.1);position:relative;overflow:hidden}
.hero h1{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800;line-height:1.15;margin-bottom:8px;letter-spacing:-.02em;color:#fff}
.hero-text{font-size:1.02rem;color:rgba(255,255,255,.75);margin-bottom:16px;max-width:550px;line-height:1.65}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.hero-btns .btn-primary{box-shadow:0 0 30px rgba(243,146,0,.35);transition:all .3s ease}
.hero-btns .btn-primary:hover{box-shadow:0 0 50px rgba(243,146,0,.5);transform:translateY(-2px)}
.hero-btns .btn-outline{border-color:var(--primary);color:#fff;background:rgba(243,146,0,0.04)}
.hero-btns .btn-outline:hover{background:var(--primary);color:#fff;box-shadow:0 6px 20px rgba(243,146,0,.25)}

/* HERO CHECKLIST OVERRIDE */
.hero-checklist.checklist{grid-template-columns:1fr;gap:8px;display:flex;flex-direction:column;}
.hero-checklist.checklist li{padding:8px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);color:rgba(255,255,255,0.85);max-width:380px;}
.hero-checklist.checklist li:hover{background:rgba(255,255,255,0.08);box-shadow:none;}

/* SAATLİK HESAPLAYICI ALANI */
.hero-calc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;margin-top:24px;}
.calc-hour-card{background:rgba(255,255,255,0.05);border:1.5px solid rgba(255,255,255,0.1);border-radius:12px;padding:20px 12px;text-align:center;cursor:pointer;transition:var(--transition);user-select:none;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:190px;}
.calc-hour-card:hover{background:rgba(255,255,255,0.08);border-color:rgba(243,146,0,0.5);transform:translateY(-4px);}
.calc-hour-card.active{background:rgba(243,146,0,0.1);border-color:var(--primary);box-shadow:0 8px 30px rgba(243,146,0,0.15);}
.hour-title{font-size:0.85rem;font-weight:700;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:8px;}
.calc-hour-card.active .hour-title{color:var(--primary-light);}
.hour-price{font-size:1.6rem;font-weight:800;color:#fff;line-height:1.2;}
.hour-price span{font-size:0.75rem;font-weight:500;color:rgba(255,255,255,0.5);margin-left:2px;}
.hour-label{font-size:0.72rem;color:rgba(255,255,255,0.4);margin-bottom:12px;}
.hour-radio{width:18px;height:18px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;transition:var(--transition);}
.calc-hour-card.active .hour-radio{border-color:var(--primary);background:#fff;}
.radio-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);display:none;}
.calc-hour-card.active .radio-dot{display:block;}
.hour-desc{font-size:0.75rem;color:rgba(255,255,255,0.5);line-height:1.3;}
.calc-hour-card.active .hour-desc{color:rgba(255,255,255,0.85);}

@media(max-width:1024px){
  .hero-calc-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px){
  .hero-calc-grid{display:flex;overflow-x:auto;gap:12px;padding:8px 0 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:flex-start;}
  .calc-hour-card{flex:0 0 150px;scroll-snap-align:start;min-height:180px;padding:16px 8px;}
  .hero-grid{grid-template-columns:1fr;gap:32px;}
  .hero-image-wrapper{order:-1;}
}

/* HERO DECORATIVE */
.hero-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;z-index:1}
.hero-blob-1{width:300px;height:300px;background:var(--primary);top:10%;right:20%;animation:blobFloat 8s ease-in-out infinite}
.hero-blob-2{width:200px;height:200px;background:#0f3460;bottom:10%;left:10%;animation:blobFloat 10s ease-in-out infinite reverse}
@keyframes blobFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-20px)}}

/* CALCULATOR — Light theme (ic sayfalarda) */
.section .calculator-card{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--shadow-lg);border:1px solid var(--border)}
.section .calculator-card::before{height:3px}
.section .calc-title{color:var(--text)}
.section .calc-group label{color:var(--text-light)}
.section .calc-opt{border-color:var(--border);background:#fff;color:var(--text)}
.section .calc-opt:hover{border-color:var(--primary);background:rgba(243,146,0,.05)}
.section .calc-select{border-color:var(--border);background:#fff;color:var(--text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.section .calc-select option{background:#fff;color:var(--text)}

/* SECTIONS */
.section{padding:80px 0}
.section-alt{background:var(--bg-alt)}
.section-header{text-align:center;margin-bottom:56px}
.section-tag{display:inline-block;background:rgba(243,146,0,.08);color:var(--primary-dark);padding:6px 16px;border-radius:50px;font-size:.78rem;font-weight:600;margin-bottom:14px;text-transform:uppercase;letter-spacing:.05em}
.section-header h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;margin-bottom:12px;letter-spacing:-.02em}
.section-header p{color:var(--text-light);max-width:520px;margin:0 auto;font-size:.95rem}

/* STEPS */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.step-card{text-align:center;padding:32px 20px;border-radius:var(--radius);transition:var(--transition);position:relative}
.step-card:hover{background:#fff;box-shadow:var(--shadow-md)}
.step-num{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;margin:0 auto 16px;box-shadow:0 6px 20px rgba(243,146,0,.3)}
.step-card h3{font-size:.95rem;font-weight:700;margin-bottom:8px}
.step-card p{font-size:.85rem;color:var(--text-light);line-height:1.6}

/* SERVICE CARDS */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.service-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:var(--transition);display:block}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.service-card-img{height:200px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative;overflow:hidden;background-size:cover;background-position:center}
.service-card-img.ev{background:linear-gradient(135deg,#fff5e6,#ffe8c8)}
.service-card-img.genel{background:linear-gradient(135deg,#eef3ff,#d8e4ff)}
.service-card-img.cam{background:linear-gradient(135deg,#e6f7ff,#c0e8ff)}
.service-card-img.tasima{background:linear-gradient(135deg,#fff8e6,#ffe8b0)}
.service-card-img.asfalt{background:linear-gradient(135deg,#f0f0f0,#ddd)}
.service-card-body{padding:24px}
.service-card-body h3{font-size:1.05rem;font-weight:700;margin-bottom:8px}
.service-card-body p{font-size:.85rem;color:var(--text-light);margin-bottom:16px;line-height:1.6}
.service-tag{display:inline-block;background:rgba(243,146,0,.08);color:var(--primary-dark);padding:5px 14px;border-radius:50px;font-size:.78rem;font-weight:600}

/* CHECKLIST */
.checklist{list-style:none;display:flex;flex-direction:column;gap:12px}
.checklist li{position:relative;padding-left:32px;font-size:.92rem;color:var(--text-light);line-height:1.6}
.checklist li::before{content:'✓';position:absolute;left:0;top:0;width:22px;height:22px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;box-shadow:0 3px 10px rgba(243,146,0,.2)}

/* GUARANTEE CARDS (Neden Biz) */
.guarantee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.guarantee-card{background:linear-gradient(145deg,#ffffff,#f8f9fa);border-radius:var(--radius);padding:40px 32px;border:1px solid rgba(243,146,0,0.1);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.03);text-align:center;z-index:1}
.guarantee-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(243,146,0,0.05) 0%,transparent 100%);z-index:-1;opacity:0;transition:opacity 0.4s ease}
.guarantee-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(243,146,0,0.12);border-color:var(--primary-light)}
.guarantee-card:hover::before{opacity:1}
.guarantee-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 24px;box-shadow:0 8px 20px rgba(243,146,0,0.3);transition:transform 0.4s ease}
.guarantee-card:hover .guarantee-icon{transform:scale(1.1) rotate(5deg)}
.guarantee-card h3{font-size:1.15rem;font-weight:800;margin-bottom:12px;color:var(--text-dark)}
.guarantee-card p{font-size:0.92rem;color:var(--text-light);line-height:1.7}

/* REVIEW CARDS */
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.review-card{background:#fff;border-radius:var(--radius);padding:28px;border:1px solid var(--border);transition:var(--transition)}
.review-stars{color:var(--primary);font-size:1rem;margin-bottom:12px;letter-spacing:2px}
.review-text{font-size:.9rem;color:var(--text-light);margin-bottom:20px;line-height:1.7;font-style:italic}
.reviewer{display:flex;align-items:center;gap:12px}
.reviewer-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}
.reviewer-name{font-weight:600;font-size:.88rem}
.reviewer-date{font-size:.75rem;color:var(--text-light)}

/* STATS */
.stats-bar{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:56px 0;color:#fff}
.stats-bar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}
.stats-bar .stat-num{color:#fff;font-size:2.6rem;font-weight:800;letter-spacing:-.02em}
.stats-bar .stat-label{color:rgba(255,255,255,.8);font-size:.85rem;font-weight:500;margin-top:4px}

/* CTA */
.cta-section{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:80px 0;color:#fff;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(243,146,0,.15),transparent 70%);border-radius:50%}
.cta-section h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:16px;position:relative}
.cta-section p{color:rgba(255,255,255,.7);margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto;position:relative}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative}
.btn-white{padding:14px 32px;background:#fff;color:var(--primary-dark);border-radius:50px;font-weight:700;transition:var(--transition);display:inline-block}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,255,255,.2)}
.btn-ghost{padding:14px 32px;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:50px;font-weight:600;transition:var(--transition);display:inline-block}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}

/* FOOTER */
footer{background:#0c0c1d;color:rgba(255,255,255,.8);padding:64px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-brand p{font-size:.88rem;color:rgba(255,255,255,.45);margin:14px 0 20px;max-width:280px;line-height:1.7}
.footer-contact a{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6);font-size:.88rem;margin-bottom:10px;transition:var(--transition)}
.footer-contact a:hover{color:var(--primary)}
footer h4{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:18px;text-transform:uppercase;letter-spacing:.05em}
footer ul{list-style:none}
footer ul li{margin-bottom:2px}
footer ul li a{font-size:.85rem;color:rgba(255,255,255,.5);transition:var(--transition);display:block;padding:5px 0}
footer ul li a:hover{color:var(--primary);padding-left:6px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:rgba(255,255,255,.3)}

/* FLOATING */
.floating-btns{position:fixed;bottom:24px;left:24px;z-index:998;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.float-btn{display:flex;align-items:center;gap:8px;padding:14px 20px;border-radius:50px;font-weight:600;font-size:.88rem;box-shadow:0 4px 20px rgba(0,0,0,.15);transition:var(--transition);cursor:pointer;border:none;color:#fff}
.float-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 28px rgba(0,0,0,.2)}
.float-btn.whatsapp{background:#25D366}
.float-btn.phone{background:var(--primary)}
.float-label{font-size:.82rem}

/* PAGE HERO */
.page-hero{background:linear-gradient(135deg,#fff9f0,#fff4e6);padding:56px 0 44px;border-bottom:1px solid var(--border)}
.page-hero h1{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;margin-bottom:12px;letter-spacing:-.02em}
.page-hero p{color:var(--text-light);max-width:600px;font-size:.95rem}
.breadcrumb{display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--text-light);margin-bottom:14px}
.breadcrumb a{color:var(--primary);font-weight:500}

/* CONTENT */
.content-grid{display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:start}
.checklist{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.checklist li{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;padding:12px 16px;background:var(--bg-alt);border-radius:var(--radius-sm);transition:var(--transition);line-height:1.5}
.checklist li:hover{background:#fff;box-shadow:var(--shadow-sm)}
.checklist li::before{content:'\2713';color:var(--primary);font-weight:700;flex-shrink:0}

/* FORM */
.contact-form{background:#fff;border-radius:var(--radius);padding:36px;border:1px solid var(--border);box-shadow:var(--shadow-md)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:.82rem;font-weight:600;margin-bottom:6px;color:var(--text-light)}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;transition:var(--transition);background:#fff;font-family:inherit}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(243,146,0,.1)}
.form-group textarea{min-height:120px;resize:vertical}

/* FAQ */
.faq-list{max-width:700px;margin:0 auto}
.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;overflow:hidden;transition:var(--transition)}
.faq-item:hover{border-color:var(--primary)}
.faq-q{padding:18px 20px;font-weight:600;font-size:.92rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:var(--transition)}
.faq-q:hover{color:var(--primary)}
.faq-a{padding:0 20px 18px;font-size:.88rem;color:var(--text-light);display:none;line-height:1.7}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q{color:var(--primary)}

/* MISC */
.info-card{background:#fff;border-radius:var(--radius);padding:32px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.info-card h3{font-size:1.1rem;font-weight:700;margin-bottom:12px}
.timeline{position:relative;padding-left:32px}
.timeline::before{content:'';position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),transparent)}
.timeline-item{position:relative;padding-bottom:36px}
.timeline-item::before{content:'';position:absolute;left:-26px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--primary);border:3px solid #fff;box-shadow:0 0 0 2px var(--primary)}
.timeline-year{font-size:.78rem;font-weight:700;color:var(--primary);margin-bottom:4px}
.timeline-item h3{font-size:.95rem;font-weight:700;margin-bottom:4px}
.timeline-item p{font-size:.85rem;color:var(--text-light)}
.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.value-card{text-align:center;padding:28px 20px;border-radius:var(--radius);background:var(--bg-alt);transition:var(--transition)}
.value-card:hover{background:#fff;box-shadow:var(--shadow-md)}
.value-icon{font-size:2rem;margin-bottom:12px}
.value-card h3{font-size:.9rem;font-weight:700;margin-bottom:6px}
.value-card p{font-size:.8rem;color:var(--text-light)}
.job-card{background:#fff;border-radius:var(--radius);padding:28px;border:1px solid var(--border);transition:var(--transition);margin-bottom:14px}
.job-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}
.job-card h3{font-size:1.05rem;font-weight:700;margin-bottom:8px}
.job-meta{display:flex;gap:16px;font-size:.8rem;color:var(--text-light);margin-bottom:10px}
.job-card p{font-size:.88rem;color:var(--text-light);margin-bottom:14px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contact-info-card{background:var(--bg-alt);border-radius:var(--radius);padding:24px;margin-bottom:14px;border:1px solid var(--border);transition:var(--transition)}
.contact-info-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}
.contact-info-card h3{font-size:.95rem;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.contact-info-card p,.contact-info-card a{font-size:.88rem;color:var(--text-light);display:block;margin-bottom:2px}
.map-container{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);margin-top:16px}
.map-container iframe{width:100%;height:300px;border:none}

/* CONTACT PAGE GRID */
.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}

/* MOBILE MENU */
.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1000;padding:24px;overflow-y:auto;flex-direction:column;gap:4px}
.mobile-menu.open{display:flex}
.mobile-menu-close{align-self:flex-end;font-size:1.5rem;cursor:pointer;color:var(--text-light);margin-bottom:20px;padding:8px}
.mobile-menu a{padding:14px 0;border-bottom:1px solid var(--border);font-size:1rem;font-weight:500;color:var(--text)}
.mobile-menu a:hover{color:var(--primary)}

/* Animations handled by GSAP */

/* RESPONSIVE */
@media(max-width:1024px){
.services-grid{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:1fr 1fr}
.content-grid,.hero-grid{grid-template-columns:1fr}
.contact-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
nav{display:none}
.hamburger{display:flex}
.hero-grid{grid-template-columns:1fr}
.hero{padding:48px 0 32px}
.steps{grid-template-columns:repeat(2,1fr)}
.services-grid,.reviews-grid{grid-template-columns:1fr}
.stats-bar-grid{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:1fr}
.checklist{grid-template-columns:1fr}
.form-row{grid-template-columns:1fr}
.btn-phone{display:none}
.values-grid{grid-template-columns:1fr}
.hero-stats{flex-wrap:wrap;gap:20px}
.hero-stats .stat+.stat{padding-left:0;border-left:none}
.float-btn .float-label{display:none}
.float-btn{padding:14px;border-radius:50%;width:52px;height:52px;justify-content:center}
.section{padding:56px 0}
.contact-page-grid{grid-template-columns:1fr !important}
}

.logo-img{height:40px;width:auto;display:block;transition:var(--transition)}
.logo-img:hover{transform:scale(1.02)}

/* BEFORE / AFTER SLIDER & PARALLAX BACKGROUNDS */
.hero-parallax {
  position: relative;
  min-height: 580px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #0b0b13 0%, #170d26 100%);
}
.hero-parallax .hero-bg {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  opacity: 0.35; filter: grayscale(10%) blur(0.5px);
  transform: scale(1.02);
  z-index: 1;
}
.hero-parallax .container {
  position: relative;
  z-index: 2;
}

.ba-section {
  padding: 80px 0;
  background: var(--bg-light);
}
.ba-tabs {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}
.ba-tab {
  padding: 10px 24px;
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 50px;
  font-size: .9rem;
  font-weight: 600;
  color: var(--text-light);
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: inherit;
}
.ba-tab:hover {
  border-color: var(--primary-light);
  color: var(--primary);
}
.ba-tab.active {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
  box-shadow: 0 4px 15px rgba(243, 146, 0, 0.25);
}
.ba-container {
  position: relative;
  width: 100%;
  max-width: 800px;
  height: 480px;
  margin: 40px auto 0;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  border: 1px solid var(--border);
  user-select: none;
}
.ba-container img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.ba-before {
  z-index: 1;
}
.ba-after {
  z-index: 2;
  clip-path: inset(0 0 0 50%);
}
.ba-slider-bar {
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  width: 4px;
  background: #fff;
  z-index: 3;
  cursor: ew-resize;
  transform: translateX(-50%);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.ba-slider-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  background: var(--primary);
  border: 4px solid #fff;
  border-radius: 50%;
  z-index: 4;
  cursor: ew-resize;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 800;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  font-size: 1.1rem;
  transition: transform 0.1s ease;
}
.ba-slider-button:active {
  transform: translate(-50%, -50%) scale(1.1);
}
.ba-label {
  position: absolute;
  bottom: 20px;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 0.8rem;
  font-weight: 700;
  z-index: 5;
  color: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.ba-label.before {
  left: 20px;
  background: rgba(220, 38, 38, 0.85);
}
.ba-label.after {
  right: 20px;
  background: rgba(22, 163, 74, 0.85);
}
@media (max-width: 768px) {
  .ba-container {
    height: 320px;
  }
}

.hero-parallax h1 {
  color: #fff !important;
}
.hero-parallax p.hero-text {
  color: rgba(255, 255, 255, 0.85) !important;
}
.hero-parallax .stat-label {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* PAGE HERO WITH IMAGE STYLES */
.page-hero-img {
  position: relative;
  padding: 100px 0 80px;
  background: linear-gradient(135deg, #111122 0%, #201335 100%);
  color: #fff;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.page-hero-img .hero-bg {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0.22;
  filter: blur(1px);
  z-index: 1;
}
.page-hero-img .container {
  position: relative;
  z-index: 2;
}
.page-hero-img h1 {
  color: #fff !important;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  margin-top: 12px;
}
.page-hero-img p {
  color: rgba(255, 255, 255, 0.85) !important;
  max-width: 600px;
  font-size: 1.05rem;
}
.page-hero-img .breadcrumb {
  color: rgba(255, 255, 255, 0.6);
}
.page-hero-img .breadcrumb a {
  color: var(--primary-light);
}

/* iOS SAFARI PARALLAX FIX */
@supports (-webkit-touch-callout: none) {
  .hero-parallax .hero-bg { background-attachment: scroll; }
}

/* ═══════════════════════════════════════
   V2 PREMIUM — 3D Effects & Micro-anims
   ═══════════════════════════════════════ */

/* 3D Card Perspective */
.service-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;perspective:800px}
.service-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 25px 50px rgba(0,0,0,.12),0 0 0 1px rgba(243,146,0,.1);border-color:transparent}
.service-card:hover .service-card-img img{transform:scale(1.08);transition:transform .6s ease}
.service-card .service-card-img img{transition:transform .6s ease}

/* Service tag pulse on hover */
.service-card:hover .service-tag{animation:tagPulse 1.5s ease infinite}
@keyframes tagPulse{0%,100%{box-shadow:0 0 0 0 rgba(243,146,0,.3)}50%{box-shadow:0 0 0 8px rgba(243,146,0,0)}}

/* Premium CTA Buttons — glow effect */
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 15px rgba(243,146,0,.25);transition:all .35s cubic-bezier(.175,.885,.32,1.275)}
.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px rgba(243,146,0,.4),0 0 20px rgba(243,146,0,.15)}
.btn-primary.btn-lg{font-size:1rem;letter-spacing:.01em}
.btn-primary.btn-lg:hover{box-shadow:0 12px 40px rgba(243,146,0,.45),0 0 30px rgba(243,146,0,.2)}

/* Outline button — border animation */
.btn-outline{transition:all .35s cubic-bezier(.175,.885,.32,1.275)}
.btn-outline:hover{transform:translateY(-3px) scale(1.02)}

/* White CTA button — premium */
.btn-white{transition:all .35s cubic-bezier(.175,.885,.32,1.275)}
.btn-white:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 35px rgba(255,255,255,.25)}

/* Ghost button glow */
.btn-ghost{transition:all .35s ease}
.btn-ghost:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(255,255,255,.1)}

/* Phone button shimmer */
.btn-phone{position:relative;overflow:hidden}
.btn-phone::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(243,146,0,.08),transparent);animation:shimmer 4s ease-in-out infinite}

/* Step card — 3D hover */
.step-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}
.step-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.08)}
.step-card:hover .step-num{transform:scale(1.1);box-shadow:0 8px 25px rgba(243,146,0,.4)}
.step-num{transition:all .4s ease}

/* Review card — premium */
.review-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}
.review-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.08);border-color:rgba(243,146,0,.15)}
.review-card:hover .review-stars{transform:scale(1.05);display:inline-block}
.review-stars{transition:transform .3s ease}

/* Stats bar — counter glow */
.stats-bar{position:relative;overflow:hidden}
.stats-bar::before{content:'';position:absolute;top:-50%;left:-30%;width:160%;height:200%;background:radial-gradient(ellipse,rgba(255,255,255,.05) 0%,transparent 70%);animation:statsGlow 8s ease-in-out infinite}
@keyframes statsGlow{0%,100%{transform:translateX(-20%)}50%{transform:translateX(20%)}}

/* CTA section — floating particles */
.cta-section::after{content:'';position:absolute;bottom:-80px;left:-80px;width:350px;height:350px;background:radial-gradient(circle,rgba(243,146,0,.1),transparent 70%);border-radius:50%;animation:heroPulse 8s ease-in-out infinite reverse}

/* Guarantee card — enhanced 3D */
.guarantee-card{transform-style:preserve-3d;perspective:600px}
.guarantee-card:hover{transform:translateY(-10px) rotateY(2deg);box-shadow:0 25px 50px rgba(243,146,0,.12)}

/* Floating buttons — pulse ring */
.float-btn{position:relative}
.float-btn::before{content:'';position:absolute;inset:-4px;border-radius:50px;background:transparent;border:2px solid currentColor;opacity:0;animation:floatPulse 2.5s ease-in-out infinite}
@keyframes floatPulse{0%{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}100%{opacity:0;transform:scale(1.15)}}

/* FAQ enhanced */
.faq-item{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}
.faq-item:hover{transform:translateX(4px);border-color:rgba(243,146,0,.3)}
.faq-item.open{box-shadow:0 8px 25px rgba(243,146,0,.08);border-color:var(--primary)}

/* Calculator card — glass shimmer */
.calculator-card{transition:all .5s ease}
.calculator-card:hover{box-shadow:0 25px 70px rgba(0,0,0,.35);border-color:rgba(255,255,255,.15)}

/* BA slider — enhanced */
.ba-container{transition:box-shadow .3s ease}
.ba-container:hover{box-shadow:0 20px 50px rgba(0,0,0,.15)}
.ba-tab{transition:all .35s cubic-bezier(.175,.885,.32,1.275)}
.ba-tab:hover{transform:translateY(-2px)}
.ba-tab.active{transform:translateY(-2px)}

/* Value cards — 3D */
.value-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}
.value-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,.08)}

/* Job cards — premium */
.job-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}
.job-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 15px 35px rgba(243,146,0,.08)}

/* Contact info card */
.contact-info-card{transition:all .35s cubic-bezier(.175,.885,.32,1.275)}
.contact-info-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.06)}

/* Section header — underline animation */
.section-header h2{position:relative;display:inline-block}
.section-header h2::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);border-radius:2px;transition:width .6s ease}
.section-header h2.is-visible::after,.section-header:hover h2::after{width:60px}

/* Smooth scroll override for Lenis */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}



/* PREMIUM REFERENCE & GALLERY STYLES */
.ref-card-premium {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 24px;
  text-align: left;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.02);
  position: relative;
  overflow: hidden;
}
.ref-card-premium::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: var(--primary);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ref-card-premium:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(243,146,0,0.08);
  border-color: rgba(243,146,0,0.3);
}
.ref-card-premium:hover::before {
  opacity: 1;
}
.ref-card-badge {
  display: inline-block;
  background: rgba(243,146,0,0.06);
  color: var(--primary-dark);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 50px;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.ref-card-title {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--text);
  margin-bottom: 8px;
  line-height: 1.35;
}
.ref-card-loc {
  font-size: 0.82rem;
  color: var(--text-light);
  display: flex;
  align-items: center;
  gap: 6px;
}
.ref-card-loc svg {
  color: var(--primary);
}

/* GALLERY CARDS */
.gallery-card-premium {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,0.04);
  border: 1px solid var(--border);
  background: #fff;
  transition: all 0.4s ease;
}
.gallery-img-wrapper {
  position: relative;
  overflow: hidden;
  height: 220px;
}
.gallery-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.gallery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(26,26,46,0.9) 0%, rgba(26,26,46,0.3) 50%, rgba(26,26,46,0.1) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  opacity: 0.85;
  transition: opacity 0.4s ease;
}
.gallery-tag-inner {
  color: var(--primary-light);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 6px;
  letter-spacing: 0.05em;
}
.gallery-title-inner {
  color: #fff;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.3;
}
.gallery-card-premium:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0,0,0,0.08);
}
.gallery-card-premium:hover .gallery-img-wrapper img {
  transform: scale(1.08);
}
.gallery-card-premium:hover .gallery-overlay {
  opacity: 1;
}

/* PREMIUM TABS FOR COVERAGE */
.cov-tab-btn {
  padding: 12px 28px;
  background: #fff;
  border: 1.5px solid var(--border);
  color: var(--text-light);
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.02);
}
.cov-tab-btn svg {
  color: var(--text-light);
  transition: color 0.3s ease;
}
.cov-tab-btn:hover {
  border-color: var(--primary);
  color: var(--primary);
}
.cov-tab-btn:hover svg {
  color: var(--primary);
}
.cov-tab-btn.active {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  color: #fff;
  border-color: transparent;
  box-shadow: 0 8px 24px rgba(243,146,0,0.25);
}
.cov-tab-btn.active svg {
  color: #fff;
}
.district-badge {
  background: rgba(243,146,0,0.04);
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 8px;
  border: 1px solid rgba(243,146,0,0.1);
  transition: all 0.25s ease;
  display: inline-block;
  margin: 4px;
}
.district-badge:hover {
  background: var(--primary);
  color: #fff;
  border-color: transparent;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(243,146,0,0.15);
}

/* Sayaç Butonları */
.counter-btn:hover {
  background: var(--primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(243,146,0,0.25);
}
.counter-btn:active {
  transform: scale(0.95);
}

/* Çift Gönderim Butonları Mobil Uyum */
@media (max-width: 576px) {
  .wizard-submit-buttons {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .wizard-form-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}


/* WIZARD MODAL POPUP STYLES */
.wizard-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.wizard-overlay.active {
  opacity: 1;
  visibility: visible;
}
.wizard-modal {
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  width: 850px;
  max-width: 95%;
  height: auto;
  max-height: 85vh;
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  z-index: 10001;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--border);
}
.wizard-modal.active {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}

/* Modal header */
.wizard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-bottom: 1.5px solid var(--border);
  background: #fff;
  position: relative;
}
.wizard-back-btn, .wizard-close-btn {
  background: none;
  border: none;
  font-size: 1.4rem;
  cursor: pointer;
  color: var(--text-light);
  transition: var(--transition);
  padding: 4px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wizard-back-btn:hover, .wizard-close-btn:hover {
  color: var(--primary);
  transform: scale(1.1);
}
.wizard-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text);
  margin: 0;
}

/* Progress bar */
.wizard-progress-container {
  width: 100%;
  height: 6px;
  background: #eae5df;
  position: relative;
}
.wizard-progress-bar {
  height: 100%;
  width: 14.28%; /* 1/7 */
  background: linear-gradient(90deg, var(--primary), var(--primary-light));
  transition: width 0.3s ease;
}

/* Modal Content area */
.wizard-body {
  flex: 1;
  display: flex;
  overflow-y: auto;
  min-height: 380px;
}
.wizard-left-panel {
  flex: 1.3;
  padding: 14px 20px;
}
.wizard-right-panel {
  flex: 0.7;
  padding: 14px 20px;
  background: #f7f5f2;
  border-left: 1.5px solid var(--border);
  display: flex;
  flex-direction: column;
}

/* Summary Panel Styles */
.summary-card {
  background: #fff;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.summary-header {
  background: #111c30;
  color: #fff;
  padding: 12px 16px;
  font-weight: 700;
  font-size: 0.95rem;
}
.summary-body {
  padding: 16px;
  flex: 1;
}
.summary-coupon-group {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.summary-coupon-group input {
  flex: 1;
  padding: 8px 12px;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 0.85rem;
}
.summary-coupon-group button {
  background: var(--primary);
  color: #fff;
  border: none;
  padding: 8px 16px;
  border-radius: var(--radius-sm);
  font-weight: 700;
  font-size: 0.85rem;
  cursor: pointer;
  transition: var(--transition);
}
.summary-coupon-group button:hover {
  background: var(--primary-dark);
}
.summary-item-row {
  display: flex;
  justify-content: space-between;
  font-size: 0.88rem;
  color: var(--text-light);
  margin-bottom: 10px;
}
.summary-item-row.bold {
  font-weight: 700;
  color: var(--text);
}
.summary-total {
  background: #111c30;
  color: #fff;
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 800;
  font-size: 1.1rem;
}

/* Action button area */
.wizard-footer {
  padding: 12px 20px;
  border-top: 1.5px solid var(--border);
  display: flex;
  justify-content: flex-end;
  background: #fff;
}
.wizard-next-btn {
  width: 100%;
  padding: 12px;
  background: var(--primary);
  color: #fff;
  border: none;
  font-size: 1.05rem;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: var(--transition);
  border-radius: var(--radius-sm);
}
.wizard-next-btn:hover {
  background: var(--primary-dark);
}

/* Wizard Steps display logic */
.wizard-step {
  display: none;
}
.wizard-step.active {
  display: block;
}

/* Sub-header inside wizard */
.wizard-sub-header {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 10px;
}

/* Date Selection Styles */
.wizard-date-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 28px;
}
#dateCardsContainer {
  display: flex;
  gap: 8px;
  overflow: hidden;
  flex: 1;
  padding: 4px 0;
  justify-content: flex-start;
}
.wizard-date-card {
  flex: 0 0 calc((100% - 24px) / 4);
  height: 58px;
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 8px;
  padding: 6px 4px;
  text-align: center;
  cursor: pointer;
  transition: var(--transition);
  font-size: 0.76rem;
  color: var(--text-light);
  line-height: 1.25;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 576px) {
  .wizard-date-card {
    flex: 0 0 calc((100% - 16px) / 3);
  }
}
.date-nav-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1.5px solid var(--border);
  background: #fff;
  color: var(--text);
  font-size: 0.85rem;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
  box-shadow: var(--shadow-sm);
  flex-shrink: 0;
}
.date-nav-btn:hover {
  border-color: var(--primary);
  color: var(--primary);
  background: var(--bg-alt);
}
.wizard-date-card:hover {
  border-color: var(--primary);
}
.wizard-date-card.active {
  border-color: var(--primary);
  color: var(--primary);
  font-weight: 700;
}
.wizard-hours-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-top: 16px;
}
.wizard-hour-box {
  border: 1.5px solid var(--border);
  background: #fff;
  border-radius: 6px;
  padding: 12px 8px;
  text-align: center;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition);
  color: var(--text);
}
.wizard-hour-box:hover {
  border-color: var(--primary);
}
.wizard-hour-box.active {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.wizard-warning-box {
  background: #ff7f7f;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 10px 16px;
  border-radius: 8px;
  margin-top: 24px;
  text-align: left;
}

/* Step list selections (radyo button taklitleri) */
.wizard-option-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7f5f2;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 10px 16px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: var(--transition);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text);
}
.wizard-option-card:hover {
  border-color: var(--primary-light);
}
.wizard-option-card.active {
  background: #faf8f5;
  border-color: var(--primary);
  box-shadow: var(--shadow-sm);
}
.wizard-option-card .radio-circle {
  width: 22px;
  height: 22px;
  border: 2.5px solid rgba(0,0,0,0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
  flex-shrink: 0;
}
.wizard-option-card.active .radio-circle {
  border-color: var(--primary);
  background: var(--primary);
}
.wizard-option-card .radio-circle::after {
  content: '✓';
  color: #fff;
  font-size: 0.75rem;
  font-weight: 800;
  display: none;
}
.wizard-option-card.active .radio-circle::after {
  display: block;
}

/* Two-column options for Step 4 */
.wizard-options-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* Step 5 inputs (Oda/Banyo) */
.wizard-dropdown-group {
  margin-bottom: 18px;
}
.wizard-dropdown-group label {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--text-light);
  margin-bottom: 6px;
  text-transform: uppercase;
}

/* Step 7 Info input fields */
.wizard-input-group {
  margin-bottom: 14px;
}
.wizard-input-group label {
  display: block;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--text-light);
  margin-bottom: 4px;
}
.wizard-input-group input, .wizard-input-group textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 0.9rem;
  transition: var(--transition);
}
.wizard-input-group input:focus, .wizard-input-group textarea:focus {
  outline: none;
  border-color: var(--primary);
}

@media(max-width:768px) {
  .wizard-modal {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    border-radius: 0;
  }
  .wizard-body {
    flex-direction: column;
  }
  .wizard-right-panel {
    border-left: none;
    border-top: 1.5px solid var(--border);
  }
  .wizard-options-grid {
    grid-template-columns: 1fr;
  }
  .wizard-hours-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ═══ COOKIE CONSENT BANNER ═══ */
.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:9999;transform:translateY(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);pointer-events:none}
.cookie-consent.show{transform:translateY(0);pointer-events:auto}
.cookie-inner{max-width:680px;margin:0 auto 20px;padding:20px 28px;background:rgba(26,26,46,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 -8px 40px rgba(0,0,0,.25);display:flex;align-items:center;gap:16px;color:#fff;font-size:.88rem;line-height:1.5}
.cookie-inner svg{flex-shrink:0;width:32px;height:32px;color:var(--primary)}
.cookie-inner p{flex:1;margin:0;color:rgba(255,255,255,.85)}
.cookie-inner p a{color:var(--primary);text-decoration:underline;font-weight:600}
.cookie-btns{display:flex;gap:8px;flex-shrink:0}
.cookie-btn{padding:8px 18px;border-radius:50px;font-size:.82rem;font-weight:700;cursor:pointer;border:none;transition:all .25s ease}
.cookie-btn-accept{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}
.cookie-btn-accept:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(243,146,0,.4)}
.cookie-btn-reject{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.15)}
.cookie-btn-reject:hover{background:rgba(255,255,255,.2)}
@media(max-width:600px){.cookie-inner{flex-direction:column;text-align:center;margin:0 12px 12px;padding:16px 20px;gap:12px}.cookie-btns{width:100%;justify-content:center}}

/* ═══ SCROLL-TO-TOP BUTTON ═══ */
.scroll-top-btn{position:fixed;bottom:100px;right:24px;z-index:998;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(243,146,0,.35);opacity:0;visibility:hidden;transform:translateY(20px) scale(.8);transition:all .4s cubic-bezier(.4,0,.2,1)}
.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.scroll-top-btn:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 30px rgba(243,146,0,.5)}
.scroll-top-btn svg{width:20px;height:20px;transition:transform .3s ease}
.scroll-top-btn:hover svg{transform:translateY(-2px)}

/* ═══ FOOTER SOCIAL ICONS ═══ */
.footer-social{display:flex;gap:10px;margin-top:16px}
.footer-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);transition:all .3s ease}
.footer-social a:hover{transform:translateY(-3px) scale(1.1)}
.footer-social a.social-ig:hover{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-color:transparent}
.footer-social a.social-fb:hover{background:#1877F2;color:#fff;border-color:transparent}
.footer-social a.social-tiktok:hover{background:#000;color:#fff;border-color:#25F4EE;box-shadow:0 0 12px rgba(37,244,238,.4)}
.footer-social a.social-yt:hover{background:#FF0000;color:#fff;border-color:transparent}
.footer-social a svg{width:18px;height:18px}

/* ═══ MOBILE STICKY CTA BAR ═══ */
.mobile-sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:997;background:rgba(26,26,46,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(243,146,0,.2);padding:10px 16px;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}
.mobile-sticky-cta.show{transform:translateY(0)}
.mobile-sticky-cta-inner{display:flex;gap:8px;max-width:500px;margin:0 auto}
.mobile-sticky-cta a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border-radius:12px;font-size:.85rem;font-weight:700;text-align:center;transition:all .2s ease}
.mobile-sticky-cta .cta-call{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}
.mobile-sticky-cta .cta-call:hover{box-shadow:0 4px 16px rgba(243,146,0,.4)}
.mobile-sticky-cta .cta-wp{background:#25D366;color:#fff}
.mobile-sticky-cta .cta-wp:hover{box-shadow:0 4px 16px rgba(37,211,102,.4)}
.mobile-sticky-cta .cta-form{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.15)}
.mobile-sticky-cta .cta-form:hover{background:rgba(255,255,255,.2)}
@media(max-width:768px){.mobile-sticky-cta{display:block}.floating-btns{bottom:72px}}

/* ═══ 404 PAGE ENHANCED ═══ */
.error-404-container{text-align:center;padding:60px 0 40px}
.error-404-icon{position:relative;display:inline-block;margin-bottom:24px}
.error-404-num{font-size:8rem;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--primary-dark),#ff6a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.08em;animation:float404 3s ease-in-out infinite}
@keyframes float404{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.error-404-subtitle{font-size:1.3rem;font-weight:700;margin-bottom:8px;color:var(--text)}
.error-404-text{color:var(--text-light);max-width:480px;margin:0 auto 32px;font-size:.95rem;line-height:1.65}
.error-404-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;max-width:600px;margin:0 auto 40px}
.error-404-link{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;color:var(--text);transition:all .3s ease;text-decoration:none}
.error-404-link:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.error-404-link span.link-icon{font-size:1.3rem}


/* ═══ COOKIE CONSENT BANNER ═══ */
.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:9999;transform:translateY(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);pointer-events:none}
.cookie-consent.show{transform:translateY(0);pointer-events:auto}
.cookie-inner{max-width:680px;margin:0 auto 20px;padding:20px 28px;background:rgba(26,26,46,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 -8px 40px rgba(0,0,0,.25);display:flex;align-items:center;gap:16px;color:#fff;font-size:.88rem;line-height:1.5}
.cookie-inner svg{flex-shrink:0;width:32px;height:32px;color:var(--primary)}
.cookie-inner p{flex:1;margin:0;color:rgba(255,255,255,.85)}
.cookie-inner p a{color:var(--primary);text-decoration:underline;font-weight:600}
.cookie-btns{display:flex;gap:8px;flex-shrink:0}
.cookie-btn{padding:8px 18px;border-radius:50px;font-size:.82rem;font-weight:700;cursor:pointer;border:none;transition:all .25s ease}
.cookie-btn-accept{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}
.cookie-btn-accept:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(243,146,0,.4)}
.cookie-btn-reject{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.15)}
.cookie-btn-reject:hover{background:rgba(255,255,255,.2)}
@media(max-width:600px){.cookie-inner{flex-direction:column;text-align:center;margin:0 12px 12px;padding:16px 20px;gap:12px}.cookie-btns{width:100%;justify-content:center}}

/* ═══ SCROLL-TO-TOP BUTTON ═══ */
.scroll-top-btn{position:fixed;bottom:100px;right:24px;z-index:998;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(243,146,0,.35);opacity:0;visibility:hidden;transform:translateY(20px) scale(.8);transition:all .4s cubic-bezier(.4,0,.2,1)}
.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.scroll-top-btn:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 30px rgba(243,146,0,.5)}
.scroll-top-btn svg{width:20px;height:20px;transition:transform .3s ease}
.scroll-top-btn:hover svg{transform:translateY(-2px)}

/* ═══ FOOTER SOCIAL ICONS ═══ */
.footer-social{display:flex;gap:10px;margin-top:16px}
.footer-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);transition:all .3s ease}
.footer-social a:hover{transform:translateY(-3px) scale(1.1)}
.footer-social a.social-ig:hover{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-color:transparent}
.footer-social a.social-fb:hover{background:#1877F2;color:#fff;border-color:transparent}
.footer-social a.social-tiktok:hover{background:#000;color:#fff;border-color:#25F4EE;box-shadow:0 0 12px rgba(37,244,238,.4)}
.footer-social a.social-yt:hover{background:#FF0000;color:#fff;border-color:transparent}
.footer-social a svg{width:18px;height:18px}

/* ═══ MOBILE STICKY CTA BAR ═══ */
.mobile-sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:997;background:rgba(26,26,46,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(243,146,0,.2);padding:10px 16px;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}
.mobile-sticky-cta.show{transform:translateY(0)}
.mobile-sticky-cta-inner{display:flex;gap:8px;max-width:500px;margin:0 auto}
.mobile-sticky-cta a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border-radius:12px;font-size:.85rem;font-weight:700;text-align:center;transition:all .2s ease}
.mobile-sticky-cta .cta-call{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}
.mobile-sticky-cta .cta-call:hover{box-shadow:0 4px 16px rgba(243,146,0,.4)}
.mobile-sticky-cta .cta-wp{background:#25D366;color:#fff}
.mobile-sticky-cta .cta-wp:hover{box-shadow:0 4px 16px rgba(37,211,102,.4)}
.mobile-sticky-cta .cta-form{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.15)}
.mobile-sticky-cta .cta-form:hover{background:rgba(255,255,255,.2)}
@media(max-width:768px){.mobile-sticky-cta{display:block}.floating-btns{bottom:72px}}

/* ═══ 404 PAGE ENHANCED ═══ */
.error-404-container{text-align:center;padding:60px 0 40px}
.error-404-icon{position:relative;display:inline-block;margin-bottom:24px}
.error-404-num{font-size:8rem;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--primary-dark),#ff6a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.08em;animation:float404 3s ease-in-out infinite}
@keyframes float404{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.error-404-subtitle{font-size:1.3rem;font-weight:700;margin-bottom:8px;color:var(--text)}
.error-404-text{color:var(--text-light);max-width:480px;margin:0 auto 32px;font-size:.95rem;line-height:1.65}
.error-404-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;max-width:600px;margin:0 auto 40px}
.error-404-link{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;color:var(--text);transition:all .3s ease;text-decoration:none}
.error-404-link:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.error-404-link span.link-icon{font-size:1.3rem}


/* ═══ C1: SERVICE CARD MICRO-ANIMATIONS ═══ */
.service-card{position:relative}
.service-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}
.service-card:hover::after{transform:scaleX(1)}
.service-card:hover .service-card-img img{transform:scale(1.08);transition:transform .6s ease}
.service-card-img img{transition:transform .6s ease}
.service-card:hover .service-tag{background:var(--primary);color:#fff;transform:translateX(4px);transition:all .3s ease}
.service-tag{transition:all .3s ease}

/* Step card enhanced */
.step-card{position:relative;overflow:hidden}
.step-card::before{content:'';position:absolute;top:0;left:50%;width:0;height:100%;background:rgba(243,146,0,.03);transition:all .4s ease;transform:translateX(-50%);border-radius:var(--radius)}
.step-card:hover::before{width:100%}
.step-card:hover .step-num{transform:scale(1.1);box-shadow:0 8px 28px rgba(243,146,0,.4)}
.step-num{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}

/* Guarantee card icon pulse */
@keyframes iconPulse{0%,100%{box-shadow:0 8px 20px rgba(243,146,0,.3)}50%{box-shadow:0 8px 30px rgba(243,146,0,.5),0 0 0 8px rgba(243,146,0,.08)}}
.guarantee-card:hover .guarantee-icon{animation:iconPulse 1.5s ease-in-out infinite}

/* Review card hover */
.review-card{position:relative;overflow:hidden}
.review-card::before{content:'';position:absolute;top:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#ff9140,var(--primary-dark));transform:scaleX(0);transition:transform .4s ease}
.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.review-card:hover::before{transform:scaleX(1)}

/* ═══ C2: PAGE HERO IMAGE PARALLAX ═══ */
.page-hero-img{position:relative;overflow:hidden;padding:56px 0 44px;border-bottom:1px solid var(--border);min-height:200px}
.page-hero-img .hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;will-change:transform;transition:transform .1s linear}
.page-hero-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,26,46,.75) 0%,rgba(15,52,96,.65) 100%)}
.page-hero-img .container{position:relative;z-index:2;color:#fff}
.page-hero-img h1{color:#fff;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;margin-bottom:12px;letter-spacing:-.02em}
.page-hero-img p{color:rgba(255,255,255,.8);max-width:600px;font-size:.95rem}
.page-hero-img .breadcrumb{color:rgba(255,255,255,.6)}
.page-hero-img .breadcrumb a{color:var(--primary-light)}
.page-hero-img .hero-badge{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12)}

/* ═══ C5: TESTIMONIAL CAROUSEL ═══ */
.reviews-carousel{position:relative;overflow:hidden;padding:0 0 48px}
.reviews-track{display:flex;gap:24px;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}
.reviews-track .review-card{min-width:calc(33.333% - 16px);flex-shrink:0}
@media(max-width:992px){.reviews-track .review-card{min-width:calc(50% - 12px)}}
@media(max-width:600px){.reviews-track .review-card{min-width:100%}}

.carousel-controls{display:flex;justify-content:center;gap:12px;margin-top:24px;align-items:center}
.carousel-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-light)}
.carousel-btn:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.1);box-shadow:0 4px 12px rgba(243,146,0,.2)}
.carousel-btn svg{width:16px;height:16px}

.carousel-dots{display:flex;gap:8px;align-items:center}
.carousel-dot{width:10px;height:10px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:all .3s ease;padding:0}
.carousel-dot.active{background:var(--primary);transform:scale(1.3);box-shadow:0 0 8px rgba(243,146,0,.4)}


/* ═══ HERO GRADIENT MESH (Stripe/Linear style) ═══ */
.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;will-change:transform;z-index:1}
.hero-blob-1{width:500px;height:500px;background:radial-gradient(circle,rgba(255,106,0,.35),transparent 70%);top:-100px;right:-50px;animation:meshFloat1 8s ease-in-out infinite}
.hero-blob-2{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.25),transparent 70%);bottom:-80px;left:-60px;animation:meshFloat2 10s ease-in-out infinite}
.hero-blob-3{width:350px;height:350px;background:radial-gradient(circle,rgba(6,182,212,.2),transparent 70%);top:40%;left:30%;animation:meshFloat3 12s ease-in-out infinite}
.hero-blob-4{width:280px;height:280px;background:radial-gradient(circle,rgba(243,146,0,.2),transparent 70%);top:60%;right:20%;animation:meshFloat4 9s ease-in-out infinite}
@keyframes meshFloat1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.95)}}
@keyframes meshFloat2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-40px,20px) scale(1.05)}66%{transform:translate(30px,-30px) scale(1.12)}}
@keyframes meshFloat3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-20px) scale(1.15)}}
@keyframes meshFloat4{0%,100%{transform:translate(0,0) scale(.9)}50%{transform:translate(-30px,30px) scale(1.1)}}

/* Hero bg overlay dimmed for gradient mesh */
/* /* /* /* /* /* /* /* /* .hero .hero-bg{display:none} */ */ */ */ */ */ */ */ */
/* /* /* /* /* /* /* /* /* .hero-parallax .hero-bg{display:none} */ */ */ */ */ */ */ */ */

/* Hero image wrapper → glassmorphism feature card */
.hero-feature-card{background:rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:16px}
.hero-feature-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:rgba(255,255,255,.04);border-radius:12px;border:1px solid rgba(255,255,255,.06);transition:all .3s ease}
.hero-feature-item:hover{background:rgba(255,255,255,.08);transform:translateX(4px)}
.hero-feature-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(243,146,0,.3)}
.hero-feature-item h4{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:2px}
.hero-feature-item p{font-size:.78rem;color:rgba(255,255,255,.6);margin:0}

/* ═══ TRUST BAND ICON STYLE ═══ */
.trust-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:rgba(243,146,0,.18);color:var(--primary);flex-shrink:0;box-shadow:0 4px 10px rgba(243,146,0,0.15);transition:transform 0.3s ease}
.trust-icon svg{width:20px;height:20px}

/* ═══ GUARANTEE ICON OVERRIDE (SVG inside) ═══ */
.guarantee-icon svg{width:28px;height:28px}

/* ═══ FORM GLASSMORPHISM UPGRADE ═══ */
.calculator-card{position:relative;overflow:hidden}
.calculator-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),#6366f1,var(--primary-dark));opacity:.8}
.calculator-card input:not([type="hidden"]),
.calculator-card select,
.calculator-card textarea{border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;font-size:.88rem;transition:all .3s ease;background:#fafafa}
.calculator-card input:not([type="hidden"]):focus,
.calculator-card select:focus,
.calculator-card textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px rgba(243,146,0,.1),0 2px 8px rgba(243,146,0,.08)}
.calc-opt{transition:all .3s cubic-bezier(.4,0,.2,1) !important}
.calc-opt:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08) !important}
.calc-opt.active{transform:translateY(-1px);box-shadow:0 4px 12px rgba(243,146,0,.2) !important}

/* --- PREMIUM CARD & HOVER STYLE UPGRADES --- */
.calculator-card {
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 auto !important;
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(243, 146, 0, 0.18) !important;
  box-shadow: 0 22px 45px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(243, 146, 0, 0.05) !important;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.calculator-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(243, 146, 0, 0.1) !important;
  border-color: rgba(243, 146, 0, 0.3) !important;
}
.calculator-card button[type="submit"] {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
  box-shadow: 0 4px 15px rgba(243, 146, 0, 0.25) !important;
  transition: all 0.3s ease !important;
  color: #fff !important;
}
.calculator-card button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(243, 146, 0, 0.4) !important;
}
.footer-social-bottom a:hover {
  color: var(--primary) !important;
  transform: translateY(-2px);
}
.trust-logos span:hover {
  transform: translateY(-2px);
  color: #fff !important;
}
.trust-logos span:hover .trust-icon {
  transform: scale(1.1);
  background: rgba(243, 146, 0, 0.25) !important;
}

/* --- CALCULATOR FORM RESPONSIVE & MOBILE FIXES --- */
.calculator-card {
  box-sizing: border-box !important;
}
.calculator-card *, 
.calculator-card *::before, 
.calculator-card *::after {
  box-sizing: border-box !important;
}

/* Mobil ve Tablet ekranlarında formların tam uyumluluğu */
@media (max-width: 768px) {
  .calculator-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 576px) {
  .calculator-card {
    padding: 18px 14px !important;
  }
  /* Form içindeki yan yana dikey gridleri alt alta diz */
  .calculator-card .form-row,
  .calculator-card div[style*="display:grid"],
  .calculator-card div[style*="display: grid"] {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  /* Buton seçim alanlarını esnet */
  .calc-options {
    gap: 6px !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .calc-opt {
    padding: 6px 8px !important;
    font-size: 0.74rem !important;
    flex: 1 1 calc(33.333% - 6px) !important;
    min-width: 50px !important;
    text-align: center !important;
  }
  .calculator-card button[type="submit"] {
    padding: 12px !important;
    font-size: 0.9rem !important;
  }
}

/* --- PREMIUM SERVICE TAG & HOUR PRICE UPGRADES --- */
.service-tag {
  display: inline-block !important;
  background: #ff8c00 !important; /* TAMAMEN OPAK CANLI TURUNCU - SIFIR ŞEFFAFLIK */
  color: #fff !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  font-size: 0.96rem !important;
  font-weight: 900 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 5px 16px rgba(255, 140, 0, 0.5) !important; /* 2X DAHA GÜÇLÜ NEON GÖLGE */
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  letter-spacing: 0.02em !important;
}
.service-card:hover .service-tag {
  transform: translateY(-2px) scale(1.06) !important;
  box-shadow: 0 8px 24px rgba(255, 140, 0, 0.65) !important;
}
.hour-price {
  font-size: 2.15rem !important;
  font-weight: 900 !important;
  color: #fff !important;
  transition: all 0.3s ease !important;
}
.calc-hour-card.active .hour-price {
  color: #ff8c00 !important;
  text-shadow: 0 0 20px rgba(255, 140, 0, 0.6) !important;
}
.calc-hour-card.active {
  border-color: #ff8c00 !important;
  box-shadow: 0 12px 35px rgba(243, 146, 0, 0.3) !important;
  transform: translateY(-4px) !important;
}