/* Denizli25 - ortak tasarim sistemi (index kritik CSS'ten) */
/* Kritik CSS, Reset ve Değişkenler */
    *{margin:0;padding:0;box-sizing:border-box}
    :root{--primary:#254D79;--primary-light:#3a7bc0;--secondary:#b87504;--secondary-light:#f9c866;--dark:#2c3e50;--light:#f8f9fa;--gray:#6c757d;--light-gray:#e9ecef;--success:#28a745;--white:#ffffff;--black:#000;--shadow:0 5px 15px rgba(0,0,0,0.08);--transition:all .3s ease}
    body{font-family:'Poppins',sans-serif;color:var(--dark);line-height:1.6;background-color:var(--light);}
    h1,h2,h3,h4,h5,h6{font-family:'Poppins', sans-serif; font-weight:600; line-height:1.3; margin-bottom:1rem}
    a{text-decoration:none;color:inherit;transition:var(--transition)}
    img, video, iframe {max-width: 100%; height: auto; border-radius:10px;}

    /* Layout ve Container */
    .container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
    .section{padding:80px 0}
    .bg-light-gray {background-color: var(--light-gray);} /* Inline style yerine kullanılacak class */
    .section-title{text-align:center;margin-bottom:50px;position:relative}
    .section-title h2{font-size:2.5rem;color:var(--primary);display:inline-block;padding-bottom:10px}
    .section-title h2:after{content:'';position:absolute;width:80px;height:4px;background:var(--secondary);bottom:0;left:50%;transform:translateX(-50%)}
    
    /* Buttons */
    .btn{display:inline-block;background:var(--primary);color:var(--white);padding:12px 28px;border-radius:50px;font-weight:600;border:none;cursor:pointer;transition:var(--transition);font-size:1rem;text-align:center}
    .btn:hover{background:var(--primary-light);transform:translateY(-3px);box-shadow:var(--shadow)}
    .btn-secondary {background-color: #f0f4f8; color: #1a365d; padding: 8px 15px; border-radius: 20px; font-size: 0.9rem;}
    .btn-secondary:hover {background-color: #e2e8f0; color: #0f172a;}
    
    /* Navbar & Header */
    header{background-color:var(--white);box-shadow:0 2px 10px rgba(0,0,0,0.1);position:fixed;width:100%;top:0;z-index:1000;height:80px;}
    .navbar {display: flex;justify-content: space-between;align-items: center;padding: 1rem 5%;height: 100%;}
    .logo{font-size:1.8rem;font-weight:700;color:var(--primary)}.logo span{color:var(--secondary)}
    .logo a {display: flex; align-items: center;}
    .site-logo {max-height: 50px; width: auto; object-fit: contain; transition: var(--transition);}
    .site-logo:hover {transform: scale(1.05);}
    .nav-links {list-style: none;display: flex;gap: 20px;align-items: center;}
    .nav-links a:hover {color: var(--primary-light);}
    
    /* Dropdown */
    .dropdown {position: relative;display: inline-block;}
    .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 220px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1001;border-radius: 5px;top: 100%;left: 0;}
    .dropdown-content a {color: black;padding: 12px 16px;display: block;border-bottom: 1px solid #eee;}
    .dropdown:hover .dropdown-content, .dropdown.mobile-open .dropdown-content {display: block;}
    .mobile-menu-btn {display: none;cursor: pointer;} .bar {width: 25px;height: 3px;background-color: #333;margin: 5px 0;}

    /* Hero */
    .hero{background:linear-gradient(rgba(42, 92, 143, 0.95), rgb(3 18 33 / 95%)); padding: 120px 0 50px; text-align: center; color: white; display: flex; align-items: center; justify-content: center;}
    .hero h1{font-size:2.2rem;margin-bottom:20px;line-height:1.2; color: #fff;}
    .hero p{font-size:1.2rem;max-width:700px;margin:0 auto 40px;opacity:.9; color: #fff;}
    .hero-btns{display:flex;justify-content:center;gap:20px;flex-wrap:wrap; margin-top:30px;}
    
    /* Hakkımızda / Intro */
    .intro-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; margin-bottom: 60px;}
    .intro-text h2 {color: var(--primary); font-size: 2rem; border-bottom: 3px solid var(--secondary); display: inline-block; padding-bottom: 10px;}
    .intro-features {list-style: none; margin-top: 20px;}
    .intro-features li {margin-bottom: 10px; display: flex; align-items: center; font-weight: 500;}
    .intro-features i {color: #27ae60; margin-right: 10px;}

    /* Shorts Video Izgarası */
    .video-section-wrapper {margin: 0 0 80px 0; text-align: center;}
    .shorts-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; max-width: 1100px; margin: 40px auto 0; padding: 0 20px;}
    .shorts-card {position: relative; padding-bottom: 177.77%; height: 0; overflow: hidden; border-radius: 15px; box-shadow: 0 10px 20px rgba(0,0,0,0.15); border: 4px solid var(--white); background-color: #000; transition: transform 0.3s ease;}
    .shorts-card:hover {transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.25);}
    .shorts-card iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}

    /* Hizmetler & Fiyatlar & Neden Biz */
    .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}
    .service-card{background:var(--white);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);padding:30px;text-align:center; display: flex; flex-direction: column; height: 100%; position:relative; cursor:pointer;}
    .service-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}
    .service-card .stretched-link::after{content:"";position:absolute;inset:0;z-index:1;}
    .service-card:hover .btn-secondary{background:var(--secondary);color:#fff;}
    .service-icon{font-size:3rem;color:var(--primary);margin-bottom:20px}
    .service-card-title{font-size:1.3rem;font-weight:600;color:var(--dark);margin-bottom:10px}
    .service-buttons {margin-top: auto; padding-top: 20px;}
    
    .price-section {margin-top: 0;}
    .price-table-wrapper {overflow-x: auto; border-radius: 10px; box-shadow: var(--shadow); background: white;}
    .price-table {width: 100%; border-collapse: collapse; min-width: 600px;}
    .price-table th, .price-table td {padding: 15px 20px; text-align: left; border-bottom: 1px solid #eee;}
    .price-table th {background-color: var(--primary); color: white; font-weight: 600;}
    .price-table tr:hover {background-color: #f8f9fa;}
    .price-tag {font-weight: 700; color: #8a5600; font-size: 1.1rem;}

    .why-us-section {background-color: #eef4fa; padding: 60px 40px; border-radius: 15px; margin: 0 0 60px 0; text-align: center; border-bottom: 4px solid var(--secondary);}
    .expertise-box {background: white; padding: 40px; margin: 60px 0; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border-left: 5px solid var(--primary);}
    .why-us-section h2, .expertise-box h2 {font-size:1.6rem; margin-bottom:1rem;}

    /* Info Boxes & Process */
    .info-box {background: var(--white); padding: 20px; border-radius: 10px; box-shadow: var(--shadow); text-align: center;}
    .process-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px; margin-top: 0;}
    .process-card {background: white; padding: 25px; text-align: center; border-radius: 10px; box-shadow: var(--shadow); transition: var(--transition); height: 100%;}
    .process-card:hover {transform: translateY(-5px);}
    .process-icon {font-size: 2.2rem; color: var(--primary); margin-bottom: 15px;}
    .process-card .process-title {color: var(--primary); font-size: 1.1rem; margin-bottom: 10px; font-weight: 600;}

    /* Yorumlar, FAQ, Footer & CTA */
    .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}
    .testimonial-card{background:var(--white);border-radius:10px;padding:30px;box-shadow:var(--shadow);position:relative; display: flex; flex-direction: column;}
    .testimonial-card:before{content:'"';font-size:5rem;color:rgba(42,92,143,.1);position:absolute;top:10px;left:20px;font-family:serif}
    .testimonial-text{font-style:italic;margin-bottom:20px;position:relative;z-index:1; flex-grow: 1;}
    .testimonial-author{font-weight:600;color:var(--primary);text-align:right}

    .areas-container{display:flex;flex-wrap:wrap;gap:30px;margin-top:40px}
    .area-column{flex:1;min-width:300px;background:var(--white);padding:25px;border-radius:10px;box-shadow:var(--shadow)}
    .area-list{list-style:none}.area-list li{padding:8px 0;border-bottom:1px dashed #eee;display:flex;align-items:center}
    .area-list li:before{content:'✓';color:var(--success);font-weight:bold;margin-right:10px}

    .faq-section { padding: 60px 0; background-color: #fff; }
    .faq-container { max-width: 800px; margin: 0 auto; }
    .faq-item { border-bottom: 1px solid #eee; margin-bottom: 15px; }
    .faq-question { background: none; border: none; width: 100%; text-align: left; padding: 15px 20px; font-size: 1.1rem; font-weight: 600; color: var(--primary); cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background-color 0.3s ease; }
    .faq-question:hover { background-color: #f9f9f9; }
    .faq-question::after { content: '\f078'; font-family: 'Font Awesome 5 Free'; font-weight: 900; transition: transform 0.3s ease; }
    .faq-question[aria-expanded="true"]::after { transform: rotate(180deg); }
    .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding: 0 20px; }
    
    .cta-box {background: var(--primary); color: white; padding: 40px; border-radius: 15px; text-align: center; margin-top: 80px;}
    .cta-box .btn-white {background: white; color: var(--primary); padding: 12px 30px; border-radius: 50px; display: inline-block; margin-top: 15px; font-weight: bold;}
    
    .fixed-bottom-banner{position:fixed;bottom:0;left:0;width:100%;z-index:9999;display:flex;align-items:center;justify-content:center;padding:15px 0;background:transparent; pointer-events: none;}
    .banner-content{display:flex;justify-content:center;align-items:center;gap:15px;width:70%;max-width:800px;padding:0 20px; pointer-events: auto;}
    .banner-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 25px;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease;min-width:160px;border:none;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
    .whatsapp-btn{background:#0C642E;color:var(--white)}.whatsapp-btn:hover{background:#1da851;transform:translateY(-3px)}
    
    footer{background-color:var(--dark);color:var(--white);padding:60px 0 30px}
    .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}
    .footer-logo{font-size:1.8rem;font-weight:700;margin-bottom:20px;color:var(--white)}.footer-logo span{color:var(--secondary)}
    .footer-links h4, .footer-links .kart-baslik {font-size:1.2rem;margin-bottom:20px;position:relative;padding-bottom:10px; font-weight:600;}
    .footer-links h4:after, .footer-links .kart-baslik:after {content:'';position:absolute;width:50px;height:3px;background:var(--secondary);bottom:0;left:0}
    .footer-links ul{list-style:none}.footer-links li{margin-bottom:10px}
    .footer-links a:hover{color:var(--secondary);padding-left:5px}
    .social-links{display:flex;flex-wrap: wrap;gap:15px;margin-top:20px}
    .social-links a{width:44px;height:44px;background:rgba(255,255,255,0.1);display:flex;flex-shrink: 0;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}
    .social-links a:hover{background:var(--secondary);color:var(--dark)}
    .mobile-scroll-hint {display: none;text-align: center;font-size: 0.85rem;color: #495057;margin-top: 10px;font-weight: 500;}

    /* Media Queries */
    @media (max-width:992px){.hero h1{font-size:2.2rem}.section-title h2{font-size:2.2rem}}
    @media (max-width: 768px) {
        .nav-links {display: none; flex-direction: column; position: absolute; top: 80px; left: 0; width: 100%; background: white; padding: 20px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); text-align: center;}
        .nav-links.active {display: flex;}
        .mobile-menu-btn {display: block;}
        .intro-grid {grid-template-columns: 1fr;}
        .dropdown-content {position: static; display: none; width: 100%; border: 1px solid #eee;}
        .mobile-scroll-hint { display: block; }
    }

    /* === DENETİM: UX/CRO — dokunma hedefleri (min 44px) === */
    .btn, .btn-secondary, .banner-btn { min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
    .nav-links > li > a, .dropdown-content a { min-height:44px; display:flex; align-items:center; }
    footer a[href^="tel:"], footer .footer-links a, footer .social-links a { min-height:44px; display:inline-flex; align-items:center; }
    footer .footer-links a { padding:4px 0; }
    /* Birincil CTA (Hemen Ara) görsel hiyerarşisi */
    .hero .hero-btns .btn, .mobile-cta .btn { background:#9a5a00; box-shadow:0 6px 18px rgba(154,90,0,.38); font-weight:700; }
    .hero .hero-btns .btn:hover, .mobile-cta .btn:hover { background:#7d4a00; transform:translateY(-2px); }
    /* Sticky banner: Hero geçilene kadar gizli (JS yoksa görünür kalır) */
    .fixed-bottom-banner { transition:transform .35s ease; }
    .fixed-bottom-banner.banner-hidden { transform:translateY(130%); }
    @media (max-width:768px){ body{ padding-bottom:76px; } }
    /* WCAG AA: kart/süreç gövde metni kontrastı */
    .service-card p, .process-card p { color:#444; }
/* Sepet rozeti (v3) */
.cart-link { position: relative; display: inline-flex; align-items: center; }
.cart-badge { position: absolute; top: -8px; right: -12px; background: var(--secondary); color: #fff; font-size: .7rem; font-weight: 700; min-width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 9px; padding: 0 5px; }

/* Güven şeridi (v3) */
.trust-strip { background: var(--primary); color: #fff; padding: 18px 0; }
.trust-grid { display: flex; flex-wrap: wrap; gap: 22px 34px; justify-content: center; text-align: center; }
.trust-grid > div { display: flex; flex-direction: column; align-items: center; min-width: 120px; }
.trust-grid i { color: var(--secondary-light); font-size: 1.4rem; margin-bottom: 6px; }
.trust-grid strong { font-size: 1.05rem; }
.trust-grid span { font-size: .8rem; opacity: .9; }

/* Sticky WhatsApp şeridi: mobilde göster, masaüstünde gizle; içerik altta kalmasın */
@media (min-width: 769px) { .fixed-bottom-banner { display: none; } }
@media (max-width: 768px) { body { padding-bottom: 88px; } }

/* Ana sayfa mağaza kategori grid (v3) */
.magaza-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin: 14px 0; }
.magaza-grid a { background: #fff; border: 1px solid var(--light-gray); border-radius: 10px; padding: 14px 12px; text-align: center; font-weight: 600; color: var(--primary); box-shadow: var(--shadow); }
.magaza-grid a:hover { background: var(--primary); color: #fff; }

/* Mobil fiyat tablosu: yatay kaydırma yerine dikey kart düzeni (v3) */
@media (max-width: 768px) {
    .price-table-wrapper { overflow-x: visible; }
    .price-table { min-width: 0; }
    .price-table thead { display: none; }
    .price-table, .price-table tbody, .price-table tr, .price-table td { display: block; width: 100%; }
    .price-table tr { border: 1px solid var(--light-gray); border-radius: 8px; margin-bottom: 10px; padding: 6px 4px; background: #fff; }
    .price-table td { border: none; padding: 6px 14px; text-align: left; }
    .price-table td.price-tag, .price-table .price-tag { font-size: 1.15rem; }
}

/* Güven şeridi mobilde 2x2 (v3) */
@media (max-width: 560px) {
    .trust-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
    .trust-grid > div { min-width: 0; }
}

/* Footer harita facade (v3) */
.footer-map { margin-top: 26px; cursor: pointer; background: rgba(255,255,255,0.07); border: 1px dashed rgba(255,255,255,0.3); border-radius: 10px; padding: 16px; text-align: center; color: #fff; font-size: .9rem; }
.footer-map:hover { background: rgba(255,255,255,0.13); }
.footer-map i { color: var(--secondary-light); margin-right: 6px; }