:root{
  --gold:#d89a27;
  --gold2:#efb64d;
  --black:#0b0c0d;
  --black2:#151719;
  --ink:#111214;
  --muted:#6d7176;
  --line:#e8e8e8;
  --soft:#f7f7f7;
  --white:#fff;
  --radius:14px;
  --shadow:0 12px 40px rgba(0,0,0,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{height:38px;background:#090a0b;color:#fff;font-size:13px}
.topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.top-items,.socials{display:flex;align-items:center;gap:30px}
.top-item{display:flex;align-items:center;gap:8px;white-space:nowrap}
.top-item b,.socials b{color:var(--gold);font-weight:700}
.header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:20}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:inline-flex;flex-direction:column;line-height:.9;min-width:160px}
.logo strong{font-size:34px;letter-spacing:1px;font-weight:900}
.logo em{font-style:normal;color:var(--gold);font-size:11px;letter-spacing:7px;margin-left:3px;margin-top:9px}
.menu{display:flex;align-items:center;justify-content:center;gap:28px;font-size:13px;font-weight:800}
.menu a{padding:34px 0 30px;position:relative}
.menu a:hover,.menu a.active{color:#b57512}
.menu a.active:after{content:"";height:2px;background:var(--gold);position:absolute;left:0;right:0;bottom:18px}
.phone-box{border:1px solid #dba541;border-radius:8px;padding:8px 18px;min-width:190px;display:flex;align-items:center;gap:12px}
.phone-box .picon{font-size:26px;color:var(--gold)}
.phone-box strong{display:block;font-size:20px;line-height:1.05}
.phone-box small{color:#c98820}
.mobile-toggle{display:none;border:0;background:#111;color:#fff;border-radius:8px;padding:10px 12px;font-size:20px}

.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#090a0b 0%,#111 45%,#29231d 100%);color:#fff}
.hero .container{min-height:450px;display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch}
.hero-copy{padding:55px 20px 52px 0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.eyebrow{font-size:14px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--gold2);margin-bottom:14px}
.hero h1{font-size:54px;line-height:1.05;margin:0 0 18px;font-weight:900}
.hero h1 .gold{color:#d7a13f}
.hero p{font-size:18px;max-width:650px;color:#f0f0f0;margin:0 0 24px}
.hero-media{position:relative;min-height:450px}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111 0%,rgba(17,17,17,.25) 24%,rgba(17,17,17,0) 55%)}
.hero-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:6px 0 24px;max-width:650px}
.hero-badge{font-size:13px;text-align:center;color:#fff}
.hero-badge .ico{width:46px;height:46px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:20px;margin:0 auto 8px}
.btns{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 28px;border-radius:5px;font-weight:800;font-size:13px;border:1px solid var(--gold);transition:.2s}
.btn.gold{background:linear-gradient(135deg,#c78315,#e2a33c);color:#fff}
.btn.dark{background:#121314;color:#fff}
.btn.outline{background:transparent;color:#fff}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.15)}

.section{padding:62px 0}
.section.soft{background:#fafafa}
.section-title{margin-bottom:26px}
.section-title .eyebrow{margin-bottom:4px}
.section-title h2{font-size:34px;line-height:1.15;margin:0;font-weight:900}
.section-title.center{text-align:center}
.section-title.center:after{content:"";display:block;width:42px;height:3px;background:var(--gold);margin:15px auto 0}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:24px;box-shadow:0 4px 14px rgba(0,0,0,.03)}
.service-card{text-align:center}
.service-card .icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;color:var(--gold);font-size:31px;border:1px solid #f0d4a2}
.service-card h3{font-size:18px;margin:8px 0}
.service-card p{font-size:13px;color:#676b70;margin:0 0 10px}
.text-link{color:#c78115;font-weight:800;font-size:13px}
.brands{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.brand{border:1px solid #e9e9e9;background:#fff;border-radius:6px;padding:8px 16px;font-weight:900;color:#444}
.quick-form{background:linear-gradient(135deg,#141516,#090a0b);color:#fff;border-radius:12px;padding:28px;box-shadow:var(--shadow)}
.quick-form h2{font-size:28px;margin:0 0 16px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{width:100%;height:46px;border-radius:5px;border:1px solid #ddd;padding:0 14px;font:inherit;background:#fff}
textarea.field{height:108px;padding-top:12px;resize:vertical}
.home-services{display:grid;grid-template-columns:1.9fr 1fr;gap:28px;align-items:start}
.promise-strip{background:#101112;color:#fff}
.promise-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.promise{padding:24px;display:flex;gap:14px;border-right:1px solid rgba(255,255,255,.15)}
.promise:last-child{border-right:0}
.promise .pi{color:var(--gold);font-size:32px}
.promise h4{margin:0 0 4px;font-size:16px}
.promise p{margin:0;color:#ddd;font-size:13px}

.page-hero{background:#101112;color:#fff}
.page-hero .container{display:grid;grid-template-columns:1fr 1.4fr;min-height:330px}
.page-hero .hero-copy{padding-top:38px;padding-bottom:38px}
.breadcrumb{font-size:13px;color:#ddd;margin-bottom:20px}
.breadcrumb b{color:var(--gold);padding:0 8px}
.page-hero h1{font-size:44px;margin-bottom:12px}
.page-hero .accent{display:block;color:#d79c35}
.page-hero .hero-media{min-height:330px}
.page-hero p{font-size:16px}
.two-col{display:grid;grid-template-columns:1.05fr 1.3fr;gap:48px;align-items:center}
.check-list{display:grid;gap:17px;margin-top:26px}
.check{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start}
.check .ci{width:36px;height:36px;border:1px solid #edcf97;color:var(--gold);border-radius:8px;display:grid;place-items:center;font-size:18px}
.check h4{margin:0 0 2px}
.check p{margin:0;color:#6b6e72;font-size:13px}
.about-stats{display:grid;grid-template-columns:1.15fr .65fr;gap:0;border-radius:10px;overflow:hidden}
.about-stats .photo img{height:100%;min-height:355px;object-fit:cover}
.stats{background:#0e0f10;color:#fff;padding:18px 30px}
.stat{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #343434}
.stat:last-child{border-bottom:0}
.stat .si{color:var(--gold);font-size:28px}
.stat strong{font-size:23px;display:block}
.stat small{color:#ddd}
.mission{display:grid;grid-template-columns:1fr 1fr;background:#fafafa;border:1px solid #eee;border-radius:12px}
.mission>div{padding:28px 34px;display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center}
.mission>div:first-child{border-right:1px solid #e1e1e1}
.mission .mi{width:60px;height:60px;background:#fff;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:28px}
.mission h3{margin:0 0 6px}
.mission p{margin:0;color:#575b60;font-size:14px}
.why-grid{display:grid;grid-template-columns:360px 1fr;gap:40px;align-items:center}
.why-grid img{border-radius:10px;height:260px;object-fit:cover}
.why-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.why-card{text-align:center;padding:22px 13px;border:1px solid #eee;border-radius:8px}
.why-card .wi{font-size:32px;color:var(--gold)}
.why-card h4{font-size:14px;margin:10px 0 5px}
.why-card p{font-size:12px;color:#6d7176;margin:0}

.region-calls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:36px}
.region-call{display:flex;align-items:center;gap:20px;border:1px solid #e7e7e7;border-radius:10px;padding:22px 28px;box-shadow:0 4px 20px rgba(0,0,0,.04)}
.region-call .ri{font-size:54px;color:var(--gold)}
.region-call span{display:block;color:#c58316;font-weight:900}
.region-call strong{display:block;font-size:26px;line-height:1.15;margin:5px 0}
.region-call small{display:block}
.region-wrap{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:16px}
.region-col h3{display:flex;align-items:center;gap:10px;font-size:17px}
.districts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.district{border:1px solid #e6e6e6;border-radius:6px;text-align:center;padding:8px 5px;font-size:12px;background:#fff}
.map-card{margin-top:34px;border-radius:10px;overflow:hidden;border:1px solid #eee}
.map-card img{width:100%;height:330px;object-fit:cover}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ececec;border-radius:10px;overflow:hidden;margin-top:28px}
.benefit{display:flex;gap:14px;padding:22px 24px;border-right:1px solid #e4e4e4}
.benefit:last-child{border-right:0}
.benefit .bi{font-size:30px;color:var(--gold)}
.benefit h4{font-size:14px;margin:0 0 4px}
.benefit p{font-size:12px;color:#63676b;margin:0}

.contact-hero{background:#0d0e0f}
.contact-hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;padding:34px 0}
.contact-left{position:relative;background:linear-gradient(90deg,#0e0f10 0%,#151515 60%,#2b2723 100%);color:#fff;border-radius:10px;overflow:hidden;padding:40px;min-height:450px}
.contact-left:after{content:"";position:absolute;right:0;top:0;width:55%;height:100%;background:url('../img/contact-hero.jpg') center/cover no-repeat;opacity:.72}
.contact-left>*{position:relative;z-index:2}
.contact-left h1{font-size:50px;margin:0 0 12px}
.contact-left .line{width:50px;height:3px;background:var(--gold);margin:10px 0 18px}
.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:78px}
.contact-card{border:1px solid #b77c19;border-radius:8px;padding:18px 10px;text-align:center;background:rgba(0,0,0,.28);backdrop-filter:blur(2px)}
.contact-card .cci{font-size:28px;color:var(--gold)}
.contact-card strong{display:block;font-size:16px}
.contact-card small{display:block;font-size:11px}
.contact-form{background:#fff;border-radius:10px;padding:28px;box-shadow:var(--shadow)}
.contact-form h2{font-size:28px;margin:0}
.contact-form .line{width:44px;height:3px;background:var(--gold);margin:8px 0 14px}
.contact-form .field{margin-bottom:12px}
.contact-lower{display:grid;grid-template-columns:1.8fr .95fr;gap:18px;margin-top:24px}
.contact-lower .map-card{margin:0}
.contact-lower .map-card img{height:245px}
.reason-card{border:1px solid #eee;border-radius:10px;padding:20px}
.reason-card h2{margin:0 0 14px;font-size:24px}
.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.reason{display:flex;gap:12px}
.reason .ri{font-size:27px;color:var(--gold)}
.reason h4{font-size:13px;margin:0 0 3px}
.reason p{font-size:11px;color:#6b6e72;margin:0}

.footer{background:#0c0d0e;color:#fff}
.footer-main{display:grid;grid-template-columns:1.15fr .8fr .85fr 1fr .9fr;gap:0}
.footer-col{padding:36px 28px;border-right:1px solid #343434;min-height:220px}
.footer-col:first-child{padding-left:0}
.footer-col h4{margin:0 0 15px;font-size:14px}
.footer-col p,.footer-col a,.footer-col li{font-size:12px;color:#e6e6e6}
.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.footer-cta{background:linear-gradient(135deg,#bf7d16,#e0a23d);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}
.footer-cta .headset{font-size:38px}
.footer-cta strong{font-size:27px;display:block}
.footer-cta .btn{margin-top:12px;border:0;background:#111}
.footer-bottom{border-top:1px solid #2b2d2f;padding:14px 0;color:#bbb;font-size:11px}
.footer-bottom .container{display:flex;justify-content:space-between;gap:20px}
.logo.footer-logo strong{font-size:28px}
.logo.footer-logo em{font-size:9px}

@media(max-width:1100px){
  .menu{gap:16px;font-size:12px}
  .phone-box{min-width:165px;padding:8px 12px}
  .hero h1{font-size:46px}
  .districts{grid-template-columns:repeat(3,1fr)}
  .footer-main{grid-template-columns:1.2fr 1fr 1fr}
  .footer-cta{grid-column:1/-1}
  .footer-col:nth-child(4){border-right:0}
}
@media(max-width:860px){
  .top-items{gap:12px}
  .top-item:nth-child(2){display:none}
  .nav{height:72px}
  .mobile-toggle{display:block}
  .menu{display:none;position:absolute;top:110px;left:0;right:0;background:#fff;padding:14px 20px;border-top:1px solid #eee;box-shadow:0 10px 25px rgba(0,0,0,.1);flex-direction:column;align-items:flex-start}
  .menu.open{display:flex}
  .menu a{padding:8px 0}
  .menu a.active:after{bottom:2px}
  .phone-box{display:none}
  .logo strong{font-size:30px}
  .hero .container,.page-hero .container{grid-template-columns:1fr}
  .hero-copy{padding-right:0}
  .hero-media{min-height:330px}
  .home-services,.two-col,.why-grid,.contact-hero .container,.contact-lower{grid-template-columns:1fr}
  .grid4,.why-cards{grid-template-columns:1fr 1fr}
  .promise-grid,.benefits{grid-template-columns:1fr 1fr}
  .promise:nth-child(2),.benefit:nth-child(2){border-right:0}
  .mission{grid-template-columns:1fr}
  .mission>div:first-child{border-right:0;border-bottom:1px solid #e1e1e1}
  .contact-cards{grid-template-columns:1fr 1fr}
  .districts{grid-template-columns:repeat(3,1fr)}
  .region-wrap{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1fr 1fr}
  .footer-col:nth-child(2n){border-right:0}
  .footer-col:first-child{padding-left:28px}
  .footer-cta{grid-column:1/-1}
}
@media(max-width:560px){
  .container{width:min(100% - 26px,1180px)}
  .topbar{height:auto;padding:8px 0}
  .socials{display:none}
  .top-items{font-size:11px;gap:8px}
  .top-item:nth-child(3){display:none}
  .hero h1{font-size:38px}
  .page-hero h1{font-size:36px}
  .hero p{font-size:15px}
  .hero-badges{grid-template-columns:1fr 1fr}
  .grid4,.why-cards,.promise-grid,.benefits,.region-calls,.districts,.contact-cards,.reason-grid,.footer-main{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .promise,.benefit,.footer-col{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .section{padding:44px 0}
  .section-title h2{font-size:28px}
  .about-stats{grid-template-columns:1fr}
  .contact-left{padding:28px 22px}
  .contact-left h1{font-size:42px}
  .contact-left:after{opacity:.30;width:100%}
  .contact-cards{margin-top:40px}
  .map-card img{height:235px}
  .footer-col:first-child{padding-left:28px}
  .footer-bottom .container{flex-direction:column}
}


/* =========================================================
   WESTEN PHP / SEO EK STİLLERİ
========================================================= */
:root{--brand:#d89a27;--whatsapp:#25d366}
html,body{max-width:100%;overflow-x:hidden}
body{padding-bottom:0}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:99999;background:#fff;color:#111;padding:9px 13px;border-radius:6px}.skip-link:focus{left:8px}
.logo strong{letter-spacing:.5px}.logo em{letter-spacing:3.5px}
.menu a{white-space:nowrap}
.phone-box{min-width:175px}
.phone-box strong{font-size:16px}
.phone-box small{font-size:10px}
.seo-copy{max-width:900px}.seo-copy h2{font-size:30px;line-height:1.2;margin:30px 0 10px}.seo-copy h3{font-size:20px;margin:24px 0 8px}.seo-copy p,.seo-copy li{color:#50545a}
.seo-copy a{color:#b57512;font-weight:800}
.legal-note{margin-top:24px;padding:16px 18px;background:#faf7f1;border-left:4px solid var(--gold);border-radius:0 8px 8px 0;font-size:12px;color:#555}
.service-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:start}
.service-sidebar{position:sticky;top:110px;background:#111;color:#fff;border-radius:12px;padding:22px;box-shadow:var(--shadow)}
.service-sidebar h2{font-size:21px;margin:0 0 7px}.service-sidebar p{font-size:13px;color:#ddd}.service-sidebar a{display:block;margin-top:10px;padding:12px 13px;border-radius:7px;background:#fff;color:#111;font-weight:900}.service-sidebar .wa{background:linear-gradient(135deg,#25d366,#18b956);color:#fff}
.service-sidebar small{display:block;color:#aaa;margin-top:12px}
.districts a.district{display:block;transition:.2s}.districts a.district:hover{border-color:#d89a27;background:#fffaf1;transform:translateY(-1px)}
.notice{padding:13px 15px;border-radius:7px;background:#eaf8ed;color:#1b6a2b;border:1px solid #ccebd2;margin:0 0 16px}.notice.error{background:#fff0f0;color:#8a0000;border-color:#f3c9c9}
.consent{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#666;margin:6px 0 12px}.consent input{margin-top:3px}
.hp{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
.footer-legal-note{grid-column:1/-1;padding:16px 0 4px;color:#bbb;font-size:10px;line-height:1.55;border-top:1px solid #2f3133;margin-top:0}
.footer a:hover{color:var(--gold2)}
.footer-whatsapp{color:#25d366!important;font-weight:800}
.mobile-actions{display:none}

@media(max-width:860px){
  .header{z-index:9990}.nav{position:relative}
  .menu{top:72px!important;z-index:9999;max-height:calc(100dvh - 72px);overflow:auto}
  .menu.open{display:flex!important}
  .service-detail-layout{grid-template-columns:1fr}.service-sidebar{position:static}
  .mobile-actions{position:fixed;left:8px;right:8px;bottom:8px;z-index:10000;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:10px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.25)}
  .mobile-actions a{text-align:center;color:#fff;background:#bd0000;padding:9px 3px;font-size:9px;font-weight:800;line-height:1.1;border-right:1px solid rgba(255,255,255,.2)}
  .mobile-actions a:nth-child(2){background:linear-gradient(135deg,#25d366,#18b956)}
  .mobile-actions strong{display:block;font-size:11.5px;line-height:1.05;white-space:nowrap;margin-top:2px}
  body{padding-bottom:62px}
}
@media(max-width:560px){
  .mobile-actions strong{font-size:10.5px}
  .page-hero .hero-media{min-height:220px}
  .service-detail-layout{gap:22px}
  .seo-copy h2{font-size:25px}
}


/* =========================================================
   İLETİŞİM HERO - SOL BLOKTA GÖRSEL
   Referans tasarımdaki gibi görsel + koyu katman
========================================================= */

.contact-left{
    position:relative;
    isolation:isolate;
    background:#0e0f10;
}

.contact-left::after{
    display:none !important;
    content:none !important;
}

.contact-left-visual{
    position:absolute !important;
    z-index:0 !important;

    top:0;
    right:0;
    bottom:0;

    width:58%;
    height:100%;

    overflow:hidden;

    pointer-events:none;
}

.contact-left-visual::after{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            #0e0f10 0%,
            rgba(14,15,16,.92) 16%,
            rgba(14,15,16,.55) 45%,
            rgba(14,15,16,.18) 72%,
            rgba(14,15,16,.05) 100%
        );
}

.contact-left-visual img{
    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    display:block;
}

.contact-left-content{
    position:relative !important;
    z-index:2 !important;

    min-height:370px;

    display:flex;
    flex-direction:column;
    justify-content:center;
}

.contact-left-content > p{
    max-width:420px;
}

.contact-left .contact-cards{
    position:relative;
    z-index:3;
}

.contact-card-whatsapp{
    border-color:rgba(37,211,102,.72) !important;
}

.contact-card-whatsapp .cci{
    color:#25d366 !important;
}

@media(max-width:860px){

    .contact-left-visual{
        width:100%;
        opacity:.42;
    }

    .contact-left-visual::after{
        background:
            linear-gradient(
                90deg,
                rgba(14,15,16,.95),
                rgba(14,15,16,.72)
            );
    }

    .contact-left-content{
        min-height:420px;
    }
}

@media(max-width:560px){

    .contact-left{
        min-height:520px;
    }

    .contact-left-visual{
        width:100%;
    }

    .contact-left-visual img{
        object-position:62% center;
    }

    .contact-left-content{
        min-height:460px;
    }
}

/* =========================================================
   WESTEN PREMIUM SERVİS BÖLGELERİ
========================================================= */

.regions-premium-hero{
    background:
        linear-gradient(135deg,#090a0b 0%,#17191b 100%);
    color:#fff;
    overflow:hidden;
}

.regions-hero-grid{
    min-height:510px;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:stretch;
}

.regions-hero-content{
    padding:60px 55px 55px 0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.premium-breadcrumb{
    margin-bottom:22px;
    color:#aaa;
}

.premium-breadcrumb a{
    color:#fff;
}

.premium-breadcrumb span{
    margin:0 5px;
}

.regions-eyebrow{
    color:#d89a27;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.7px;
    margin-bottom:12px;
}

.regions-hero-content h1{
    margin:0 0 18px;
    font-size:52px;
    line-height:1.03;
    font-weight:900;
}

.regions-hero-content h1 span{
    display:block;
    color:#d89a27;
}

.regions-hero-text{
    max-width:620px;
    margin:0 0 28px;
    color:#ddd;
    font-size:16px;
}

.regions-hero-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.region-hero-btn{
    min-width:205px;
    padding:13px 17px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:9px;
    display:flex;
    gap:11px;
    align-items:center;
    background:rgba(255,255,255,.05);
}

.region-hero-btn-primary{
    background:#d89a27;
    border-color:#d89a27;
}

.region-hero-btn .btn-icon{
    font-size:24px;
}

.region-hero-btn small{
    display:block;
    font-size:8px;
    opacity:.8;
    font-weight:900;
    letter-spacing:.4px;
}

.region-hero-btn strong{
    display:block;
    font-size:16px;
}

.regions-stats{
    display:flex;
    gap:32px;
    margin-top:38px;
}

.regions-stats div{
    padding-right:28px;
    border-right:1px solid rgba(255,255,255,.13);
}

.regions-stats div:last-child{
    border:0;
}

.regions-stats strong{
    display:block;
    font-size:25px;
    color:#d89a27;
}

.regions-stats span{
    font-size:11px;
    color:#aaa;
}

.regions-hero-media{
    position:relative;
}

.regions-hero-media img{
    width:100%;
    height:100%;
    min-height:510px;
    object-fit:cover;
}

.regions-hero-media:after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,#17191b 0%,transparent 30%);
}

.regions-image-badge{
    position:absolute;
    z-index:3;
    bottom:28px;
    right:28px;
    display:flex;
    gap:12px;
    align-items:center;
    padding:15px 18px;
    background:rgba(0,0,0,.84);
    border:1px solid rgba(216,154,39,.7);
    border-radius:10px;
    backdrop-filter:blur(7px);
}

.regions-image-badge > span{
    width:42px;
    height:42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#d89a27;
    border:1px solid #d89a27;
    font-weight:900;
}

.regions-image-badge strong{
    display:block;
}

.regions-image-badge small{
    color:#aaa;
}


/* SECTION */

.regions-premium-section{
    padding:70px 0;
    background:#f8f8f8;
}

.premium-section-heading{
    text-align:center;
    max-width:720px;
    margin:0 auto 38px;
}

.premium-section-heading > span{
    color:#d89a27;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.6px;
}

.premium-section-heading h2{
    margin:7px 0 10px;
    font-size:34px;
}

.premium-section-heading p{
    color:#6d7176;
}


.premium-region-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
}

.premium-region-box{
    background:#fff;
    border:1px solid #e9e9e9;
    border-radius:15px;
    padding:28px;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
}

.premium-region-header{
    display:flex;
    gap:15px;
    align-items:center;
    padding-bottom:22px;
    border-bottom:1px solid #eee;
}

.region-header-icon{
    width:56px;
    height:56px;
    display:grid;
    place-items:center;
    border-radius:13px;
    color:#fff;
    background:#d89a27;
    font-size:21px;
    font-weight:900;
}

.region-header-icon.dark{
    background:#151719;
}

.premium-region-header small{
    color:#999;
    font-size:8px;
    letter-spacing:1px;
    font-weight:900;
}

.premium-region-header h2{
    margin:1px 0 1px;
    font-size:23px;
}

.premium-region-header span{
    color:#888;
    font-size:11px;
}


.premium-districts{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:9px;
    padding:24px 0;
}

.premium-district{
    min-height:44px;
    padding:0 13px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid #ececec;
    border-radius:7px;
    background:#fff;
    font-size:12px;
    font-weight:700;
    transition:.2s;
}

.premium-district b{
    color:#d89a27;
}

.premium-district:hover{
    color:#b9780e;
    border-color:#d89a27;
    transform:translateY(-1px);
    box-shadow:0 6px 16px rgba(0,0,0,.05);
}


.premium-region-phone{
    display:flex;
    align-items:center;
    gap:13px;
    padding:15px 17px;
    background:#111;
    color:#fff;
    border-radius:9px;
}

.premium-region-phone > span{
    font-size:25px;
    color:#d89a27;
}

.premium-region-phone small{
    display:block;
    font-size:8px;
    color:#aaa;
    font-weight:800;
}

.premium-region-phone strong{
    display:block;
    font-size:19px;
}


/* MAP */

.premium-map-section{
    padding:0 0 65px;
    background:#f8f8f8;
}

.premium-map-card{
    position:relative;
    overflow:hidden;
    min-height:350px;
    border-radius:15px;
    box-shadow:0 14px 40px rgba(0,0,0,.08);
}

.premium-map-card img{
    width:100%;
    height:350px;
    object-fit:cover;
}

.premium-map-overlay{
    position:absolute;
    left:28px;
    bottom:28px;
    max-width:400px;
    padding:22px;
    border-radius:11px;
    background:rgba(8,9,10,.9);
    color:#fff;
    backdrop-filter:blur(8px);
}

.premium-map-overlay > span{
    color:#d89a27;
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}

.premium-map-overlay h2{
    margin:6px 0;
}

.premium-map-overlay p{
    margin:0;
    color:#ccc;
    font-size:12px;
}


/* WHATSAPP */

.regions-whatsapp-section{
    padding:25px 0 65px;
}

.regions-whatsapp-box{
    padding:28px 32px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:22px;
    border-radius:14px;
    background:
        linear-gradient(135deg,#1ac05b,#25d366);
    color:#fff;
}

.whatsapp-symbol{
    width:64px;
    height:64px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    font-size:30px;
}

.whatsapp-copy small{
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}

.whatsapp-copy h2{
    margin:2px 0 4px;
}

.whatsapp-copy p{
    margin:0;
    color:rgba(255,255,255,.88);
}

.whatsapp-premium-btn{
    min-width:210px;
    padding:14px 18px;
    border-radius:9px;
    background:#fff;
    color:#111;
}

.whatsapp-premium-btn small{
    display:block;
    color:#20b95a;
    font-size:8px;
    font-weight:900;
}

.whatsapp-premium-btn strong{
    display:block;
    font-size:18px;
}

.whatsapp-premium-btn span{
    display:block;
    margin-top:3px;
    font-size:10px;
    color:#666;
}


/* BENEFITS */

.regions-benefit-section{
    padding:0 0 65px;
}

.regions-benefit-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border:1px solid #eee;
    border-radius:12px;
    overflow:hidden;
}

.regions-benefit{
    display:flex;
    gap:12px;
    padding:22px;
    border-right:1px solid #eee;
}

.regions-benefit:last-child{
    border:0;
}

.regions-benefit > span{
    color:#d89a27;
    font-size:27px;
}

.regions-benefit h3{
    margin:0 0 4px;
    font-size:14px;
}

.regions-benefit p{
    margin:0;
    color:#777;
    font-size:11px;
}


/* SEO */

.regions-seo-section{
    padding:65px 0;
    background:#fafafa;
}

.regions-seo-grid{
    display:grid;
    grid-template-columns:1.65fr .75fr;
    gap:50px;
    align-items:start;
}

.regions-seo-grid article h2{
    font-size:28px;
    margin:0 0 13px;
}

.regions-seo-grid article p{
    color:#555;
}

.seo-label{
    display:block;
    margin-bottom:8px;
    color:#d89a27;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.4px;
}

.regions-seo-cta{
    padding:30px;
    border-left:4px solid #d89a27;
    border-radius:0 12px 12px 0;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.04);
}

.regions-seo-cta small{
    color:#d89a27;
    font-weight:900;
}

.regions-seo-cta h2{
    margin:7px 0 10px;
}

.regions-seo-cta a{
    display:inline-flex;
    margin-top:12px;
    padding:12px 17px;
    border-radius:7px;
    color:#fff;
    background:#111;
    font-weight:800;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .regions-hero-grid{
        grid-template-columns:1fr;
    }

    .regions-hero-content{
        padding:45px 0;
    }

    .regions-hero-media img{
        min-height:360px;
    }

    .premium-region-columns{
        grid-template-columns:1fr;
    }

    .regions-benefit-grid{
        grid-template-columns:1fr 1fr;
    }

    .regions-whatsapp-box{
        grid-template-columns:auto 1fr;
    }

    .whatsapp-premium-btn{
        grid-column:1/-1;
    }

    .regions-seo-grid{
        grid-template-columns:1fr;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:560px){

    .regions-hero-content h1{
        font-size:38px;
    }

    .regions-hero-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .region-hero-btn{
        width:100%;
    }

    .regions-stats{
        gap:14px;
        justify-content:space-between;
    }

    .regions-stats div{
        padding-right:12px;
    }

    .regions-stats strong{
        font-size:20px;
    }

    .regions-stats span{
        font-size:9px;
    }

    .premium-region-box{
        padding:19px;
    }

    .premium-districts{
        grid-template-columns:1fr;
    }

    .premium-map-overlay{
        left:15px;
        right:15px;
        bottom:15px;
    }

    .regions-whatsapp-box{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        padding:24px;
    }

    .whatsapp-premium-btn{
        width:100%;
    }

    .regions-benefit-grid{
        grid-template-columns:1fr;
    }

    .regions-benefit{
        border-right:0;
        border-bottom:1px solid #eee;
    }

}
/* =========================================================
   WESTEN PREMIUM HEADER DROPDOWN
========================================================= */

.menu-dropdown{
    position:relative;
    display:flex;
    align-items:center;
    height:100%;
}

.menu-dropdown-toggle{
    appearance:none;
    border:0;
    background:transparent;
    cursor:pointer;
    color:#101010;
    font-family:inherit;
    font-size:13px;
    font-weight:900;
    padding:28px 12px;
    display:flex;
    align-items:center;
    gap:6px;
}

.menu-dropdown-toggle span{
    color:#d89a27;
    font-size:10px;
    transition:transform .2s ease;
}

.menu-dropdown:hover .menu-dropdown-toggle,
.menu-dropdown.is-open .menu-dropdown-toggle{
    color:#d89a27;
}

.menu-dropdown:hover .menu-dropdown-toggle span,
.menu-dropdown.is-open .menu-dropdown-toggle span{
    transform:rotate(180deg);
}


/* DROPDOWN */

.menu-dropdown-panel{
    position:absolute;
    z-index:9999;

    top:calc(100% - 2px);
    left:50%;

    width:330px;

    padding:10px;

    background:#111315;

    border:1px solid rgba(216,154,39,.25);
    border-radius:12px;

    box-shadow:
        0 22px 50px rgba(0,0,0,.24);

    opacity:0;
    visibility:hidden;

    transform:
        translate(-50%,10px);

    transition:
        opacity .2s ease,
        transform .2s ease,
        visibility .2s ease;
}


.menu-dropdown:hover .menu-dropdown-panel,
.menu-dropdown.is-open .menu-dropdown-panel{
    opacity:1;
    visibility:visible;

    transform:
        translate(-50%,0);
}


.menu-dropdown-panel:before{
    content:"";

    position:absolute;

    top:-6px;
    left:50%;

    width:12px;
    height:12px;

    background:#111315;

    border-left:
        1px solid rgba(216,154,39,.25);

    border-top:
        1px solid rgba(216,154,39,.25);

    transform:
        translateX(-50%)
        rotate(45deg);
}


.menu-dropdown-panel a{
    position:relative;

    display:flex !important;

    align-items:center;

    gap:13px;

    padding:13px 14px !important;

    border-radius:8px;

    color:#fff !important;

    border:0 !important;

    transition:
        background .2s ease,
        transform .2s ease;
}


.menu-dropdown-panel a:after{
    display:none !important;
}


.menu-dropdown-panel a:hover{
    background:
        rgba(216,154,39,.10);

    transform:
        translateX(3px);
}


.drop-icon{
    flex:0 0 38px;

    width:38px;
    height:38px;

    display:grid;
    place-items:center;

    border-radius:8px;

    color:#d89a27;

    border:
        1px solid rgba(216,154,39,.38);

    font-size:17px;
}


.menu-dropdown-panel strong{
    display:block;

    color:#fff;

    font-size:12px;

    line-height:1.2;
}


.menu-dropdown-panel small{
    display:block;

    margin-top:3px;

    color:#8e9296;

    font-size:9px;

    font-weight:500;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:900px){

    .menu-dropdown{
        width:100%;
        display:block;
    }

    .menu-dropdown-toggle{
        width:100%;

        padding:14px 15px;

        justify-content:space-between;

        text-align:left;

        border-bottom:
            1px solid rgba(0,0,0,.06);

        font-size:12px;
    }

    .menu-dropdown-panel{
        position:static;

        width:100%;

        padding:5px;

        border:0;

        border-radius:0;

        background:#121416;

        box-shadow:none;

        opacity:1;
        visibility:visible;

        display:none;

        transform:none;
    }

    .menu-dropdown.is-open .menu-dropdown-panel{
        display:block;
        transform:none;
    }

    .menu-dropdown-panel:before{
        display:none;
    }

    .menu-dropdown-panel a{
        padding:11px 13px !important;
    }

    .drop-icon{
        width:34px;
        height:34px;
        flex-basis:34px;
    }


/* =========================================================
   WESTEN ARIZA KODLARI
========================================================= */

.error-code-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:35px;
}

.error-code-card{
    position:relative;
    padding:25px;
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.04);
    transition:.25s ease;
}

.error-code-card:hover{
    transform:translateY(-4px);
    border-color:#d89a27;
    box-shadow:0 16px 35px rgba(0,0,0,.08);
}

.error-code-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:17px;
}

.error-badge{
    min-width:65px;
    height:45px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    background:#101112;
    color:#d89a27;
    font-size:19px;
    font-weight:900;
    letter-spacing:.5px;
}

.error-code-top small{
    color:#bbb;
    font-size:8px;
    font-weight:900;
    letter-spacing:1.5px;
}

.error-code-card h3{
    margin:0 0 10px;
    font-size:17px;
}

.error-code-card > p{
    min-height:65px;
    margin:0;
    color:#65686b;
    font-size:13px;
    line-height:1.7;
}

.error-action{
    margin-top:18px;
    padding-top:15px;
    border-top:1px solid #eee;
}

.error-action strong{
    display:block;
    margin-bottom:4px;
    color:#d89a27;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.6px;
}

.error-action p{
    margin:0;
    color:#555;
    font-size:12px;
    line-height:1.6;
}


/* DETAY */

.error-detail-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
}

.error-detail-grid article{
    padding:10px 0;
}

.error-detail-grid h2{
    margin:5px 0 14px;
    font-size:27px;
}

.error-detail-grid p{
    color:#5d6063;
    line-height:1.75;
}


/* UYARI */

.error-warning{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:24px;
    align-items:start;
    padding:34px;
    border-radius:13px;
    background:#101112;
    color:#fff;
}

.error-warning-icon{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:1px solid #d89a27;
    color:#d89a27;
    font-size:27px;
    font-weight:900;
}

.error-warning h2{
    margin:5px 0 10px;
    color:#fff;
}

.error-warning p{
    max-width:900px;
    color:#c8c8c8;
}


/* CTA */

.error-service-box{
    display:grid;
    grid-template-columns:1.3fr .8fr;
    gap:40px;
    align-items:center;
    padding:38px;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:14px;
    box-shadow:0 12px 35px rgba(0,0,0,.05);
}

.error-service-box h2{
    margin:5px 0 10px;
}

.error-service-box p{
    max-width:700px;
    margin:0;
    color:#666;
}

.error-service-actions{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.error-service-actions .btn{
    width:100%;
    justify-content:center;
}

.btn.whatsapp{
    background:#25d366;
    border-color:#25d366;
    color:#fff;
}


/* FAQ */

.faq-list{
    max-width:900px;
    margin:30px auto 0;
}

.faq-item{
    margin-bottom:10px;
    border:1px solid #e7e7e7;
    border-radius:9px;
    background:#fff;
    overflow:hidden;
}

.faq-item summary{
    position:relative;
    padding:18px 48px 18px 20px;
    cursor:pointer;
    font-weight:800;
    list-style:none;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary:after{
    content:"+";
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    color:#d89a27;
    font-size:22px;
}

.faq-item[open] summary:after{
    content:"−";
}

.faq-item p{
    margin:0;
    padding:0 20px 19px;
    color:#666;
    line-height:1.7;
}


/* TABLET */

@media(max-width:900px){

    .error-code-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .error-detail-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .error-service-box{
        grid-template-columns:1fr;
    }

}


/* MOBILE */

@media(max-width:560px){

    .error-code-grid{
        grid-template-columns:1fr;
    }

    .error-code-card > p{
        min-height:0;
    }

    .error-warning{
        grid-template-columns:1fr;
        padding:24px;
    }

    .error-service-box{
        padding:24px 20px;
    }

}
}/* =========================================================
   WESTEN KOMBİ TAMİRİ
========================================================= */

.repair-hero-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:25px;
}


/* =========================================================
   ARIZA KARTLARI
========================================================= */

.repair-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:17px;
    margin-top:35px;
}

.repair-card{
    position:relative;
    min-height:245px;
    padding:25px 23px;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:12px;
    box-shadow:0 9px 28px rgba(0,0,0,.035);
    transition:.25s ease;
}

.repair-card:hover{
    transform:translateY(-4px);
    border-color:#d89a27;
    box-shadow:0 17px 35px rgba(0,0,0,.075);
}

.repair-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    margin-bottom:18px;
    border-radius:50%;
    border:1px solid rgba(216,154,39,.45);
    color:#d89a27;
    background:#fffaf1;
    font-size:20px;
    font-weight:900;
}

.repair-card h3{
    margin:0 0 10px;
    font-size:17px;
    line-height:1.3;
}

.repair-card p{
    margin:0 0 17px;
    color:#65686b;
    font-size:12.5px;
    line-height:1.7;
}

.repair-card > span,
.repair-card > a{
    display:inline-flex;
    margin-top:auto;
    color:#c18118;
    font-size:10px;
    font-weight:900;
    letter-spacing:.2px;
}


/* =========================================================
   SÜREÇ
========================================================= */

.repair-process{
    position:relative;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:12px;
    margin-top:38px;
}

.repair-step{
    position:relative;
    padding:23px 18px;
    border:1px solid #e8e8e8;
    border-radius:11px;
    background:#fff;
}

.repair-step strong{
    display:block;
    margin-bottom:17px;
    color:#d89a27;
    font-size:25px;
    font-weight:900;
}

.repair-step h3{
    margin:0 0 7px;
    font-size:14px;
}

.repair-step p{
    margin:0;
    color:#777;
    font-size:11px;
    line-height:1.6;
}


/* =========================================================
   FEATURE
========================================================= */

.repair-feature{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:stretch;
    overflow:hidden;
    border-radius:15px;
    background:#101112;
    color:#fff;
}

.repair-feature-image{
    min-height:470px;
}

.repair-feature-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.repair-feature-content{
    padding:52px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.repair-feature-content h2{
    margin:5px 0 18px;
    color:#fff;
    font-size:32px;
    line-height:1.15;
}

.repair-feature-content p{
    color:#c4c4c4;
    line-height:1.75;
}

.repair-list{
    margin:18px 0 0;
    padding:0;
    list-style:none;
}

.repair-list li{
    position:relative;
    padding:9px 0 9px 28px;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#eee;
    font-size:12px;
}

.repair-list li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#d89a27;
    font-weight:900;
}


/* =========================================================
   BÖLGE
========================================================= */

.repair-region-box{
    display:grid;
    grid-template-columns:1.3fr .8fr;
    gap:50px;
    align-items:center;
    padding:40px;
    border:1px solid #e7e7e7;
    border-radius:14px;
    box-shadow:0 12px 35px rgba(0,0,0,.045);
}

.repair-region-box h2{
    margin:5px 0 12px;
    font-size:30px;
}

.repair-region-box p{
    max-width:650px;
    color:#666;
}

.repair-text-link{
    display:inline-flex;
    margin-top:9px;
    color:#c18118;
    font-weight:900;
    font-size:12px;
}

.repair-region-phones{
    display:grid;
    gap:10px;
}

.repair-region-phones a{
    display:block;
    padding:18px 20px;
    border-radius:9px;
    background:#111315;
    color:#fff;
    transition:.2s;
}

.repair-region-phones a:hover{
    transform:translateX(3px);
    background:#191b1d;
}

.repair-region-phones small{
    display:block;
    color:#d89a27;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}

.repair-region-phones strong{
    display:block;
    margin:3px 0;
    font-size:22px;
}

.repair-region-phones span{
    color:#aaa;
    font-size:9px;
}


/* =========================================================
   WHATSAPP
========================================================= */

.repair-whatsapp-section{
    padding-top:0;
}

.repair-whatsapp{
    display:grid;
    grid-template-columns:1fr auto;
    gap:30px;
    align-items:center;
    padding:32px 36px;
    border-radius:14px;
    background:linear-gradient(135deg,#18b956,#25d366);
    color:#fff;
}

.repair-whatsapp > div > small{
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}

.repair-whatsapp h2{
    margin:4px 0 7px;
    color:#fff;
}

.repair-whatsapp p{
    margin:0;
    color:rgba(255,255,255,.88);
}

.repair-whatsapp > a{
    min-width:220px;
    padding:15px 19px;
    border-radius:9px;
    background:#fff;
    color:#101112;
}

.repair-whatsapp > a small{
    display:block;
    color:#20ba59;
    font-size:8px;
    font-weight:900;
}

.repair-whatsapp > a strong{
    display:block;
    font-size:20px;
}

.repair-whatsapp > a span{
    display:block;
    margin-top:3px;
    color:#777;
    font-size:9px;
}


/* =========================================================
   SEO
========================================================= */

.repair-seo-content{
    max-width:1000px;
    margin:0 auto;
}

.repair-seo-content h2{
    margin:28px 0 11px;
    font-size:26px;
}

.repair-seo-content h2:first-of-type{
    margin-top:5px;
}

.repair-seo-content p{
    color:#5d6063;
    line-height:1.8;
}

.repair-seo-content a{
    color:#bd7c11;
}


/* =========================================================
   FINAL CTA
========================================================= */

.repair-final-cta{
    padding:48px 0;
    background:#101112;
    color:#fff;
}

.repair-final-cta .container{
    display:grid;
    grid-template-columns:1fr auto;
    gap:30px;
    align-items:center;
}

.repair-final-cta small{
    color:#d89a27;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.1px;
}

.repair-final-cta h2{
    margin:5px 0 7px;
    color:#fff;
    font-size:30px;
}

.repair-final-cta p{
    margin:0;
    color:#bbb;
}

.repair-final-actions{
    display:flex;
    gap:10px;
}

.btn.whatsapp{
    background:#25d366;
    color:#fff;
    border-color:#25d366;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

    .repair-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .repair-process{
        grid-template-columns:repeat(3,1fr);
    }

    .repair-feature{
        grid-template-columns:1fr;
    }

    .repair-feature-image{
        min-height:360px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:700px){

    .repair-grid{
        grid-template-columns:1fr;
    }

    .repair-card{
        min-height:0;
    }

    .repair-process{
        grid-template-columns:1fr 1fr;
    }

    .repair-feature-content{
        padding:30px 22px;
    }

    .repair-feature-content h2{
        font-size:26px;
    }

    .repair-region-box{
        grid-template-columns:1fr;
        gap:25px;
        padding:27px 21px;
    }

    .repair-whatsapp{
        grid-template-columns:1fr;
        padding:27px 22px;
    }

    .repair-whatsapp > a{
        width:100%;
    }

    .repair-final-cta .container{
        grid-template-columns:1fr;
    }

    .repair-final-actions{
        flex-direction:column;
    }

}


/* =========================================================
   KÜÇÜK MOBİL
========================================================= */

@media(max-width:480px){

    .repair-process{
        grid-template-columns:1fr;
    }

    .repair-hero-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .repair-hero-actions .btn{
        width:100%;
        justify-content:center;
    }

}/* =========================================================
   WESTEN KOMBİ BAKIMI
========================================================= */

.maintenance-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:25px;
}


/* BAKIM KARTLARI */

.maintenance-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:17px;
    margin-top:36px;
}

.maintenance-card{
    position:relative;
    min-height:230px;
    padding:25px 23px;
    border:1px solid #e8e8e8;
    border-radius:12px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.035);
    transition:.25s ease;
}

.maintenance-card:hover{
    transform:translateY(-4px);
    border-color:#d89a27;
    box-shadow:0 17px 36px rgba(0,0,0,.075);
}

.maintenance-number{
    width:47px;
    height:47px;
    display:grid;
    place-items:center;
    margin-bottom:18px;
    border-radius:50%;
    border:1px solid rgba(216,154,39,.45);
    background:#fffaf1;
    color:#d89a27;
    font-size:12px;
    font-weight:900;
}

.maintenance-card h3{
    margin:0 0 10px;
    font-size:16px;
}

.maintenance-card p{
    margin:0;
    color:#666a6d;
    font-size:12.5px;
    line-height:1.7;
}


/* SÜREÇ */

.maintenance-process{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:12px;
    margin-top:38px;
}

.maintenance-step{
    padding:24px 19px;
    border:1px solid #e8e8e8;
    border-radius:11px;
    background:#fff;
}

.maintenance-step span{
    display:block;
    margin-bottom:17px;
    color:#d89a27;
    font-size:26px;
    font-weight:900;
}

.maintenance-step h3{
    margin:0 0 7px;
    font-size:14px;
}

.maintenance-step p{
    margin:0;
    color:#777;
    font-size:11px;
    line-height:1.6;
}


/* PREMIUM FEATURE */

.maintenance-feature{
    display:grid;
    grid-template-columns:1fr 1fr;
    overflow:hidden;
    border-radius:15px;
    background:#101112;
    color:#fff;
}

.maintenance-feature-content{
    padding:52px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.maintenance-feature-content h2{
    margin:5px 0 17px;
    color:#fff;
    font-size:32px;
    line-height:1.17;
}

.maintenance-feature-content p{
    color:#c5c5c5;
    line-height:1.75;
}

.maintenance-feature-content ul{
    margin:18px 0 0;
    padding:0;
    list-style:none;
}

.maintenance-feature-content li{
    position:relative;
    padding:9px 0 9px 28px;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#eee;
    font-size:12px;
}

.maintenance-feature-content li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#d89a27;
    font-weight:900;
}

.maintenance-feature-image{
    min-height:490px;
}

.maintenance-feature-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}


/* BAKIM / TAMİR */

.maintenance-compare{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-top:35px;
}

.maintenance-compare article{
    padding:34px;
    border:1px solid #e7e7e7;
    border-radius:13px;
    background:#fff;
}

.maintenance-compare article.dark{
    background:#111315;
    color:#fff;
    border-color:#111315;
}

.compare-icon{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    margin-bottom:20px;
    border:1px solid #d89a27;
    border-radius:50%;
    color:#d89a27;
    font-size:21px;
}

.maintenance-compare small{
    color:#d89a27;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}

.maintenance-compare h3{
    margin:5px 0 10px;
    font-size:22px;
}

.maintenance-compare .dark h3{
    color:#fff;
}

.maintenance-compare p{
    color:#666;
    line-height:1.7;
}

.maintenance-compare .dark p{
    color:#bbb;
}

.maintenance-compare ul{
    padding-left:18px;
}

.maintenance-compare li{
    padding:4px 0;
    font-size:12px;
}

.maintenance-compare .dark a{
    display:inline-flex;
    margin-top:15px;
    color:#d89a27;
    font-size:11px;
    font-weight:900;
}


/* NE ZAMAN BAKIM */

.maintenance-when{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:50px;
    align-items:start;
}

.maintenance-when h2{
    margin:5px 0 14px;
    font-size:30px;
}

.maintenance-when > div:first-child p{
    color:#626568;
    line-height:1.8;
}

.maintenance-signs{
    padding:27px;
    border-radius:12px;
    background:#fff;
    border:1px solid #e7e7e7;
}

.maintenance-signs h3{
    margin:0 0 18px;
}

.maintenance-signs > div{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:12px;
    align-items:center;
    padding:11px 0;
    border-bottom:1px solid #eee;
}

.maintenance-signs > div:last-child{
    border:0;
}

.maintenance-signs span{
    color:#d89a27;
    font-size:11px;
    font-weight:900;
}

.maintenance-signs p{
    margin:0;
    font-size:12px;
    color:#555;
}


/* SERVİS BÖLGELERİ */

.maintenance-region{
    display:grid;
    grid-template-columns:1.3fr .8fr;
    gap:50px;
    align-items:center;
    padding:40px;
    border:1px solid #e7e7e7;
    border-radius:14px;
    box-shadow:0 12px 35px rgba(0,0,0,.045);
}

.maintenance-region h2{
    margin:5px 0 12px;
    font-size:30px;
}

.maintenance-region p{
    color:#666;
}

.maintenance-link{
    display:inline-flex;
    margin-top:8px;
    color:#bd7e16;
    font-size:11px;
    font-weight:900;
}

.maintenance-phones{
    display:grid;
    gap:10px;
}

.maintenance-phones a{
    display:block;
    padding:18px 20px;
    border-radius:9px;
    background:#111315;
    color:#fff;
    transition:.2s;
}

.maintenance-phones a:hover{
    transform:translateX(3px);
}

.maintenance-phones small{
    display:block;
    color:#d89a27;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}

.maintenance-phones strong{
    display:block;
    margin:3px 0;
    font-size:22px;
}

.maintenance-phones span{
    display:block;
    color:#aaa;
    font-size:9px;
}


/* WHATSAPP */

.maintenance-whatsapp-section{
    padding-top:0;
}

.maintenance-whatsapp{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:30px;
    padding:32px 36px;
    border-radius:14px;
    background:linear-gradient(135deg,#18b956,#25d366);
    color:#fff;
}

.maintenance-whatsapp > div > small{
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}

.maintenance-whatsapp h2{
    margin:4px 0 7px;
    color:#fff;
}

.maintenance-whatsapp p{
    margin:0;
    color:rgba(255,255,255,.88);
}

.maintenance-whatsapp > a{
    min-width:220px;
    padding:15px 19px;
    border-radius:9px;
    background:#fff;
    color:#101112;
}

.maintenance-whatsapp > a small{
    display:block;
    color:#20b95a;
    font-size:8px;
    font-weight:900;
}

.maintenance-whatsapp > a strong{
    display:block;
    font-size:20px;
}

.maintenance-whatsapp > a span{
    display:block;
    margin-top:3px;
    color:#777;
    font-size:9px;
}


/* SEO */

.maintenance-seo{
    max-width:1000px;
    margin:0 auto;
}

.maintenance-seo h2{
    margin:29px 0 11px;
    font-size:27px;
}

.maintenance-seo h2:first-of-type{
    margin-top:5px;
}

.maintenance-seo p{
    color:#5d6063;
    line-height:1.8;
}

.maintenance-seo a{
    color:#bd7c11;
}


/* FINAL CTA */

.maintenance-final{
    padding:48px 0;
    background:#101112;
    color:#fff;
}

.maintenance-final .container{
    display:grid;
    grid-template-columns:1fr auto;
    gap:30px;
    align-items:center;
}

.maintenance-final small{
    color:#d89a27;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.1px;
}

.maintenance-final h2{
    margin:5px 0 7px;
    color:#fff;
    font-size:30px;
}

.maintenance-final p{
    margin:0;
    color:#bbb;
}

.maintenance-final-actions{
    display:flex;
    gap:10px;
}


/* TABLET */

@media(max-width:1000px){

    .maintenance-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .maintenance-process{
        grid-template-columns:repeat(3,1fr);
    }

    .maintenance-feature{
        grid-template-columns:1fr;
    }

    .maintenance-feature-image{
        min-height:360px;
    }

}


/* MOBILE */

@media(max-width:700px){

    .maintenance-grid{
        grid-template-columns:1fr;
    }

    .maintenance-process{
        grid-template-columns:1fr 1fr;
    }

    .maintenance-feature-content{
        padding:30px 22px;
    }

    .maintenance-feature-content h2{
        font-size:26px;
    }

    .maintenance-compare{
        grid-template-columns:1fr;
    }

    .maintenance-when{
        grid-template-columns:1fr;
        gap:25px;
    }

    .maintenance-region{
        grid-template-columns:1fr;
        gap:25px;
        padding:27px 21px;
    }

    .maintenance-whatsapp{
        grid-template-columns:1fr;
        padding:27px 22px;
    }

    .maintenance-whatsapp > a{
        width:100%;
    }

    .maintenance-final .container{
        grid-template-columns:1fr;
    }

    .maintenance-final-actions{
        flex-direction:column;
    }

}


/* KÜÇÜK MOBİL */

@media(max-width:480px){

    .maintenance-process{
        grid-template-columns:1fr;
    }

    .maintenance-hero-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .maintenance-hero-actions .btn{
        width:100%;
        justify-content:center;
    }

}/* =========================================================
   WESTEN HİZMETLERİMİZ
========================================================= */

.services-hero-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:25px;
}


/* ANA HİZMET KARTLARI */

.services-premium-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:38px;
}

.services-premium-card{
    position:relative;
    padding:32px 29px;
    border:1px solid #e7e7e7;
    border-radius:15px;
    background:#fff;
    box-shadow:0 12px 35px rgba(0,0,0,.045);
    overflow:hidden;
    transition:.25s ease;
}

.services-premium-card:hover{
    transform:translateY(-5px);
    border-color:#d89a27;
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.services-premium-card.featured{
    background:#111315;
    color:#fff;
    border-color:#111315;
}

.sp-number{
    position:absolute;
    top:15px;
    right:20px;
    color:rgba(0,0,0,.05);
    font-size:55px;
    font-weight:900;
}

.featured .sp-number{
    color:rgba(255,255,255,.06);
}

.sp-icon{
    width:55px;
    height:55px;
    display:grid;
    place-items:center;
    margin-bottom:22px;
    border-radius:50%;
    border:1px solid rgba(216,154,39,.5);
    background:#fffaf1;
    color:#d89a27;
    font-size:22px;
    font-weight:900;
}

.featured .sp-icon{
    background:rgba(216,154,39,.08);
}

.services-premium-card h2{
    margin:0 0 12px;
    font-size:22px;
}

.featured h2{
    color:#fff;
}

.services-premium-card p{
    min-height:105px;
    color:#666a6d;
    font-size:13px;
    line-height:1.75;
}

.featured p{
    color:#bbb;
}

.services-premium-card ul{
    margin:20px 0 25px;
    padding:0;
    list-style:none;
}

.services-premium-card li{
    position:relative;
    padding:7px 0 7px 22px;
    border-bottom:1px solid #eee;
    font-size:11px;
}

.featured li{
    border-color:rgba(255,255,255,.08);
}

.services-premium-card li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#d89a27;
    font-weight:900;
}

.services-premium-card > a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:17px;
    border-top:1px solid #eee;
    color:#bd7d14;
    font-size:11px;
    font-weight:900;
}

.featured > a{
    border-color:rgba(255,255,255,.1);
    color:#d89a27;
}


/* PROBLEM KARTLARI */

.services-problem-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
    margin-top:36px;
}

.service-problem{
    padding:24px 21px;
    border:1px solid #e8e8e8;
    border-radius:11px;
    background:#fff;
    transition:.2s ease;
}

.service-problem:hover{
    border-color:#d89a27;
    transform:translateY(-3px);
}

.service-problem > span{
    width:43px;
    height:43px;
    display:grid;
    place-items:center;
    margin-bottom:15px;
    border-radius:50%;
    color:#d89a27;
    border:1px solid rgba(216,154,39,.45);
    font-size:17px;
}

.service-problem h3{
    margin:0 0 8px;
    font-size:15px;
}

.service-problem p{
    margin:0;
    color:#707376;
    font-size:11.5px;
    line-height:1.65;
}


/* SERVİS AKIŞI */

.services-flow{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:55px;
    align-items:center;
}

.services-flow-copy h2{
    margin:5px 0 14px;
    font-size:32px;
}

.services-flow-copy p{
    color:#626568;
    line-height:1.8;
}

.services-flow-copy .btn{
    margin-top:12px;
}

.services-flow-steps{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    border:1px solid #e7e7e7;
    border-radius:13px;
    overflow:hidden;
}

.services-flow-steps > div{
    min-height:155px;
    padding:22px;
    border-right:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
}

.services-flow-steps > div:nth-child(2n){
    border-right:0;
}

.services-flow-steps > div:nth-last-child(-n+2){
    border-bottom:0;
}

.services-flow-steps strong{
    display:block;
    color:#d89a27;
    font-size:22px;
    margin-bottom:12px;
}

.services-flow-steps span{
    display:block;
    color:#111;
    font-size:13px;
    font-weight:900;
}

.services-flow-steps p{
    margin:5px 0 0;
    color:#777;
    font-size:10.5px;
    line-height:1.6;
}


/* DARK FEATURE */

.services-dark-feature{
    display:grid;
    grid-template-columns:1fr 1fr;
    overflow:hidden;
    border-radius:15px;
    background:#101112;
    color:#fff;
}

.services-dark-image{
    min-height:500px;
}

.services-dark-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.services-dark-content{
    padding:52px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.services-dark-content h2{
    margin:5px 0 17px;
    color:#fff;
    font-size:32px;
    line-height:1.18;
}

.services-dark-content p{
    color:#c3c3c3;
    line-height:1.75;
}

.services-dark-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:18px;
}

.services-dark-list div{
    padding:12px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:7px;
    font-size:11px;
}

.services-dark-list span{
    margin-right:7px;
    color:#d89a27;
    font-weight:900;
}


/* SERVİS BÖLGESİ */

.services-region-box{
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:50px;
    align-items:center;
    padding:40px;
    border:1px solid #e7e7e7;
    border-radius:14px;
    box-shadow:0 12px 35px rgba(0,0,0,.045);
}

.services-region-box h2{
    margin:5px 0 12px;
    font-size:30px;
}

.services-region-box p{
    color:#666;
    line-height:1.75;
}

.services-region-link{
    display:inline-flex;
    margin-top:8px;
    color:#bd7d14;
    font-size:11px;
    font-weight:900;
}

.services-region-phones{
    display:grid;
    gap:10px;
}

.services-region-phones a{
    padding:18px 20px;
    border-radius:9px;
    background:#111315;
    color:#fff;
    transition:.2s;
}

.services-region-phones a:hover{
    transform:translateX(3px);
}

.services-region-phones small{
    display:block;
    color:#d89a27;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}

.services-region-phones strong{
    display:block;
    margin:3px 0;
    font-size:22px;
}

.services-region-phones span{
    color:#aaa;
    font-size:9px;
}


/* WHATSAPP */

.services-whatsapp-section{
    padding-top:0;
}

.services-whatsapp{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:30px;
    padding:32px 36px;
    border-radius:14px;
    background:linear-gradient(135deg,#18b956,#25d366);
    color:#fff;
}

.services-whatsapp > div > small{
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}

.services-whatsapp h2{
    margin:4px 0 7px;
    color:#fff;
}

.services-whatsapp p{
    margin:0;
    color:rgba(255,255,255,.88);
}

.services-whatsapp > a{
    min-width:220px;
    padding:15px 19px;
    border-radius:9px;
    background:#fff;
    color:#101112;
}

.services-whatsapp > a small{
    display:block;
    color:#20b95a;
    font-size:8px;
    font-weight:900;
}

.services-whatsapp > a strong{
    display:block;
    font-size:20px;
}

.services-whatsapp > a span{
    display:block;
    margin-top:3px;
    color:#777;
    font-size:9px;
}


/* SEO */

.services-seo-content{
    max-width:1000px;
    margin:0 auto;
}

.services-seo-content h2{
    margin:29px 0 11px;
    font-size:27px;
}

.services-seo-content h2:first-of-type{
    margin-top:5px;
}

.services-seo-content p{
    color:#5c6063;
    line-height:1.82;
}

.services-seo-content a{
    color:#bd7c11;
}


/* FINAL CTA */

.services-final-cta{
    padding:48px 0;
    background:#101112;
    color:#fff;
}

.services-final-cta .container{
    display:grid;
    grid-template-columns:1fr auto;
    gap:30px;
    align-items:center;
}

.services-final-cta small{
    color:#d89a27;
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}

.services-final-cta h2{
    margin:5px 0 7px;
    color:#fff;
    font-size:30px;
}

.services-final-cta p{
    margin:0;
    color:#bbb;
}

.services-final-actions{
    display:flex;
    gap:10px;
}


/* TABLET */

@media(max-width:1000px){

    .services-premium-grid{
        grid-template-columns:1fr;
    }

    .services-premium-card p{
        min-height:0;
    }

    .services-problem-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .services-flow{
        grid-template-columns:1fr;
    }

    .services-dark-feature{
        grid-template-columns:1fr;
    }

    .services-dark-image{
        min-height:370px;
    }

}


/* MOBILE */

@media(max-width:700px){

    .services-hero-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .services-hero-actions .btn{
        width:100%;
        justify-content:center;
    }

    .services-problem-grid{
        grid-template-columns:1fr;
    }

    .services-flow-steps{
        grid-template-columns:1fr;
    }

    .services-flow-steps > div,
    .services-flow-steps > div:nth-child(2n),
    .services-flow-steps > div:nth-last-child(-n+2){
        border-right:0;
        border-bottom:1px solid #e7e7e7;
    }

    .services-flow-steps > div:last-child{
        border-bottom:0;
    }

    .services-dark-content{
        padding:30px 22px;
    }

    .services-dark-content h2{
        font-size:26px;
    }

    .services-dark-list{
        grid-template-columns:1fr;
    }

    .services-region-box{
        grid-template-columns:1fr;
        gap:25px;
        padding:27px 21px;
    }

    .services-whatsapp{
        grid-template-columns:1fr;
        padding:27px 22px;
    }

    .services-whatsapp > a{
        width:100%;
    }

    .services-final-cta .container{
        grid-template-columns:1fr;
    }

    .services-final-actions{
        flex-direction:column;
    }

} /* =========================================================
   HEADER ÇİFT TELEFON
========================================================= */

.header-phone-group{
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:14px;
    flex-shrink:0;
}

.header-phone-group .phone-box{
    min-width:154px;
    height:60px;

    display:flex;
    align-items:center;
    gap:10px;

    padding:8px 13px;

    border:1px solid #d89a27;
    border-radius:9px;

    background:#fff;
    color:#111;

    text-decoration:none;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.header-phone-group .phone-box:hover{
    transform:translateY(-2px);

    box-shadow:
        0 8px 22px rgba(0,0,0,.08);
}


/* TELEFON İKONU */

.header-phone-group .picon{
    flex:0 0 31px;

    width:31px;
    height:31px;

    display:grid;
    place-items:center;

    border-radius:50%;

    color:#d89a27;

    font-size:20px;
}


/* NUMARA */

.header-phone-group .phone-box-content{
    display:flex;
    flex-direction:column;
    justify-content:center;

    white-space:nowrap;
}

.header-phone-group .phone-box strong{
    display:block;

    font-size:14px;
    line-height:1.1;
    font-weight:900;

    color:#111;
}

.header-phone-group .phone-box small{
    display:block;

    margin-top:4px;

    font-size:8px;
    line-height:1;

    font-weight:800;

    color:#d89a27;
}


/* ANADOLU KARTINI HAFİF FARKLILAŞTIR */

.header-phone-group .phone-box-asia{
    background:#111315;
    border-color:#111315;
}

.header-phone-group .phone-box-asia strong{
    color:#fff;
}

.header-phone-group .phone-box-asia small,
.header-phone-group .phone-box-asia .picon{
    color:#d89a27;
}


/* =========================================================
   ORTA EKRAN
========================================================= */

@media(max-width:1250px){

    .header-phone-group{
        gap:5px;
        margin-left:8px;
    }

    .header-phone-group .phone-box{
        min-width:137px;
        padding:7px 9px;
    }

    .header-phone-group .phone-box strong{
        font-size:12px;
    }

    .header-phone-group .phone-box small{
        font-size:7px;
    }

    .header-phone-group .picon{
        width:27px;
        height:27px;
        flex-basis:27px;
        font-size:17px;
    }

}


/* =========================================================
   TABLET / MOBİL
========================================================= */

@media(max-width:900px){

    .header-phone-group{
        display:none;
    }

}  /* =========================================================
   WESTEN HEADER - ÇİFT TELEFON + DROPDOWN DÜZELTME
   style.css dosyasının EN ALTINA ekleyin.
========================================================= */


/* =========================================================
   HEADER GENEL
========================================================= */

.header{
    position:relative;
    z-index:1000;
    background:#fff;
}

.header .nav{
    min-height:76px;
    display:flex;
    align-items:center;
    gap:18px;
}

.header .logo{
    flex:0 0 auto;
}


/* =========================================================
   MENU
========================================================= */

.header .menu{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
}

.header .menu > a,
.header .menu-dropdown-toggle{
    white-space:nowrap;
}


/* =========================================================
   HİZMETLER DROPDOWN
========================================================= */

.menu-dropdown{
    position:relative;
    display:flex;
    align-items:center;
    height:100%;
}

.menu-dropdown-toggle{
    appearance:none;
    border:0;
    outline:0;
    background:transparent;
    cursor:pointer;
    color:#111;
    font:inherit;
    font-size:13px;
    font-weight:900;
    padding:27px 0;
    display:flex;
    align-items:center;
    gap:5px;
}

.menu-dropdown-toggle > span{
    color:#d89a27;
    font-size:9px;
    transition:transform .2s ease;
}

.menu-dropdown:hover .menu-dropdown-toggle,
.menu-dropdown.is-open .menu-dropdown-toggle{
    color:#d89a27;
}

.menu-dropdown:hover .menu-dropdown-toggle > span,
.menu-dropdown.is-open .menu-dropdown-toggle > span{
    transform:rotate(180deg);
}

.menu-dropdown-panel{
    position:absolute;
    z-index:99999;
    top:calc(100% - 2px);
    left:50%;
    width:320px;
    padding:9px;
    background:#111315;
    border:1px solid rgba(216,154,39,.25);
    border-radius:11px;
    box-shadow:0 22px 48px rgba(0,0,0,.25);
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,10px);
    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;
}

.menu-dropdown:hover .menu-dropdown-panel,
.menu-dropdown.is-open .menu-dropdown-panel{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0);
}

.menu-dropdown-panel a{
    display:flex !important;
    align-items:center;
    gap:12px;
    padding:12px 13px !important;
    border:0 !important;
    border-radius:8px;
    color:#fff !important;
    text-decoration:none;
}

.menu-dropdown-panel a:hover{
    background:rgba(216,154,39,.10);
}

.menu-dropdown-panel a::after{
    display:none !important;
}

.drop-icon{
    flex:0 0 36px;
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:8px;
    border:1px solid rgba(216,154,39,.38);
    color:#d89a27;
    font-size:15px;
}

.menu-dropdown-panel strong{
    display:block;
    color:#fff;
    font-size:12px;
    line-height:1.2;
}

.menu-dropdown-panel small{
    display:block;
    margin-top:3px;
    color:#969a9e;
    font-size:9px;
    font-weight:500;
}


/* =========================================================
   ÇİFT TELEFON - TEK PREMIUM KUTU
========================================================= */

.westen-header-phones{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    height:58px;
    padding:6px 8px;
    background:#fff;
    border:1px solid #dfa12c;
    border-radius:9px;
    box-shadow:0 4px 15px rgba(0,0,0,.04);
}

.westen-header-phone{
    min-width:132px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:4px 7px;
    color:#111;
    text-decoration:none;
    white-space:nowrap;
    transition:.2s ease;
}

.westen-header-phone:hover{
    color:#c88616;
}

.westen-phone-icon{
    flex:0 0 24px;
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    color:#d89a27;
    font-size:17px;
}

.westen-phone-text{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.westen-phone-text small{
    display:block;
    margin-bottom:3px;
    color:#d89a27;
    font-size:6.5px;
    line-height:1;
    font-weight:900;
    letter-spacing:.3px;
}

.westen-phone-text strong{
    display:block;
    color:#101010;
    font-size:12px;
    line-height:1.05;
    font-weight:900;
}

.westen-phone-divider{
    flex:0 0 1px;
    width:1px;
    height:32px;
    background:#e8e8e8;
}


/* =========================================================
   MASAÜSTÜ DAR EKRAN
========================================================= */

@media(max-width:1450px){

    .header .nav{
        gap:12px;
    }

    .header .menu{
        gap:16px;
    }

    .header .menu > a,
    .menu-dropdown-toggle{
        font-size:12px;
    }

    .westen-header-phone{
        min-width:118px;
        padding-left:5px;
        padding-right:5px;
    }

    .westen-phone-text strong{
        font-size:11px;
    }

}


@media(max-width:1250px){

    .header .menu{
        gap:12px;
    }

    .westen-header-phones{
        padding:5px;
    }

    .westen-header-phone{
        min-width:108px;
        gap:4px;
    }

    .westen-phone-icon{
        display:none;
    }

    .westen-phone-text strong{
        font-size:10.5px;
    }

    .westen-phone-text small{
        font-size:6px;
    }

}


/* =========================================================
   TABLET / MOBİL
========================================================= */

@media(max-width:1050px){

    .header .nav{
        position:relative;
        min-height:68px;
    }

    .westen-header-phones{
        display:none;
    }

    .mobile-toggle{
        display:flex;
        margin-left:auto;
    }

    .header .menu{
        position:absolute;
        z-index:99999;
        top:100%;
        left:0;
        right:0;

        display:none;
        width:100%;

        padding:8px;

        background:#fff;

        border-top:1px solid #eee;
        box-shadow:0 15px 35px rgba(0,0,0,.12);

        flex-direction:column;
        align-items:stretch;
        gap:0;
    }

    .header .menu.open{
        display:flex;
    }

    .header .menu > a{
        display:block;
        width:100%;
        padding:13px 14px;
        border-bottom:1px solid #eee;
    }

    .menu-dropdown{
        width:100%;
        display:block;
    }

    .menu-dropdown-toggle{
        width:100%;
        padding:13px 14px;
        justify-content:space-between;
        text-align:left;
        border-bottom:1px solid #eee;
    }

    .menu-dropdown-panel{
        position:static;
        width:100%;
        padding:5px;
        border:0;
        border-radius:0;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        transform:none;
        display:none;
    }

    .menu-dropdown.is-open .menu-dropdown-panel{
        display:block;
        transform:none;
    }

}


@media(min-width:1051px){

    .mobile-toggle{
        display:none;
    }

}/* =========================================================
   WESTEN MOBİL MENÜ - KESİN DÜZELTME
========================================================= */

@media (max-width:1050px){

    /* HEADER */
    .header{
        position:relative !important;
        z-index:99999 !important;
        overflow:visible !important;
    }

    .header .container.nav{
        position:relative !important;

        min-height:68px !important;

        display:flex !important;
        align-items:center !important;

        overflow:visible !important;
    }


    /* LOGO */
    .header .logo{
        position:relative !important;
        z-index:100001 !important;

        flex:0 0 auto !important;
    }


    /* MOBİL BUTON */
    .mobile-toggle{
        position:relative !important;
        z-index:100002 !important;

        display:flex !important;

        width:44px !important;
        height:44px !important;

        margin-left:auto !important;

        align-items:center !important;
        justify-content:center !important;

        padding:0 !important;

        border:1px solid #d89a27 !important;
        border-radius:8px !important;

        background:#111315 !important;
        color:#fff !important;

        font-size:21px !important;
        line-height:1 !important;

        cursor:pointer !important;

        appearance:none !important;
        -webkit-appearance:none !important;
    }


    /* MASAÜSTÜ TELEFONLARI MOBİLDE GİZLE */
    .westen-header-phones{
        display:none !important;
    }


    /* ANA MENÜ */
    .header .menu{
        position:absolute !important;

        z-index:999999 !important;

        top:100% !important;
        left:0 !important;
        right:0 !important;

        width:100% !important;

        display:none !important;

        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;

        gap:0 !important;

        margin:0 !important;
        padding:8px !important;

        background:#fff !important;

        border-top:1px solid #eeeeee !important;
        border-radius:0 0 10px 10px !important;

        box-shadow:
            0 18px 35px rgba(0,0,0,.18) !important;

        overflow:visible !important;
    }


    /* MENÜ AÇIK */
    .header .menu.open{
        display:flex !important;
    }


    /* NORMAL MENÜ LİNKLERİ */
    .header .menu > a{
        display:block !important;

        width:100% !important;

        margin:0 !important;
        padding:14px 15px !important;

        border:0 !important;
        border-bottom:1px solid #eeeeee !important;

        color:#111 !important;
        background:#fff !important;

        font-size:12px !important;
        line-height:1.2 !important;
        font-weight:900 !important;

        text-align:left !important;
    }

    .header .menu > a:hover,
    .header .menu > a.active{
        color:#d89a27 !important;
        background:#faf7f1 !important;
    }


    /* HİZMETLERİMİZ */
    .menu-dropdown{
        position:relative !important;

        width:100% !important;
        height:auto !important;

        display:block !important;

        margin:0 !important;
    }


    .menu-dropdown-toggle{
        width:100% !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        margin:0 !important;
        padding:14px 15px !important;

        border:0 !important;
        border-bottom:1px solid #eeeeee !important;

        background:#fff !important;
        color:#111 !important;

        font-size:12px !important;
        font-weight:900 !important;

        text-align:left !important;

        cursor:pointer !important;
    }


    .menu-dropdown-toggle span{
        color:#d89a27 !important;
    }


    /* ALT MENÜ */
    .menu-dropdown-panel{
        position:static !important;

        top:auto !important;
        left:auto !important;

        width:100% !important;

        margin:0 !important;
        padding:5px !important;

        display:none !important;

        opacity:1 !important;
        visibility:visible !important;

        transform:none !important;

        border:0 !important;
        border-radius:0 !important;

        background:#111315 !important;

        box-shadow:none !important;
    }


    /* HOVER MOBİLDE AÇMASIN */
    .menu-dropdown:hover .menu-dropdown-panel{
        display:none !important;
    }


    /* TIKLANDIĞINDA AÇ */
    .menu-dropdown.is-open .menu-dropdown-panel{
        display:block !important;
    }


    .menu-dropdown.is-open:hover .menu-dropdown-panel{
        display:block !important;
    }


    .menu-dropdown-panel a{
        display:flex !important;

        align-items:center !important;

        gap:12px !important;

        width:100% !important;

        padding:12px !important;

        color:#fff !important;

        border:0 !important;
        border-bottom:
            1px solid rgba(255,255,255,.06) !important;

        background:#111315 !important;
    }


    .menu-dropdown-panel a:last-child{
        border-bottom:0 !important;
    }


    .menu-dropdown-panel a:hover{
        background:
            rgba(216,154,39,.12) !important;
    }


    .menu-dropdown-panel strong{
        color:#fff !important;
    }


    .menu-dropdown-panel small{
        color:#999 !important;
    }


    .drop-icon{
        flex:0 0 35px !important;

        width:35px !important;
        height:35px !important;

        display:grid !important;
        place-items:center !important;

        color:#d89a27 !important;

        border:
            1px solid rgba(216,154,39,.35) !important;

        border-radius:7px !important;
    }

}/* =========================================================
   WESTEN PREMIUM FOOTER
========================================================= */

.westen-premium-footer{
    position:relative;
    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(216,154,39,.08),
            transparent 30%
        ),
        #0b0c0d;

    color:#fff;

    border-top:3px solid #d89a27;
}


/* =========================================================
   ANA GRID
========================================================= */

.westen-footer-grid{
    display:grid;

    grid-template-columns:
        1.35fr
        .8fr
        .8fr
        1fr
        1.05fr;

    min-height:300px;
}


.westen-footer-grid > div{
    padding:42px 26px;

    border-right:
        1px solid rgba(255,255,255,.08);
}


.westen-footer-grid > div:first-child{
    padding-left:0;
}


.westen-footer-grid > div:last-child{
    border-right:0;
}


/* =========================================================
   MARKA
========================================================= */

.westen-footer-brand .footer-logo{
    margin-bottom:22px;
}


.westen-footer-brand .footer-logo strong{
    color:#fff;

    font-size:32px;
    letter-spacing:1px;
}


.westen-footer-brand .footer-logo em{
    color:#d89a27;

    font-size:9px;
    letter-spacing:5px;
}


.westen-footer-description{
    max-width:300px;

    margin:0 0 20px;

    color:#aeb0b3;

    font-size:12px;
    line-height:1.8;
}


/* BADGES */

.westen-footer-badges{
    display:flex;
    gap:10px;

    margin-bottom:20px;
}


.westen-footer-badges span{
    display:flex;
    align-items:center;
    gap:7px;

    padding:7px 9px;

    border:
        1px solid rgba(216,154,39,.22);

    border-radius:6px;

    background:
        rgba(255,255,255,.025);

    color:#ccc;

    font-size:9px;
}


.westen-footer-badges b{
    color:#d89a27;

    font-size:12px;
}


/* WHATSAPP */

.westen-footer-whatsapp{
    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 13px;

    border:
        1px solid rgba(37,211,102,.38);

    border-radius:8px;

    background:
        rgba(37,211,102,.07);

    color:#fff;

    transition:.2s;
}


.westen-footer-whatsapp:hover{
    background:#25d366;

    color:#fff !important;
}


.westen-footer-whatsapp .wa-icon{
    color:#25d366;

    font-size:18px;
}


.westen-footer-whatsapp:hover .wa-icon{
    color:#fff;
}


.westen-footer-whatsapp small{
    display:block;

    color:#25d366;

    font-size:7px;
    font-weight:900;
}


.westen-footer-whatsapp:hover small{
    color:#fff;
}


.westen-footer-whatsapp strong{
    display:block;

    margin-top:2px;

    font-size:13px;
}


/* =========================================================
   KOLONLAR
========================================================= */

.westen-footer-col h3{
    position:relative;

    margin:0 0 22px;

    padding-bottom:12px;

    color:#fff;

    font-size:13px;

    text-transform:uppercase;

    letter-spacing:.5px;
}


.westen-footer-col h3:after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:28px;
    height:2px;

    background:#d89a27;
}


.westen-footer-col ul{
    list-style:none;

    margin:0;
    padding:0;
}


.westen-footer-col li{
    margin-bottom:10px;
}


.westen-footer-col li a{
    position:relative;

    display:inline-block;

    color:#bfc1c4;

    font-size:11px;

    transition:.2s;
}


.westen-footer-col li a:before{
    content:"›";

    margin-right:6px;

    color:#d89a27;
}


.westen-footer-col li a:hover{
    color:#d89a27;

    transform:translateX(2px);
}


/* =========================================================
   İLETİŞİM
========================================================= */

.footer-phone{
    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:11px;

    padding:12px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius:8px;

    background:
        rgba(255,255,255,.025);

    transition:.2s;
}


.footer-phone:hover{
    border-color:
        rgba(216,154,39,.5);

    background:
        rgba(216,154,39,.06);
}


.footer-phone-icon{
    width:31px;
    height:31px;

    display:grid;
    place-items:center;

    border-radius:50%;

    color:#d89a27;

    border:
        1px solid rgba(216,154,39,.3);
}


.footer-phone small{
    display:block;

    color:#8d9093;

    font-size:7px;

    font-weight:900;

    letter-spacing:.5px;
}


.footer-phone strong{
    display:block;

    margin-top:2px;

    color:#fff;

    font-size:15px;
}


.footer-email{
    display:inline-block;

    margin-top:8px;

    color:#aeb0b3;

    font-size:11px;
}


.footer-email:hover{
    color:#d89a27;
}


/* =========================================================
   CTA
========================================================= */

.westen-footer-cta{
    position:relative;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    justify-content:center;

    background:
        linear-gradient(
            145deg,
            #c58218 0%,
            #e4a53c 100%
        );
}


.footer-cta-icon{
    width:50px;
    height:50px;

    display:grid;
    place-items:center;

    margin-bottom:12px;

    border:
        1px solid rgba(255,255,255,.5);

    border-radius:50%;

    font-size:23px;
}


.westen-footer-cta > small{
    color:
        rgba(255,255,255,.8);

    font-size:8px;

    font-weight:900;

    letter-spacing:1px;
}


.westen-footer-cta > h3{
    margin:4px 0 15px;

    color:#fff;

    font-size:23px;
}


.footer-cta-phone{
    width:100%;

    margin-bottom:7px;

    padding:8px 10px;

    border-radius:6px;

    background:
        rgba(0,0,0,.13);

    color:#fff;
}


.footer-cta-phone span{
    display:block;

    font-size:7px;

    opacity:.8;

    font-weight:800;
}


.footer-cta-phone strong{
    display:block;

    font-size:15px;
}


.footer-request-btn{
    display:flex;

    width:100%;

    justify-content:center;

    margin-top:8px;

    padding:11px;

    border-radius:6px;

    background:#111315;

    color:#fff;

    font-size:9px;

    font-weight:900;

    transition:.2s;
}


.footer-request-btn:hover{
    background:#fff;

    color:#111 !important;
}


/* =========================================================
   YASAL ALAN
========================================================= */

.westen-legal-area{
    background:#08090a;

    border-top:
        1px solid rgba(255,255,255,.07);
}


.westen-legal-box{
    display:grid;

    grid-template-columns:auto 1fr;

    gap:16px;

    padding:23px 0;
}


.legal-icon{
    width:36px;
    height:36px;

    display:grid;

    place-items:center;

    border-radius:50%;

    border:1px solid #d89a27;

    color:#d89a27;

    font-family:Georgia,serif;

    font-size:17px;

    font-weight:900;
}


.westen-legal-box h3{
    margin:0 0 6px;

    color:#d89a27;

    font-size:9px;

    letter-spacing:.7px;
}


.westen-legal-box p{
    max-width:1100px;

    margin:0;

    color:#85898d;

    font-size:9.5px;

    line-height:1.7;
}


/* =========================================================
   ALT FOOTER
========================================================= */

.westen-footer-bottom{
    padding:16px 0;

    background:#050607;

    border-top:
        1px solid rgba(255,255,255,.06);
}


.westen-footer-bottom .container{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;
}


.westen-copyright{
    color:#898c90;

    font-size:10px;

    white-space:nowrap;
}


.westen-copyright strong{
    color:#d89a27;
}


.westen-legal-links{
    display:flex;

    flex-wrap:wrap;

    justify-content:flex-end;

    align-items:center;

    gap:7px;
}


.westen-legal-links a{
    color:#a7aaad;

    font-size:9px;
}


.westen-legal-links a:hover{
    color:#d89a27;
}


.westen-legal-links span{
    color:#555;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1100px){

    .westen-footer-grid{
        grid-template-columns:
            1.3fr 1fr 1fr;
    }

    .westen-footer-grid > div:nth-child(3){
        border-right:0;
    }

    .westen-footer-contact{
        grid-column:1 / 2;
    }

    .westen-footer-cta{
        grid-column:2 / 4;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:700px){

    .westen-footer-grid{
        grid-template-columns:1fr;
    }

    .westen-footer-grid > div,
    .westen-footer-grid > div:first-child{
        padding:28px 18px;

        border-right:0;

        border-bottom:
            1px solid rgba(255,255,255,.08);
    }


    .westen-footer-contact,
    .westen-footer-cta{
        grid-column:auto;
    }


    .westen-footer-description{
        max-width:none;
    }


    .westen-footer-badges{
        flex-wrap:wrap;
    }


    .westen-legal-box{
        grid-template-columns:1fr;

        padding:22px 13px;
    }


    .westen-footer-bottom .container{
        flex-direction:column;

        align-items:flex-start;
    }


    .westen-copyright{
        white-space:normal;
    }


    .westen-legal-links{
        justify-content:flex-start;
    }

}


/* =========================================================
   MOBİL SABİT İLETİŞİM
========================================================= */

@media(max-width:860px){

    body{
        padding-bottom:66px !important;
    }


    .mobile-actions.mobile-contact-premium{
        position:fixed;

        z-index:9999999;

        left:8px;
        right:8px;
        bottom:8px;

        display:grid !important;

        grid-template-columns:
            repeat(3,minmax(0,1fr));

        overflow:hidden;

        border-radius:11px;

        box-shadow:
            0 9px 30px rgba(0,0,0,.3);
    }


    .mobile-contact-premium .mobile-contact-card{
        min-width:0;

        display:flex;

        flex-direction:column;

        align-items:center;

        justify-content:center;

        padding:9px 3px;

        color:#fff;

        text-align:center;

        border-right:
            1px solid rgba(255,255,255,.18);
    }


    .mobile-contact-premium .mobile-contact-card:last-child{
        border-right:0;
    }


    .mobile-contact-premium .mobile-europe,
    .mobile-contact-premium .mobile-asia{
        background:
            linear-gradient(
                135deg,
                #c60000,
                #a90000
            ) !important;
    }


    .mobile-contact-premium .mobile-whatsapp{
        background:
            linear-gradient(
                135deg,
                #25d366,
                #18b956
            ) !important;
    }


    .mobile-contact-premium small{
        display:block;

        margin-bottom:2px;

        color:#fff !important;

        font-size:7px;

        line-height:1;

        font-weight:900;
    }


    .mobile-contact-premium strong{
        display:block;

        color:#fff !important;

        font-size:11.5px;

        line-height:1.05;

        font-weight:900;

        letter-spacing:-.15px;

        white-space:nowrap;
    }

}/* =========================================================
   WESTEN SERVİS HİZMET SÖZLEŞMESİ
========================================================= */

.legal-premium-hero{
    background:#0c0d0e;
    color:#fff;
    overflow:hidden;
}

.legal-hero-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:440px;
}

.legal-hero-copy{
    padding:55px 50px 50px 0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.legal-hero-copy h1{
    margin:3px 0 18px;
    color:#fff;
    font-size:48px;
    line-height:1.05;
}

.legal-hero-copy h1 span{
    display:block;
    color:#d89a27;
}

.legal-hero-copy > p{
    max-width:600px;
    color:#c8cacc;
    font-size:15px;
    line-height:1.8;
}

.legal-hero-meta{
    display:flex;
    gap:28px;
    margin-top:26px;
}

.legal-hero-meta > div{
    padding-right:25px;
    border-right:1px solid rgba(255,255,255,.12);
}

.legal-hero-meta > div:last-child{
    border-right:0;
}

.legal-hero-meta small{
    display:block;
    color:#8e9194;
    font-size:7px;
    font-weight:900;
    letter-spacing:.8px;
}

.legal-hero-meta strong{
    display:block;
    margin-top:4px;
    color:#fff;
    font-size:12px;
}

.legal-hero-image{
    position:relative;
}

.legal-hero-image img{
    width:100%;
    height:100%;
    min-height:440px;
    object-fit:cover;
}

.legal-hero-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        #0c0d0e 0%,
        rgba(12,13,14,.58) 20%,
        transparent 55%
    );
}

.legal-image-badge{
    position:absolute;
    z-index:3;
    right:25px;
    bottom:25px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px 18px;
    border:1px solid rgba(216,154,39,.55);
    border-radius:9px;
    background:rgba(7,8,9,.88);
    backdrop-filter:blur(7px);
}

.legal-image-badge > span{
    width:39px;
    height:39px;
    display:grid;
    place-items:center;
    border:1px solid #d89a27;
    border-radius:50%;
    color:#d89a27;
}

.legal-image-badge strong{
    display:block;
    font-size:12px;
}

.legal-image-badge small{
    display:block;
    margin-top:2px;
    color:#999;
    font-size:8px;
}


/* =========================================================
   DOCUMENT
========================================================= */

.legal-document-section{
    background:#f8f8f8;
}

.legal-document-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:35px;
    align-items:start;
}

.legal-document{
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.04);
}

.legal-intro{
    padding:36px 38px;
    background:#111315;
    color:#fff;
}

.legal-intro h2{
    margin:0 0 10px;
    color:#fff;
    font-size:27px;
}

.legal-intro p{
    max-width:850px;
    margin:0;
    color:#bfc2c4;
    font-size:13px;
    line-height:1.8;
}


/* CLAUSES */

.legal-clause{
    display:grid;
    grid-template-columns:60px 1fr;
    gap:20px;
    padding:32px 38px;
    border-bottom:1px solid #ececec;
    scroll-margin-top:110px;
}

.legal-clause:last-of-type{
    border-bottom:0;
}

.clause-number{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:1px solid rgba(216,154,39,.45);
    border-radius:50%;
    background:#fffaf2;
    color:#d89a27;
    font-size:11px;
    font-weight:900;
}

.legal-clause h2{
    margin:2px 0 12px;
    font-size:20px;
}

.legal-clause p{
    margin:0 0 13px;
    color:#595d61;
    font-size:13px;
    line-height:1.8;
}

.legal-clause p:last-child{
    margin-bottom:0;
}

.legal-clause ul{
    margin:13px 0 0;
    padding:0;
    list-style:none;
}

.legal-clause li{
    position:relative;
    padding:7px 0 7px 24px;
    color:#575b5f;
    font-size:12px;
}

.legal-clause li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#d89a27;
    font-weight:900;
}

.legal-clause a{
    color:#bd7b10;
}


/* HIGHLIGHT */

.legal-highlight{
    margin-top:18px;
    padding:17px 20px;
    border-left:3px solid #d89a27;
    border-radius:0 8px 8px 0;
    background:#faf7f0;
}

.legal-highlight strong{
    display:block;
    margin-bottom:4px;
    color:#b87810;
    font-size:10px;
    text-transform:uppercase;
}

.legal-highlight p{
    margin:0;
    color:#4d5053;
}


/* =========================================================
   FINAL DISCLAIMER
========================================================= */

.legal-disclaimer-final{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:18px;
    margin:35px;
    padding:25px;
    border-radius:10px;
    background:#0d0e0f;
    color:#fff;
}

.legal-disclaimer-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid #d89a27;
    border-radius:50%;
    color:#d89a27;
    font-family:Georgia,serif;
    font-weight:900;
}

.legal-disclaimer-final h2{
    margin:0 0 8px;
    color:#d89a27;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.4px;
}

.legal-disclaimer-final p{
    margin:0;
    color:#aaaeb1;
    font-size:10.5px;
    line-height:1.75;
}


/* =========================================================
   SIDEBAR
========================================================= */

.legal-sidebar{
    position:sticky;
    top:105px;
    display:grid;
    gap:17px;
}

.legal-sidebar-card{
    padding:25px;
    border:1px solid #e5e5e5;
    border-radius:12px;
    background:#fff;
    box-shadow:0 8px 25px rgba(0,0,0,.035);
}

.legal-sidebar-card > small{
    color:#d89a27;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}

.legal-sidebar-card h2{
    margin:5px 0 18px;
    font-size:20px;
}

.legal-sidebar-card nav{
    display:grid;
}

.legal-sidebar-card nav a{
    display:grid;
    grid-template-columns:28px 1fr;
    gap:8px;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid #eee;
    color:#4f5357;
    font-size:11px;
}

.legal-sidebar-card nav a:last-child{
    border-bottom:0;
}

.legal-sidebar-card nav a span{
    color:#d89a27;
    font-size:8px;
    font-weight:900;
}

.legal-sidebar-card nav a:hover{
    color:#c17c0f;
}


/* CONTACT */

.legal-contact-card{
    padding:25px;
    border-radius:12px;
    background:#111315;
    color:#fff;
}

.legal-contact-icon{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    margin-bottom:14px;
    border:1px solid #d89a27;
    border-radius:50%;
    color:#d89a27;
}

.legal-contact-card > small{
    display:block;
    color:#d89a27;
    font-size:8px;
    font-weight:900;
}

.legal-contact-card h3{
    margin:4px 0 17px;
    color:#fff;
    font-size:20px;
}

.legal-contact-card > a{
    display:block;
    margin-top:8px;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:7px;
    background:rgba(255,255,255,.035);
}

.legal-contact-card > a small{
    display:block;
    color:#92969a;
    font-size:7px;
    font-weight:900;
}

.legal-contact-card > a strong{
    display:block;
    margin-top:2px;
    color:#fff;
    font-size:14px;
}

.legal-contact-card > a:hover{
    border-color:#d89a27;
}

.legal-contact-card .legal-wa{
    border-color:rgba(37,211,102,.30);
}

.legal-contact-card .legal-wa small{
    color:#25d366;
}

.legal-contact-card .legal-wa:hover{
    background:#25d366;
    border-color:#25d366;
}

.legal-contact-card .legal-wa:hover small{
    color:#fff;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .legal-hero-grid{
        grid-template-columns:1fr;
    }

    .legal-hero-copy{
        padding:45px 0;
    }

    .legal-hero-image{
        min-height:320px;
    }

    .legal-document-layout{
        grid-template-columns:1fr;
    }

    .legal-sidebar{
        position:static;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:560px){

    .legal-hero-copy h1{
        font-size:37px;
    }

    .legal-hero-meta{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:15px;
    }

    .legal-hero-meta > div{
        padding-right:0;
        border-right:0;
    }

    .legal-intro{
        padding:27px 21px;
    }

    .legal-clause{
        grid-template-columns:1fr;
        gap:12px;
        padding:26px 21px;
    }

    .clause-number{
        width:40px;
        height:40px;
    }

    .legal-disclaimer-final{
        grid-template-columns:1fr;
        margin:20px;
        padding:21px;
    }

}/* =========================================================
   ÇEREZ POLİTİKASI EK TASARIM
========================================================= */

.cookie-policy-table{
    margin-top:20px;
    overflow:hidden;

    border:1px solid #e5e5e5;
    border-radius:10px;

    background:#fff;
}

.cookie-policy-table > div{
    display:grid;
    grid-template-columns:.75fr 1.5fr .8fr;
    gap:18px;
    align-items:center;

    padding:15px 18px;

    border-bottom:1px solid #ededed;
}

.cookie-policy-table > div:last-child{
    border-bottom:0;
}

.cookie-policy-table .cookie-table-head{
    background:#111315;
    color:#fff;
}

.cookie-table-head span{
    color:#d89a27;
    font-size:8px;
    font-weight:900;
    letter-spacing:.8px;
}

.cookie-policy-table strong{
    color:#111;
    font-size:12px;
}

.cookie-policy-table p{
    margin:0 !important;

    color:#676b6e !important;

    font-size:11px !important;
    line-height:1.5 !important;
}

.cookie-status{
    display:inline-flex;

    width:max-content;

    padding:6px 9px;

    border-radius:20px;

    font-size:7.5px;
    font-weight:900;

    white-space:nowrap;
}

.cookie-status.necessary{
    background:#fff4dc;
    color:#b8750b;

    border:1px solid rgba(216,154,39,.25);
}

.cookie-status.optional{
    background:#f2f3f4;
    color:#6c7074;

    border:1px solid #e3e4e5;
}


/* SIDEBAR */

.cookie-sidebar-info{
    padding:25px;

    border-radius:12px;

    background:
        linear-gradient(
            145deg,
            #111315,
            #1a1c1e
        );

    color:#fff;
}

.cookie-sidebar-icon{
    width:45px;
    height:45px;

    display:grid;
    place-items:center;

    margin-bottom:15px;

    border-radius:50%;

    border:1px solid #d89a27;

    color:#d89a27;

    font-weight:900;
}

.cookie-sidebar-info > small{
    color:#d89a27;

    font-size:8px;
    font-weight:900;

    letter-spacing:1px;
}

.cookie-sidebar-info h3{
    margin:5px 0 9px;

    color:#fff;

    font-size:20px;
}

.cookie-sidebar-info p{
    margin:0;

    color:#aaaeb1;

    font-size:11px;
    line-height:1.7;
}


/* MOBİL */

@media(max-width:600px){

    .cookie-policy-table > div{
        grid-template-columns:1fr;
        gap:6px;
    }

    .cookie-policy-table .cookie-table-head{
        display:none;
    }

} /* =========================================================
   MOBİL ALT SABİT İLETİŞİM BAR
========================================================= */

.mobile-actions{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    width: 100%;
    max-width: 100%;
    overflow: hidden;

    box-shadow: 0 -8px 24px rgba(0,0,0,.18);
}

.mobile-actions a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 56px;
    padding: 8px 6px;

    text-decoration: none;
    text-align: center;

    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
}

.mobile-actions a strong{
    display: block;
    margin-top: 3px;

    font-size: 18px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: .2px;
}

/* SOL = AVRUPA */
.mobile-actions a:nth-child(1){
    background: linear-gradient(180deg, #dca032 0%, #c98b1f 100%);
    color: #ffffff;
    border-right: 1px solid rgba(255,255,255,.18);
}

/* ORTA = WHATSAPP */
.mobile-actions a:nth-child(2){
    background: #25d366;
    color: #ffffff;
    border-right: 1px solid rgba(255,255,255,.18);
}

/* SAĞ = ANADOLU */
.mobile-actions a:nth-child(3){
    background: linear-gradient(180deg, #dca032 0%, #c98b1f 100%);
    color: #ffffff;
}

/* numaralar daha okunaklı olsun */
.mobile-actions a:nth-child(1) strong,
.mobile-actions a:nth-child(2) strong,
.mobile-actions a:nth-child(3) strong{
    color: #ffffff;
    font-size: 19px;
    font-weight: 900;
}

/* küçük açıklama */
.mobile-actions a small{
    display: block;
    margin-top: 2px;
    font-size: 9px;
    line-height: 1.15;
    opacity: .95;
}

@media (min-width: 992px){
    .mobile-actions{
        display: none;
    }
}

/* Kazım Türkay hizmetler menüsü aktif durumu */
.menu-dropdown-toggle.active{
    color:#b57512!important;
    position:relative;
}

.menu-dropdown-toggle.active:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:18px;
    height:2px;
    background:var(--gold);
}

@media (max-width:1050px){
    .menu-dropdown-toggle.active:after{display:none!important}
}