html{
    scroll-behavior:smooth;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Poppins',sans-serif;
    background:#f5f5f5;
    color:#222;
}

header{
    background:#c40000;
    color:white;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 8%;
    position:sticky;
    top:0;
    z-index:999;
}

.logo{
    display:flex;
    align-items:center;
    gap:15px;
}

.bt{
    width: 80px;
    height: 80px;
    border: 3px solid #ffd43b;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 38px;
    font-weight: 700;
    color:#e00000;
    background:linear-gradient(145deg,#ffffff 0%,#fff3ba 100%);
    box-shadow:0 7px 20px rgba(70,0,0,.28),0 0 0 3px rgba(255,255,255,.16);
    backdrop-filter: blur(5px);
    transition: .3s;
}

.bt:hover{
    transform: scale(1.08);
    box-shadow:0 10px 26px rgba(70,0,0,.34),0 0 18px rgba(255,212,59,.5);
}

.logo .site-title{
    font-size:26px;
    font-weight:800;
    color:#fff;
    letter-spacing:.01em;
    text-shadow:0 2px 0 rgba(110,0,0,.42),0 0 14px rgba(255,255,255,.25);
}

.logo span{
    font-size:14px;
    color:#fff1a8;
    opacity:1;
    font-weight:600;
}

nav{
    display:flex;
    gap:30px;
}

nav a{
    color:white;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

nav a:hover{
    opacity:.8;
}

.hero{
    height:550px;
    background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),
    url("../images/hero.jpg") center/cover;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:white;
}

.overlay{
    max-width:800px;
    transform:translateY(-24px);
}

.experience-eyebrow{
    margin:0 auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#ffd166;
    font-size:13px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
    text-shadow:0 2px 10px rgba(0,0,0,.45);
}

.experience-eyebrow::before,
.experience-eyebrow::after{
    content:"";
    width:42px;
    height:1px;
    background:linear-gradient(90deg,transparent,#ffd166);
}

.experience-eyebrow::after{
    background:linear-gradient(90deg,#ffd166,transparent);
}

.hero h1{
    font-size:52px;
    font-weight:700;
    margin-bottom:24px;
    text-shadow:0 3px 15px rgba(0,0,0,.5);
}

.hero p{
    font-size:22px;
    margin-bottom:24px;
    text-shadow:0 2px 8px rgba(0,0,0,.5);
}

.brand-strip{
    max-width:720px;
    margin:0 auto 26px;
    overflow:hidden;
    color:rgba(255,255,255,.78);
    font-size:15px;
    font-weight:700;
    letter-spacing:.03em;
    -webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);
    mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);
}

.brand-track{
    width:max-content;
    display:flex;
    animation:brand-marquee 25s linear infinite;
    will-change:transform;
}

.brand-group{
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.brand-group span{
    display:flex;
    align-items:center;
    white-space:nowrap;
}

.brand-group span::after{
    content:"•";
    margin:0 13px;
    color:#ef4444;
}

@keyframes brand-marquee{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}

.brand-strip:hover .brand-track{
    animation-play-state:paused;
}

@media(prefers-reduced-motion:reduce){
    .brand-track{
        animation:none;
    }
}

.btn-red,
.btn-white{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:220px;
    padding:18px 32px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
    font-size:17px;
    margin:10px;
    transition:all .3s ease;
    border:2px solid transparent;
}

.btn-red{
    background:#c40000;
    color:#fff;
    box-shadow:0 8px 25px rgba(196,0,0,.35);
}

.btn-red:hover{
    background:#e00000;
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(196,0,0,.45);
}

.btn-white{
    background:rgba(255,255,255,.12);
    color:#fff;
    border-color:#fff;
    backdrop-filter:blur(5px);
}

.btn-white:hover{
    background:#fff;
    color:#c40000;
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.25);
}

.services,
.products{
    width:90%;
    max-width:1300px;
    margin:70px auto;
}

.services h2,
.products h2{
    text-align:center;
    margin-bottom:40px;
    font-size:34px;
}

.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:25px;
}

.card{
    background:#fff;
    border-radius:18px;
    padding:35px 25px;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:all .3s ease;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(196,0,0,.15);
}

.service-icon{
    width:70px;
    height:70px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#c40000;
}

.service-icon svg{
    width:58px;
    height:58px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.card h3{
    margin-top:20px;
    font-size:22px;
    color:#222;
}

 .product{
    background:#fff;
    width:100%;
    max-width:360px;
    margin:auto;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 30px rgba(0,0,0,.10);
    transition:.3s ease;
    position:relative;
}

.product:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(0,0,0,.18);
}

.product img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.product h3{
    font-size:20px;
    padding:18px 20px 8px;
    margin:0;
    color:#222;
}

.product p{
    padding:0 20px 4px;
    margin:0;
    color:#666;
    font-size:14px;
}

.product h2{
    color:#c40000;
    font-size:28px;
    padding:10px 20px;
    margin:0;
}

.stock-badge{
    display:inline-block;
    margin:15px 20px 0;
    padding:6px 12px;
    border-radius:20px;
    background:#e9f9ef;
    color:#16843a;
    font-size:12px;
    font-weight:600;
}

.whatsapp{
    display:block;
    margin:20px;
    background:#25D366;
    color:white;
    text-align:center;
    text-decoration:none;
    padding:14px;
    border-radius:8px;
    font-weight:600;
}

footer{
    background:#191919;
    color:white;
    padding:65px 5% 0;
}

.contact-wrap{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    gap:48px;
    align-items:stretch;
}

.contact-info{
    text-align:left;
}

.contact-kicker{
    color:#ef4444;
    font-size:13px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.contact-info h3{
    margin:6px 0 12px;
    font-size:34px;
    line-height:1.2;
}

.contact-intro{
    max-width:480px;
    margin-bottom:24px;
    color:#bdbdbd;
    font-size:14px;
    line-height:1.65;
}

.contact-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    font-style:normal;
}

.contact-list a{
    min-width:0;
    padding:13px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#fff;
    text-decoration:none;
    border:1px solid rgba(255,255,255,.1);
    border-radius:10px;
    background:rgba(255,255,255,.04);
    font-size:13px;
    line-height:1.45;
    transition:.25s ease;
}

.contact-list a:hover{
    border-color:rgba(239,68,68,.65);
    background:rgba(196,0,0,.12);
    transform:translateY(-2px);
}

.contact-list a:last-child{
    grid-column:1 / -1;
}

.contact-list a > span:first-child{
    font-size:19px;
    line-height:1.2;
}

.contact-list small{
    display:block;
    margin-bottom:2px;
    color:#999;
    font-size:10px;
    font-weight:600;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.contact-map{
    position:relative;
    min-height:390px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    background:#2a2a2a;
    box-shadow:0 16px 40px rgba(0,0,0,.25);
}

.contact-map iframe{
    display:block;
    width:100%;
    height:100%;
    min-height:390px;
    border:0;
}

.map-directions{
    position:absolute;
    right:14px;
    bottom:14px;
    padding:11px 16px;
    color:#fff;
    background:#c40000;
    border-radius:8px;
    box-shadow:0 6px 18px rgba(0,0,0,.28);
    text-decoration:none;
    font-size:13px;
    font-weight:700;
}

.map-directions:hover{
    background:#e00000;
}

.footer-bottom{
    max-width:1200px;
    margin:42px auto 0;
    padding:20px 0;
    color:#888;
    text-align:center;
    border-top:1px solid rgba(255,255,255,.08);
    font-size:12px;
}

.footer-legal{
    display:inline-flex;
    gap:14px;
    margin-left:18px;
}

.footer-legal a{
    color:#aaa;
    text-decoration:none;
}

.footer-legal a:hover{
    color:#fff;
}

@media(max-width:850px){
    footer{
        padding:50px 5% 0;
    }

    .contact-wrap{
        grid-template-columns:1fr;
        gap:30px;
    }

    .contact-map,
    .contact-map iframe{
        min-height:340px;
    }
}

@media(max-width:520px){
    footer{
        padding:42px 18px 0;
    }

    .contact-info h3{
        font-size:28px;
    }

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

    .contact-list a:last-child{
        grid-column:auto;
    }

    .contact-map,
    .contact-map iframe{
        min-height:300px;
    }

    .footer-bottom{
        margin-top:30px;
    }
}

/* Görsel marka yazısı */
.brand-logo .brand-wordmark{
    display:block !important;
    width:clamp(310px,32vw,470px) !important;
    height:auto !important;
    max-height:96px !important;
    object-fit:contain !important;
    object-position:left center !important;
    filter:drop-shadow(0 3px 5px rgba(70,0,0,.38));
}

@media(max-width:850px){
    .brand-logo .brand-wordmark{
        width:min(340px,62vw) !important;
        max-height:74px !important;
    }
}

@media(max-width:520px){
    .brand-logo .brand-wordmark{
        width:min(245px,59vw) !important;
        max-height:60px !important;
    }
}

.floating{
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 65px;
    height: 65px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-decoration: none;
    font-size: 32px;
    box-shadow: 0 5px 20px rgba(0,0,0,.30);
    z-index: 9999;
    transition: .3s;
}

.floating:hover{
    transform: scale(1.1);
}

.back-to-top{
    position:fixed;
    right:31px;
    bottom:102px;
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    color:#fff;
    background:#202020;
    border:1px solid rgba(255,255,255,.22);
    border-radius:50%;
    box-shadow:0 5px 20px rgba(0,0,0,.35);
    z-index:9998;
    opacity:0;
    visibility:hidden;
    transform:translateY(12px);
    transition:opacity .2s ease,transform .2s ease,background .2s ease;
}

.back-to-top.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.back-to-top:hover{
    background:#c60000;
}

.back-to-top svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.card,
.product{
    opacity:0;
    transform:translateY(40px);
    transition:.6s;
}

.card.show,
.product.show{
    opacity:1;
    transform:translateY(0);
}

.floating{
    transition:.3s;
}

.search-box{
    max-width:600px;
    margin:30px auto;
}

.search-box input{
    width:100%;
    padding:16px;
    border-radius:10px;
    border:1px solid #ddd;
    font-size:16px;
    outline:none;
}

.search-box input:focus{
    border:1px solid #c40000;
    box-shadow:0 0 10px rgba(196,0,0,.2);
}
section[id],
footer[id]{
    scroll-margin-top:110px;
}


/* İKİNCİ EL PAZARI */
.section-subtitle{
    text-align:center;
    color:#777;
    margin-top:-25px;
    margin-bottom:25px;
    font-size:16px;
}

.product-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:28px;
    align-items:stretch;
}

.product{
    display:flex;
    flex-direction:column;
    height:100%;
}

.product-image{
    position:relative;
    height:250px;
    background:#f1f1f1;
    overflow:hidden;
}

.product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.product-image .stock-badge{
    margin:0;
}

.product-status-badges{
    position:absolute;
    top:15px;
    left:15px;
    z-index:2;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
}

.condition-badge{
    display:inline-flex;
    align-items:center;
    padding:6px 11px;
    border-radius:20px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.025em;
    box-shadow:0 3px 10px rgba(0,0,0,.1);
}

.condition-badge.is-new{
    color:#1261a0;
    background:#e7f2ff;
}

.condition-badge.is-used{
    color:#8a5200;
    background:#fff1d9;
}

.product-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#999;
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
}

.product-content{
    display:flex;
    flex-direction:column;
    flex:1;
    padding-bottom:20px;
}

.product-bottom{
    margin-top:auto;
}

.product-bottom h2{
    margin-top:8px;
}

.product-bottom .whatsapp{
    margin:10px 20px 0;
}

@media(max-width:950px){
    .product-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:600px){
    .product-grid{
        grid-template-columns:1fr;
    }

    .product-image{
        height:240px;
    }

    .section-subtitle{
        margin-top:-20px;
        padding:0 10px;
    }
}

/* ÜRÜN DETAY PENCERESİ */
.product-clickable{
    cursor:pointer;
}

.product-modal{
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    padding:25px;
    z-index:10000;
}

.product-modal.active{
    display:flex;
}

.modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.72);
    backdrop-filter:blur(4px);
}

.modal-content{
    position:relative;
    z-index:1;
    width:min(900px, 100%);
    max-height:90vh;
    overflow:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#fff;
    border-radius:20px;
    box-shadow:0 25px 80px rgba(0,0,0,.35);
    animation:modalIn .25s ease;
}

@keyframes modalIn{
    from{
        opacity:0;
        transform:translateY(20px) scale(.97);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

.modal-close{
    position:absolute;
    right:15px;
    top:10px;
    z-index:2;
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    background:rgba(0,0,0,.08);
    color:#222;
    font-size:30px;
    line-height:1;
    cursor:pointer;
}

.modal-close:hover{
    background:#c40000;
    color:#fff;
}

.modal-image{
    min-height:420px;
    background:#f2f2f2;
    display:flex;
    align-items:center;
    justify-content:center;
}

.modal-image img{
    width:100%;
    height:100%;
    min-height:420px;
    object-fit:cover;
}

.modal-info{
    padding:55px 40px 40px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.modal-stock{
    width:max-content;
    padding:7px 12px;
    border-radius:20px;
    background:#e9f9ef;
    color:#16843a;
    font-size:12px;
    font-weight:700;
    margin-bottom:18px;
}

.modal-info h2{
    font-size:32px;
    margin-bottom:15px;
    color:#222;
}

.modal-info p{
    color:#666;
    font-size:16px;
    line-height:1.7;
    margin-bottom:20px;
}

.modal-price{
    color:#c40000;
    font-size:32px;
    font-weight:700;
    margin-bottom:25px;
}

.modal-whatsapp{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#25D366;
    color:#fff;
    text-decoration:none;
    padding:15px 20px;
    border-radius:10px;
    font-weight:700;
    transition:.3s;
}

.modal-whatsapp:hover{
    background:#1fba59;
    transform:translateY(-2px);
}

@media(max-width:700px){
    .product-modal{
        padding:15px;
    }

    .modal-content{
        grid-template-columns:1fr;
        max-height:92vh;
    }

    .modal-image,
    .modal-image img{
        min-height:260px;
        height:260px;
    }

    .modal-info{
        padding:30px 25px 25px;
    }

    .modal-info h2{
        font-size:25px;
    }

    .modal-price{
        font-size:28px;
    }
}

/* Gerçek stok listesi için ürün kartı düzeni */
.product-content p{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:4.5em;
}

.search-box{
    max-width:620px;
    margin:0 auto 30px;
}

.search-box input{
    width:100%;
    padding:14px 18px;
    border:1px solid #ddd;
    border-radius:10px;
    font-size:16px;
    outline:none;
}

.search-box input:focus{
    border-color:#c40000;
    box-shadow:0 0 0 3px rgba(196,0,0,.08);
}

.product-placeholder{
    color:#999;
}

.product-empty{
    grid-column:1 / -1;
    padding:45px 20px;
    border-radius:14px;
    background:#fff;
    color:#777;
    text-align:center;
}

.load-more-products{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:35px auto 10px;
    padding:14px 30px;
    border:2px solid #c40000;
    border-radius:10px;
    background:#fff;
    color:#c40000;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:all .3s ease;
}

.load-more-products:hover{
    background:#c40000;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(196,0,0,.25);
}

@media(max-width:600px){
    .load-more-products{
        width:100%;
        max-width:300px;
    }
}


/* Fiyat ve stok sorunuz yazısını ortala */
.price-request{
    text-align:center;
    width:100%;
}

.modal-price{
    text-align:center;
    width:100%;
}


/* Daha Fazla Ürün butonunun doğru konumu */
.load-more-wrap{
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:35px;
}

.load-more-products{
    margin:0;
}


/* Google yorum çağrısı */
.google-review-cta{
    width:90%;
    max-width:1200px;
    margin:70px auto;
}

.google-review-card{
    padding:30px 34px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:22px;
    border:1px solid #e5e7eb;
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.google-review-mark{
    width:62px;
    height:62px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#f7f8fa;
    color:#4285f4;
    font-family:Arial,sans-serif;
    font-size:35px;
    font-weight:700;
}

.google-review-label{
    color:#4285f4;
    font-size:11px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.google-review-content h2{
    margin:3px 0 2px;
    color:#222;
    font-size:23px;
    line-height:1.3;
}

.google-stars{
    color:#fbbc04;
    font-size:16px;
    letter-spacing:2px;
}

.google-review-content p{
    max-width:650px;
    margin:5px 0 0;
    color:#6b7280;
    font-size:12px;
    line-height:1.55;
}

.google-rating-line{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

#googleRatingSummary{
    color:#555;
    font-size:12px;
    font-weight:700;
}

.google-review-actions{
    display:grid;
    gap:8px;
    text-align:center;
}

.google-review-button{
    padding:13px 18px;
    color:#fff;
    background:#4285f4;
    border-radius:9px;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
    box-shadow:0 7px 18px rgba(66,133,244,.24);
    transition:.25s ease;
}

.google-review-button:hover{
    background:#2f6fd6;
    transform:translateY(-2px);
}

.google-reviews-all{
    color:#4285f4;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.google-reviews-status{
    min-height:18px;
    margin-top:12px;
    color:#777;
    text-align:center;
    font-size:11px;
}

.google-reviews-list{
    margin-top:18px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.google-review-item{
    min-width:0;
    padding:20px;
    border:1px solid #e7e9ed;
    border-radius:14px;
    background:#fff;
    box-shadow:0 7px 22px rgba(0,0,0,.055);
}

.google-review-item header{
    display:flex;
    align-items:center;
    gap:10px;
}

.review-avatar{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:50%;
    color:#fff;
    background:#4285f4;
    font-weight:700;
}

.review-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.google-review-item header a,
.google-review-item header strong{
    display:block;
    overflow:hidden;
    color:#222;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.google-review-item header small{
    display:block;
    margin-top:2px;
    color:#888;
    font-size:10px;
}

.review-stars{
    margin-top:12px;
    color:#fbbc04;
    font-size:14px;
    letter-spacing:1px;
}

.google-review-item > p{
    display:-webkit-box;
    min-height:4.7em;
    margin:8px 0;
    overflow:hidden;
    color:#555;
    font-size:12px;
    line-height:1.55;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}

.review-source{
    color:#4285f4;
    font-size:10px;
    font-weight:700;
    text-decoration:none;
}

.google-attribution{
    margin:12px 0 0;
    color:#888;
    text-align:right;
    font-size:10px;
}

@media(max-width:800px){
    .google-review-card{
        grid-template-columns:auto minmax(0,1fr);
    }

    .google-review-button{
        grid-column:1 / -1;
        text-align:center;
    }

    .google-review-actions{
        grid-column:1 / -1;
    }

    .google-reviews-list{
        grid-template-columns:1fr;
    }
}

@media(max-width:520px){
    .google-review-cta{
        margin:48px auto;
    }

    .google-review-card{
        padding:24px 20px;
        grid-template-columns:1fr;
        gap:14px;
        text-align:center;
    }

    .google-review-mark{
        margin:auto;
    }

    .google-review-content h2{
        font-size:21px;
    }

    .google-review-button{
        grid-column:auto;
    }
}

/* 8 hizmet kartı düzeni */
.service-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:22px;
}

.service-grid .card{
    min-height:190px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.service-grid .card h3{
    line-height:1.35;
}

@media(max-width:1050px){
    .service-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:600px){
    .service-grid{
        grid-template-columns:1fr;
    }

    .service-grid .card{
        min-height:165px;
    }
}


/* Acil Yardım WhatsApp - iki ana aksiyonun altında ince canlı destek kartı */
.emergency-row{
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:0;
}

.emergency-card{
    width:620px;
    max-width:calc(100% - 20px);
    min-height:122px;
    margin:0 auto;
    padding:20px 24px;
    display:flex;
    align-items:center;
    gap:20px;
    text-align:left;
    color:#fff;
    font-family:inherit;
    text-decoration:none;
    border:1px solid rgba(255,92,92,.62);
    border-left:4px solid #ef4444;
    border-radius:14px;
    background:linear-gradient(135deg,rgba(62,18,18,.88),rgba(25,16,16,.78));
    box-shadow:0 10px 28px rgba(0,0,0,.24),0 0 0 1px rgba(239,68,68,.08);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    cursor:pointer;
    transition:transform .25s ease,border-color .25s ease,background .25s ease;
}

.emergency-card:hover{
    transform:translateY(-3px) scale(1.01);
    border-color:rgba(255,110,110,.95);
    background:linear-gradient(135deg,rgba(78,20,20,.94),rgba(34,16,16,.88));
    box-shadow:0 14px 34px rgba(0,0,0,.3),0 0 24px rgba(239,68,68,.16);
}

.emergency-icon{
    width:62px;
    height:62px;
    flex:0 0 62px;
    border-radius:16px;
    color:#ff7373;
    background:rgba(239,68,68,.14);
    border:1px solid rgba(255,115,115,.4);
    display:flex;
    align-items:center;
    justify-content:center;
}

.emergency-icon svg{
    width:35px;
    height:35px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.emergency-content{
    min-width:0;
    display:block;
}

.emergency-card strong{
    display:block;
    font-size:20px;
    line-height:1.2;
}

.emergency-heading{
    display:flex;
    align-items:center;
    gap:8px;
}

.emergency-live{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 8px;
    border-radius:5px;
    color:#fff;
    background:#ef4444;
    box-shadow:0 0 0 rgba(239,68,68,0);
    font-size:10px;
    font-weight:800;
    letter-spacing:.1em;
    line-height:1;
    animation:emergency-flash 1.35s ease-in-out infinite;
}

@keyframes emergency-flash{
    0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.48)}
    50%{opacity:.48;transform:scale(.96);box-shadow:0 0 0 7px rgba(239,68,68,0)}
}

.emergency-card small{
    display:block;
    margin-top:7px;
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,.78);
    line-height:1.45;
}

.emergency-form-cta{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:10px;
    color:#4ade80;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
}

.emergency-form-cta span{
    transition:transform .25s ease;
}

.emergency-card:hover .emergency-form-cta span{
    transform:translateX(3px);
}

@media(max-width:700px){
    .btn-red,
    .btn-white{
        width:100%;
        max-width:320px;
        margin:8px auto;
    }

    .emergency-row{
        margin-top:10px;
        padding:0 12px;
    }

    .emergency-card{
        width:100%;
        max-width:390px;
        min-height:0;
        padding:16px;
        gap:14px;
    }

    .emergency-icon{
        width:44px;
        height:44px;
        flex-basis:44px;
        border-radius:12px;
    }

    .emergency-icon svg{
        width:25px;
        height:25px;
    }

    .emergency-card strong{
        font-size:17px;
    }

    .emergency-card small,
    .emergency-form-cta{
        font-size:12px;
    }
}

/* Hızlı arıza bildirimi */
.quick-report-modal{
    position:fixed;
    inset:0;
    z-index:11000;
    display:none;
    place-items:center;
    padding:20px;
}

.quick-report-modal.active{
    display:grid;
}

.quick-report-backdrop{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    border-radius:0;
    background:rgba(0,0,0,.76);
    backdrop-filter:blur(5px);
}

.quick-report-dialog{
    position:relative;
    z-index:1;
    width:min(520px,100%);
    max-height:92vh;
    overflow:auto;
    padding:34px;
    color:#222;
    background:#fff;
    border-radius:18px;
    box-shadow:0 24px 70px rgba(0,0,0,.35);
    text-align:left;
}

.quick-report-close{
    position:absolute;
    top:12px;
    right:14px;
    width:38px;
    height:38px;
    padding:0;
    border:0;
    border-radius:50%;
    color:#333;
    background:#f0f0f0;
    font-size:25px;
    cursor:pointer;
}

.quick-report-kicker{
    color:#16843a;
    font-size:12px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.quick-report-dialog h2{
    margin:5px 42px 8px 0;
    font-size:29px;
}

.quick-report-dialog > p{
    margin:0 0 22px;
    color:#666;
    font-size:13px;
    line-height:1.6;
}

.quick-report-dialog label{
    display:block;
    margin-bottom:14px;
    color:#333;
    font-size:13px;
    font-weight:600;
}

.quick-report-dialog input,
.quick-report-dialog textarea{
    width:100%;
    margin-top:6px;
    padding:12px 13px;
    border:1px solid #d9d9d9;
    border-radius:9px;
    color:#222;
    background:#fff;
    font:inherit;
    outline:none;
    resize:vertical;
}

.quick-report-dialog input:focus,
.quick-report-dialog textarea:focus{
    border-color:#25D366;
    box-shadow:0 0 0 3px rgba(37,211,102,.12);
}

.quick-report-submit{
    width:100%;
    padding:14px 16px;
    border:0;
    border-radius:9px;
    color:#fff;
    background:#25D366;
    font-family:inherit;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:.25s ease;
}

.quick-report-submit:hover{
    background:#1fba59;
    transform:translateY(-2px);
}

@media(max-width:520px){
    .quick-report-modal{
        padding:12px;
    }

    .quick-report-dialog{
        padding:28px 20px 22px;
        border-radius:14px;
    }

    .quick-report-dialog h2{
        font-size:24px;
    }

}

@media(prefers-reduced-motion:reduce){
    .emergency-live{
        animation:none;
    }
}


/* Güven / kurumsallık bandı */
.trust-strip{
    width:90%;
    max-width:1300px;
    margin:-35px auto 55px;
    position:relative;
    z-index:5;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    background:#fff;
    border-radius:18px;
    box-shadow:0 14px 40px rgba(0,0,0,.12);
    overflow:hidden;
}

.trust-item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:22px 20px;
    border-right:1px solid #eee;
}

.trust-item:last-child{
    border-right:none;
}

.trust-icon{
    width:48px;
    height:48px;
    flex:0 0 48px;
    border-radius:14px;
    background:#fff1f1;
    color:#c40000;
    display:flex;
    align-items:center;
    justify-content:center;
}

.trust-icon svg{
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.trust-item strong{
    display:block;
    color:#222;
    font-size:15px;
    line-height:1.25;
}

.trust-item span{
    display:block;
    margin-top:4px;
    color:#777;
    font-size:12px;
    line-height:1.35;
}

/* Hizmet kartı açıklamaları */
.service-grid .card{
    min-height:230px;
    padding:30px 22px;
}

.service-desc{
    margin-top:10px;
    color:#707070;
    font-size:13px;
    line-height:1.55;
    max-width:260px;
}

@media(max-width:1050px){
    .trust-strip{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .trust-item:nth-child(2){
        border-right:none;
    }

    .trust-item:nth-child(-n+2){
        border-bottom:1px solid #eee;
    }
}

@media(max-width:600px){
    .trust-strip{
        grid-template-columns:1fr;
        margin:-20px auto 40px;
    }

    .trust-item{
        border-right:none;
        border-bottom:1px solid #eee;
        padding:18px;
    }

    .trust-item:last-child{
        border-bottom:none;
    }

    .service-grid .card{
        min-height:210px;
    }
}

/* Mobil ana ekran düzeni */
@media(max-width:700px){
    header{
        position:sticky;
        padding:10px 16px 8px;
        flex-direction:column;
        align-items:stretch;
        gap:9px;
    }

    .logo{
        justify-content:center;
        gap:10px;
    }

    .bt{
        width:52px;
        height:52px;
        border-width:2px;
        border-radius:12px;
        font-size:25px;
    }

    .logo .site-title{
        font-size:18px;
        line-height:1.2;
    }

    .logo span{
        display:block;
        margin-top:2px;
        font-size:10px;
    }

    nav{
        width:100%;
        justify-content:flex-start;
        gap:8px;
        padding:0 0 2px;
        overflow-x:auto;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }

    nav::-webkit-scrollbar{
        display:none;
    }

    nav a{
        flex:0 0 auto;
        padding:6px 9px;
        border-radius:7px;
        background:rgba(255,255,255,.1);
        font-size:11px;
        white-space:nowrap;
    }

    .hero{
        height:auto;
        min-height:560px;
        padding:56px 16px 60px;
        background-position:center;
    }

    .overlay{
        width:100%;
        max-width:420px;
        transform:translateY(-12px);
    }

    .hero h1{
        margin-bottom:18px;
        font-size:clamp(30px,9vw,40px);
        line-height:1.12;
    }

    .experience-eyebrow{
        margin-bottom:14px;
        gap:6px;
        font-size:10px;
        letter-spacing:.1em;
    }

    .experience-eyebrow::before,
    .experience-eyebrow::after{
        width:24px;
    }

    .hero p{
        margin-bottom:19px;
        font-size:15px;
        line-height:1.5;
    }

    .brand-strip{
        max-width:360px;
        margin-bottom:22px;
        font-size:13px;
        line-height:1.6;
    }

    .brand-group span::after{
        margin:0 10px;
    }

    .brand-track{
        animation-duration:21s;
    }

    .btn-red,
    .btn-white{
        display:flex;
        width:100%;
        max-width:360px;
        min-width:0;
        margin:8px auto;
        padding:14px 20px;
        font-size:15px;
    }

    .emergency-row{
        margin-top:0;
        padding:0;
    }

    .emergency-card{
        max-width:390px;
        padding:16px;
        border-radius:12px;
    }

    .trust-strip{
        margin-top:-18px;
    }

    section[id],
    footer[id]{
        scroll-margin-top:120px;
    }

    .floating{
        right:16px;
        bottom:16px;
        width:56px;
        height:56px;
    }

    .floating svg{
        width:29px;
        height:29px;
    }

    .back-to-top{
        right:18px;
        bottom:86px;
        width:46px;
        height:46px;
    }
}

@media(max-width:380px){
    header{
        padding-inline:12px;
    }

    .logo .site-title{
        font-size:16px;
    }

    .logo span{
        font-size:9px;
    }

    .hero{
        min-height:540px;
        padding:42px 12px 52px;
    }

    .hero h1{
        font-size:29px;
    }

    .emergency-card{
        align-items:flex-start;
    }

    .emergency-icon{
        width:46px;
        height:46px;
        flex-basis:46px;
    }
}


/* =========================================================
   YENİ BİLGİSAYAR TAMİRCİM LOGOSU - HEADER ENTEGRASYONU
   ========================================================= */
header{
    background:#050505;
    border-bottom:2px solid #c40000;
    box-shadow:0 8px 25px rgba(0,0,0,.28);
    padding:10px 6%;
}

.brand-logo{
    display:flex;
    align-items:center;
    flex:0 0 auto;
    text-decoration:none;
}

.brand-logo img{
    display:block;
    width:240px;
    height:auto;
    max-height:105px;
    object-fit:contain;
    object-position:left center;
}

header nav a{
    position:relative;
}

header nav a::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-7px;
    height:2px;
    background:#e00000;
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .25s ease;
}

header nav a:hover::after{
    transform:scaleX(1);
}

@media(max-width:900px){
    .brand-logo img{
        width:210px;
        max-height:92px;
    }
}

@media(max-width:700px){
    header{
        padding:8px 14px 7px;
    }

    .brand-logo{
        justify-content:center;
        width:100%;
    }

    .brand-logo img{
        width:205px;
        max-height:92px;
        object-position:center;
    }
}

@media(max-width:380px){
    .brand-logo img{
        width:185px;
    }
}


/* YATAY HEADER LOGOSU
   Orijinal logo images/logo-bilgisayar-tamircim.png olarak korunur. */
.brand-logo img{
    width:390px;
    max-width:42vw;
    max-height:92px;
    object-fit:contain;
    object-position:left center;
}

@media(max-width:900px){
    .brand-logo img{
        width:330px;
        max-width:48vw;
        max-height:82px;
    }
}

@media(max-width:700px){
    .brand-logo img{
        width:min(360px,92vw);
        max-width:92vw;
        max-height:88px;
        object-position:center;
    }
}


/* === GERİ YÜKLENEN DOĞRU ZİYARETÇİ SAYACI === */
/* Site ziyaretçi sayacı */
.visitor-counter{
    width:90%;
    max-width:1200px;
    margin:34px auto 70px;
}

.visitor-counter-inner{
    display:grid;
    grid-template-columns:minmax(220px,1fr) auto auto;
    align-items:center;
    gap:18px;
    padding:22px 26px;
    border:1px solid #e5e7eb;
    border-radius:16px;
    background:linear-gradient(135deg,#ffffff,#fafafa);
    box-shadow:0 10px 30px rgba(0,0,0,.065);
}

.visitor-counter-heading{
    min-width:0;
}

.visitor-counter-kicker{
    display:block;
    color:#c40000;
    font-size:11px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.visitor-counter-heading strong{
    display:block;
    margin-top:3px;
    color:#222;
    font-size:18px;
}

.visitor-stat{
    min-width:145px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 16px;
    border-radius:12px;
    background:#fff;
    box-shadow:0 4px 14px rgba(0,0,0,.055);
}

.visitor-stat-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    color:#c40000;
    background:#fff1f1;
}

.visitor-stat-icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.visitor-stat-copy small{
    display:block;
    color:#777;
    font-size:10px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.visitor-stat-copy strong{
    display:block;
    margin-top:1px;
    color:#222;
    font-size:22px;
    line-height:1.1;
}

@media(max-width:700px){
    .visitor-counter{
        margin:28px auto 50px;
    }

    .visitor-counter-inner{
        grid-template-columns:1fr 1fr;
        padding:18px;
        gap:12px;
    }

    .visitor-counter-heading{
        grid-column:1 / -1;
        text-align:center;
        margin-bottom:2px;
    }

    .visitor-stat{
        min-width:0;
        justify-content:center;
        padding:12px 10px;
    }
}

@media(max-width:420px){
    .visitor-counter-inner{
        grid-template-columns:1fr;
    }

    .visitor-counter-heading{
        grid-column:auto;
    }
}


/* =========================================================
   HIZLI ARIZA BİLDİRİMİ - WHATSAPP YEŞİLİ GERİ YÜKLENDİ
   ========================================================= */
.emergency-icon{
    color:#25D366 !important;
    background:rgba(37,211,102,.14) !important;
    border-color:rgba(37,211,102,.45) !important;
}

.emergency-live{
    color:#fff !important;
    background:#25D366 !important;
    box-shadow:0 0 0 rgba(37,211,102,0) !important;
}

@keyframes emergency-flash{
    0%,100%{
        opacity:1;
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(37,211,102,.48);
    }
    50%{
        opacity:.55;
        transform:scale(.96);
        box-shadow:0 0 0 7px rgba(37,211,102,0);
    }
}

.emergency-form-cta{
    color:#25D366 !important;
}

/* =========================================================
   HEADER - SEMBOL SOLDA, BÜYÜK MARKA YAZISI SAĞDA
   Orijinal tam logo ayrıca korunur.
   ========================================================= */
header{
    background:#050505 !important;
    padding:9px 6% !important;
    min-height:92px;
    border-bottom:2px solid #c40000;
}

.brand-logo{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    flex:0 1 auto !important;
    min-width:0;
    text-decoration:none;
}

.brand-logo .brand-symbol{
    display:block;
    width:190px !important;
    height:auto !important;
    max-height:78px !important;
    object-fit:contain;
    flex:0 0 auto;
}

.brand-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    line-height:1;
    transform:translateY(1px);
}

.brand-copy-top{
    color:#e8e8e8;
    font-size:19px;
    font-weight:700;
    letter-spacing:.18em;
    white-space:nowrap;
}

.brand-copy-main{
    margin-top:3px;
    color:#e00000;
    font-size:32px;
    font-weight:800;
    letter-spacing:.045em;
    white-space:nowrap;
}

.brand-copy-sub{
    margin-top:6px;
    color:#bdbdbd;
    font-size:9.5px;
    font-weight:600;
    letter-spacing:.15em;
    white-space:nowrap;
}

@media(max-width:1100px){
    header{
        padding-left:4% !important;
        padding-right:4% !important;
    }

    .brand-logo{
        gap:12px !important;
    }

    .brand-logo .brand-symbol{
        width:155px !important;
        max-height:68px !important;
    }

    .brand-copy-top{
        font-size:15px;
    }

    .brand-copy-main{
        font-size:26px;
    }

    .brand-copy-sub{
        font-size:8px;
    }

    nav{
        gap:18px;
    }
}

@media(max-width:800px){
    header{
        flex-direction:column;
        align-items:center;
        gap:8px;
        padding:8px 14px 7px !important;
    }

    .brand-logo{
        width:100%;
        justify-content:center;
        gap:12px !important;
    }

    .brand-logo .brand-symbol{
        width:145px !important;
        max-height:64px !important;
    }

    .brand-copy-top{
        font-size:14px;
    }

    .brand-copy-main{
        font-size:24px;
    }

    .brand-copy-sub{
        font-size:7.5px;
    }
}

@media(max-width:480px){
    .brand-logo{
        gap:8px !important;
    }

    .brand-logo .brand-symbol{
        width:112px !important;
        max-height:54px !important;
    }

    .brand-copy-top{
        font-size:11px;
        letter-spacing:.12em;
    }

    .brand-copy-main{
        font-size:20px;
    }

    .brand-copy-sub{
        font-size:6.3px;
        letter-spacing:.1em;
    }
}


/* =========================================================
   HEADER YATAY MARKA BAŞLIĞI - FINAL
   ========================================================= */
header{
    min-height:104px !important;
    padding-top:7px !important;
    padding-bottom:7px !important;
}

.brand-logo{
    display:flex !important;
    align-items:center !important;
    gap:22px !important;
    min-height:88px;
}

.brand-logo .brand-symbol{
    width:205px !important;
    max-height:86px !important;
    flex:0 0 auto;
}

.brand-copy{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    min-width:0;
    flex:1 1 auto;
    transform:none !important;
    padding-top:0 !important;
}

.brand-copy-title{
    display:block;
    width:100%;
    color:#f2f2f2;
    font-size:clamp(28px,2.65vw,46px);
    font-weight:800;
    line-height:.98;
    letter-spacing:.025em;
    white-space:nowrap;
    text-transform:uppercase;
}

.brand-copy-title::first-letter{
    color:#f2f2f2;
}

.brand-copy-sub{
    display:block !important;
    width:100%;
    margin-top:9px !important;
    color:#e00000 !important;
    font-size:clamp(10px,.88vw,14px) !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:.18em !important;
    white-space:nowrap !important;
    text-transform:uppercase;
}

@media(max-width:1180px){
    .brand-logo{
        gap:16px !important;
    }

    .brand-logo .brand-symbol{
        width:170px !important;
        max-height:74px !important;
    }

    .brand-copy-title{
        font-size:clamp(24px,2.35vw,36px);
    }

    .brand-copy-sub{
        font-size:clamp(8px,.78vw,11px) !important;
        letter-spacing:.14em !important;
    }
}

@media(max-width:850px){
    header{
        min-height:auto !important;
    }

    .brand-logo{
        width:100%;
        justify-content:center !important;
        gap:12px !important;
        min-height:72px;
    }

    .brand-logo .brand-symbol{
        width:138px !important;
        max-height:62px !important;
    }

    .brand-copy{
        flex:0 1 auto;
    }

    .brand-copy-title{
        font-size:clamp(20px,4.8vw,30px);
    }

    .brand-copy-sub{
        margin-top:6px !important;
        font-size:clamp(7px,1.7vw,9px) !important;
        letter-spacing:.1em !important;
    }
}

@media(max-width:520px){
    .brand-logo{
        gap:8px !important;
    }

    .brand-logo .brand-symbol{
        width:100px !important;
        max-height:48px !important;
    }

    .brand-copy-title{
        font-size:clamp(16px,5vw,22px);
        letter-spacing:.01em;
    }

    .brand-copy-sub{
        margin-top:4px !important;
        font-size:clamp(5.7px,1.7vw,7.5px) !important;
        letter-spacing:.06em !important;
    }
}


/* =========================================================
   HEADER MARKA BAŞLIĞI - ONAYLANAN FINAL GÖRÜNÜM
   BİLGİSAYAR = metalik gümüş
   TAMİRCİM = kırmızı
   Alt satır = metalik açık gri
   ========================================================= */
header{
    background:#050505 !important;
    min-height:118px !important;
    padding:8px 5% !important;
}

.brand-logo{
    display:flex !important;
    align-items:center !important;
    gap:24px !important;
    min-height:100px !important;
    width:auto !important;
    text-decoration:none !important;
}

.brand-logo .brand-symbol{
    width:225px !important;
    max-height:94px !important;
    height:auto !important;
    object-fit:contain !important;
    flex:0 0 auto !important;
}

.brand-copy{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    transform:none !important;
}

.brand-copy-title{
    display:flex !important;
    align-items:baseline !important;
    gap:18px !important;
    width:100% !important;
    white-space:nowrap !important;
    line-height:.92 !important;
    text-transform:uppercase !important;
    font-style:italic !important;
}

.brand-computer,
.brand-repair{
    display:inline-block !important;
    font-size:clamp(34px,3.25vw,58px) !important;
    font-weight:800 !important;
    letter-spacing:.018em !important;
}

.brand-computer{
    color:#d9d9d9 !important;
    background:linear-gradient(180deg,#ffffff 0%,#d8d8d8 42%,#9a9a9a 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    text-shadow:0 1px 0 rgba(255,255,255,.15);
}

.brand-repair{
    color:#e00000 !important;
    background:linear-gradient(180deg,#ff2b2b 0%,#e00000 52%,#a60000 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    text-shadow:0 1px 0 rgba(255,0,0,.15);
}

.brand-copy-sub{
    display:block !important;
    width:100% !important;
    margin-top:12px !important;
    color:#c8c8c8 !important;
    font-size:clamp(10px,1.05vw,16px) !important;
    font-weight:600 !important;
    line-height:1 !important;
    letter-spacing:.28em !important;
    white-space:nowrap !important;
    text-transform:uppercase !important;
    font-style:italic !important;
    text-align:center !important;
}

@media(max-width:1180px){
    header{
        padding-left:4% !important;
        padding-right:4% !important;
    }

    .brand-logo{
        gap:16px !important;
    }

    .brand-logo .brand-symbol{
        width:185px !important;
        max-height:82px !important;
    }

    .brand-copy-title{
        gap:12px !important;
    }

    .brand-computer,
    .brand-repair{
        font-size:clamp(28px,3vw,44px) !important;
    }

    .brand-copy-sub{
        margin-top:9px !important;
        font-size:clamp(8px,.9vw,12px) !important;
        letter-spacing:.2em !important;
    }
}

@media(max-width:850px){
    header{
        min-height:auto !important;
        flex-direction:column !important;
        align-items:center !important;
    }

    .brand-logo{
        width:100% !important;
        justify-content:center !important;
        min-height:80px !important;
        gap:12px !important;
    }

    .brand-logo .brand-symbol{
        width:145px !important;
        max-height:66px !important;
    }

    .brand-copy{
        flex:0 1 auto !important;
    }

    .brand-copy-title{
        gap:8px !important;
    }

    .brand-computer,
    .brand-repair{
        font-size:clamp(20px,4.7vw,30px) !important;
    }

    .brand-copy-sub{
        margin-top:6px !important;
        font-size:clamp(6px,1.5vw,8.5px) !important;
        letter-spacing:.11em !important;
    }
}

@media(max-width:520px){
    .brand-logo{
        gap:7px !important;
    }

    .brand-logo .brand-symbol{
        width:92px !important;
        max-height:48px !important;
    }

    .brand-copy-title{
        gap:5px !important;
    }

    .brand-computer,
    .brand-repair{
        font-size:clamp(15px,4.6vw,21px) !important;
        letter-spacing:0 !important;
    }

    .brand-copy-sub{
        margin-top:4px !important;
        font-size:clamp(4.8px,1.45vw,6.5px) !important;
        letter-spacing:.05em !important;
    }
}


/* =========================================================
   HEADER TAŞMA DÜZELTMESİ - FINAL v2
   Logo/marka alanı ANASAYFA navigasyon satırının üzerine taşmaz.
   ========================================================= */
header{
    position:relative !important;
    z-index:100 !important;
    box-sizing:border-box !important;
    min-height:0 !important;
    height:auto !important;
    overflow:visible !important;
    padding:10px 5% 12px !important;
}

.brand-logo{
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
}

.brand-logo .brand-symbol{
    width:190px !important;
    max-height:78px !important;
}

.brand-computer,
.brand-repair{
    font-size:clamp(30px,2.75vw,48px) !important;
}

.brand-copy-sub{
    margin-top:8px !important;
    font-size:clamp(9px,.85vw,13px) !important;
}

/* Navigasyon header'dan sonra kendi satırında kalır */
nav{
    position:relative !important;
    z-index:101 !important;
    clear:both !important;
}

/* Eğer nav header dışında ise üst üste binmeyi tamamen önle */
header + nav,
header ~ nav:first-of-type{
    margin-top:0 !important;
}

@media(max-width:1180px){
    .brand-logo .brand-symbol{
        width:160px !important;
        max-height:70px !important;
    }

    .brand-computer,
    .brand-repair{
        font-size:clamp(25px,2.55vw,38px) !important;
    }
}

@media(max-width:850px){
    header{
        padding:8px 12px !important;
    }

    .brand-logo .brand-symbol{
        width:125px !important;
        max-height:58px !important;
    }

    .brand-computer,
    .brand-repair{
        font-size:clamp(19px,4.4vw,27px) !important;
    }
}

@media(max-width:520px){
    .brand-logo .brand-symbol{
        width:88px !important;
        max-height:44px !important;
    }

    .brand-computer,
    .brand-repair{
        font-size:clamp(14px,4.45vw,19px) !important;
    }

    .brand-copy-sub{
        font-size:clamp(4.8px,1.4vw,6.2px) !important;
        margin-top:4px !important;
    }
}

/* Son ölçü: marka yazısının görünen yüksekliği BT sembolüyle dengeli */
.brand-logo .brand-wordmark{
    width:460px !important;
    max-width:39vw !important;
    max-height:none !important;
}

@media(max-width:1180px){
    .brand-logo .brand-wordmark{
        width:365px !important;
        max-width:35vw !important;
    }
}

@media(max-width:850px){
    .brand-logo .brand-wordmark{
        width:310px !important;
        max-width:58vw !important;
    }
}

@media(max-width:520px){
    .brand-logo .brand-wordmark{
        width:245px !important;
        max-width:57vw !important;
    }
}

/* Tek parça birleşik logo */
.brand-logo{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:3px !important;
    flex:0 0 auto !important;
    flex-shrink:0 !important;
}

.brand-combined-frame{
    position:relative !important;
    display:block !important;
    width:650px !important;
    max-width:60vw !important;
    aspect-ratio:7.8 / 1 !important;
    overflow:hidden !important;
    flex:0 0 auto !important;
    flex-shrink:0 !important;
}

.brand-logo .brand-combined{
    position:absolute !important;
    top:50% !important;
    left:0 !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    transform:translateY(-50%) !important;
    filter:none !important;
}

.brand-logo .brand-copy{
    display:block !important;
}

.brand-logo .brand-copy-sub{
    margin-top:2px !important;
    text-align:center !important;
}

@media(max-width:1180px){
    .brand-combined-frame{
        width:500px !important;
        max-width:50vw !important;
    }
}

@media(max-width:850px){
    .brand-combined-frame{
        width:500px !important;
        max-width:82vw !important;
    }
}

@media(max-width:520px){
    .brand-combined-frame{
        width:350px !important;
        max-width:88vw !important;
    }
}

/* Kartal yerel SEO ve hizmet bölgesi */
.service-guides{
    padding:64px 5%;
    background:#0d0d0d;
    color:#fff;
    border-top:1px solid #292929;
}

.service-card-link{
    color:inherit;
    text-decoration:none;
    cursor:pointer;
}

.service-card-link:focus-visible{
    outline:3px solid #ff4545;
    outline-offset:4px;
}

.service-card-cta{
    display:inline-flex;
    align-items:center;
    margin-top:auto;
    padding-top:14px;
    color:#ff4a4a;
    font-size:.85rem;
    font-weight:700;
}

.service-card-link:hover .service-card-cta{
    color:#fff;
}

.service-guides-inner{
    width:min(1180px,100%);
    margin:0 auto;
}

.service-guides-kicker{
    color:#ff4a4a;
    font-size:.8rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.service-guides h2{
    margin:9px 0 10px;
    font-size:clamp(1.7rem,3vw,2.45rem);
}

.service-guides p{
    max-width:850px;
    color:#c7c7c7;
    line-height:1.7;
}

.service-guide-links{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:28px;
}

.service-guide-links a{
    padding:20px;
    background:#171717;
    border:1px solid #333;
    border-radius:13px;
    color:#fff;
    text-decoration:none;
    transition:.2s ease;
}

.service-guide-links a:hover{
    transform:translateY(-3px);
    border-color:#d00000;
}

.service-guide-links strong,
.service-guide-links span{
    display:block;
}

.service-guide-links span{
    margin-top:8px;
    color:#aaa;
    font-size:.86rem;
    line-height:1.55;
}

@media(max-width:980px){
    .service-guide-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:520px){
    .service-guides{padding:50px 18px}
    .service-guide-links{grid-template-columns:1fr}
}

.local-seo{
    padding:72px 5%;
    background:linear-gradient(145deg,#111 0%,#191313 52%,#0d0d0d 100%);
    color:#fff;
    border-top:1px solid rgba(196,0,0,.6);
}

.local-seo-inner{
    width:min(1180px,100%);
    margin:0 auto;
}

.local-seo-kicker{
    display:block;
    margin-bottom:10px;
    color:#ff4a4a;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.local-seo h2{
    max-width:900px;
    margin:0 0 16px;
    font-size:clamp(1.75rem,3vw,2.65rem);
    line-height:1.2;
}

.local-seo-lead{
    max-width:980px;
    margin:0;
    color:#d5d5d5;
    font-size:1.02rem;
    line-height:1.8;
}

.local-seo-grid{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
    gap:30px;
    margin-top:34px;
}

.local-seo-copy,
.local-faq{
    padding:28px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.1);
    border-radius:18px;
}

.local-seo h3{
    margin:0 0 12px;
    font-size:1.25rem;
}

.local-seo-copy p,
.local-faq p{
    color:#cfcfcf;
    line-height:1.7;
}

.neighborhood-list{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    padding:0;
    margin:22px 0 0;
    list-style:none;
}

.neighborhood-list li{
    padding:7px 11px;
    color:#f2f2f2;
    background:#242424;
    border:1px solid rgba(255,74,74,.28);
    border-radius:999px;
    font-size:.86rem;
}

.local-faq details{
    border-top:1px solid rgba(255,255,255,.1);
}

.local-faq details:last-child{
    border-bottom:1px solid rgba(255,255,255,.1);
}

.local-faq summary{
    padding:15px 0;
    cursor:pointer;
    font-weight:600;
}

.local-faq details p{
    margin:0 0 16px;
}

@media(max-width:850px){
    .local-seo{
        padding:54px 18px;
    }

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

@media(max-width:520px){
    .local-seo-copy,
    .local-faq{
        padding:20px;
    }

    .neighborhood-list{
        gap:7px;
    }

    .neighborhood-list li{
        font-size:.8rem;
    }
}