/* Anasayfa — Premium tasarım sistemi */

/* Anasayfa H1 başlığı — LCP candidate (network-bağımsız, anında render) */
.home-headline{padding:24px 0 4px;background:var(--olive-2)}
.home-headline-h1{font-family:Georgia,'Times New Roman',serif;color:var(--ink);font-size:32px;font-weight:600;line-height:1.15;letter-spacing:-.01em;margin:0 0 8px}
.home-headline-sub{color:var(--muted-text);font-size:15px;line-height:1.5;margin:0;font-weight:400}
@media (min-width:768px){.home-headline-h1{font-size:42px}.home-headline{padding:36px 0 8px}.home-headline-sub{font-size:17px}}

/* Hero Rotator — Opacity-based slider, Phase 1 LCP korumalı.
   Tüm slide'lar position:absolute → CLS sıfır.
   İlk slide active → opacity:1 → LCP candidate.
   home.css INLINE yüklendiği için tüm bu kurallar render başlarken hazır. */
.hero-simple{padding:16px 0 0}
.hero-rotator{position:relative;aspect-ratio:5/2;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gold-border);box-shadow:var(--shadow-sm);background:var(--cream)}
.hero-slide{position:absolute;inset:0;display:block;opacity:0}
.hero-slide.active{opacity:1}
.hero-rotator.ready .hero-slide{transition:opacity .8s ease}
.hero-simple-img{display:block;width:100%;height:100%;object-fit:cover;background:var(--cream)}
.hero-rotator picture{display:block;width:100%;height:100%}

/* Sol/sağ ok butonları */
.hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.4);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s,transform .2s}
.hero-nav:hover{background:#fff;transform:translateY(-50%) scale(1.05)}
.hero-nav.prev{left:14px}
.hero-nav.next{right:14px}
@media(max-width:640px){.hero-nav{width:34px;height:34px;font-size:20px}.hero-nav.prev{left:8px}.hero-nav.next{right:8px}}

/* Nokta göstergeleri — touch target 32×32 (Lighthouse a11y için),
   görsel dot 7×7 ::before ile (görünüm önceki gibi kalır) */
.hero-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:0;z-index:2}
.hero-dots button{width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}
.hero-dots button::before{content:'';display:block;width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.55);transition:all .25s ease;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.hero-dots button.active::before{background:#fff;width:24px}
.hero-dots button:focus-visible{outline:2px solid #fff;outline-offset:-2px;border-radius:999px}

/* Backward compat — eski sayfalar */
.hero-simple-link{display:block;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gold-border);box-shadow:var(--shadow-sm)}
@media(min-width:768px){.hero-simple{padding:24px 0 0}}

.hero{position:relative;padding:32px 0 0;overflow:hidden}
.hero.hero-full{padding:32px 0 0}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}
.hero p.lead{margin:24px 0 36px;color:var(--muted-text);font-size:18px;line-height:1.7;max-width:480px;font-weight:300}
.hero-visual{position:relative;aspect-ratio:1/1.05;border:1px solid var(--gold-border);background:var(--cream);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-visual-wide{aspect-ratio:5/2;width:100%;border-radius:var(--radius-lg);border:1px solid var(--gold-border);background:var(--olive-2);overflow:hidden;box-shadow:var(--shadow-sm)}
.hero-visual-wide .hero-slider{inset:0}
.hero-visual-wide .hero-slide img{object-fit:cover}
@media (max-width:700px){
  .hero-visual-wide{aspect-ratio:16/9;border-radius:var(--radius)}
  .hero{padding:18px 0 0}
  .cat-strip-section,
  section.cat-strip-section{padding:32px 0 12px !important}
}
.cat-strip-section{padding:48px 0 24px}
.hero-visual .ornament{font-family:'Playfair Display',serif;color:var(--gold);font-size:120px;opacity:.35;font-style:italic;font-weight:300}

/* Hero slider */
.hero-slider{position:absolute;inset:0;border-radius:0;overflow:hidden}
.hero-track{position:relative;width:100%;height:100%}
/* LCP optimizasyonu: ilk render'da transition YOK — Lighthouse ilk paint'i */
/* anında yakalasın. JS hazır olunca .ready class'ı eklenir, transition aktif olur. */
.hero-slide{position:absolute;inset:0;opacity:0}
.hero-slide.active{opacity:1}
.hero-slider.ready .hero-slide{transition:opacity .8s ease}
.hero-slide a,.hero-slide{display:block;width:100%;height:100%}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hero-cap{position:absolute;left:0;right:0;bottom:0;padding:24px 32px;background:linear-gradient(transparent,rgba(20,20,20,.7));color:#fff;font-family:'Playfair Display',serif;font-size:22px;font-weight:500;letter-spacing:-.005em}
.hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.4);color:var(--ink);font-size:20px;cursor:pointer;line-height:1;z-index:2;transition:all var(--t);box-shadow:var(--shadow-sm)}
.hero-nav:hover{background:#fff;transform:translateY(-50%) scale(1.05)}
.hero-nav.prev{left:14px}
.hero-nav.next{right:14px}
.hero-dots{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:6px;z-index:2}
.hero-dots button{width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.5);border:none;cursor:pointer;padding:0;transition:all var(--t-gold);font-size:32px;font-style:italic;font-weight:500}
.cat-label{margin-top:12px;font-size:12px;letter-spacing:.06em;line-height:1.3;font-weight:500}

/* Story bölümü — koyu antrasit zemin */
.story{background:var(--midnight);color:var(--on-dark);border-top:0;border-bottom:0}
.story h1,.story h2,.story h3,.story h4{color:var(--on-dark)}
.story .kicker{color:var(--gold)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.story-visual{aspect-ratio:1/1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);display:grid;place-items:center;color:var(--gold);font-family:'Playfair Display',serif;font-style:italic;font-size:96px;opacity:.85;font-weight:300}
.story p{color:var(--on-dark-soft);max-width:520px;margin:24px 0 36px;font-size:16px;line-height:1.75;font-weight:300}
.story .btn-secondary{color:var(--on-dark);border-color:rgba(255,255,255,.3)}
.story .btn-secondary:hover{background:var(--on-dark);color:var(--ink);border-color:var(--on-dark)}
.story .btn-primary{background:var(--gold);border-color:var(--gold)}
.story .btn-primary:hover{background:var(--leaf);border-color:var(--leaf)}

/* Söz Verdiklerimiz */
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.feature{text-align:center;padding:36px 24px;border:1px solid var(--gold-border);border-radius:var(--radius-lg);background:var(--olive-2);transition:transform var(--t),box-shadow var(--t),border-color var(--t);box-shadow:var(--shadow-xs)}
.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold)}
.feature .ico{width:56px;height:56px;border-radius:999px;background:rgba(107,122,47,.08);border:1px solid rgba(107,122,47,.2);display:grid;place-items:center;margin:0 auto 20px;color:var(--gold);transition:all var(--t)}
.feature:hover .ico{background:var(--gold);border-color:var(--gold);color:var(--on-dark)}
.feature .ico svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5}
.feature h3{font-family:'Inter',sans-serif;font-size:14px;color:var(--ink);margin-bottom:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:600}
.feature p{font-size:14px;color:var(--muted-text);line-height:1.6;font-weight:400}

/* Bülten kutusu */
.newsletter{background:var(--olive-2);border-top:1px solid var(--gold-border);border-bottom:1px solid var(--gold-border);text-align:center}
.newsletter h2{color:var(--ink);margin-bottom:14px}
.newsletter p{color:var(--muted-text);max-width:540px;margin:18px auto 36px;font-size:16px;line-height:1.7;font-weight:300}
.nl-form{display:flex;gap:10px;max-width:520px;margin:0 auto}
.nl-form input{flex:1;padding:15px 18px;border:1px solid var(--gold-border);background:var(--olive);color:var(--ink);border-radius:var(--radius);font-size:15px;outline:none;transition:all var(--t);min-height:50px}
.nl-form input::placeholder{color:var(--muted-text)}
.nl-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(107,122,47,.18)}
.nl-form .btn{min-height:50px}

@media (max-width:900px){
  .hero-grid,.story-grid{grid-template-columns:1fr;gap:48px}
  .features{grid-template-columns:repeat(2,1fr);gap:16px}
  .feature{padding:28px 18px}
}

@media (max-width:600px){
  .features{grid-template-columns:1fr}
  .nl-form{flex-direction:column}
  .nl-form .btn{width:100%}
  .hero-cap{padding:18px 22px;font-size:18px}
}

/* Page-specific home hero overrides moved out of global style.css. */
/* =========================================================
   Tema Hero Slider Tam Genişlik Düzenlemesi
   - Sağdaki küçük bannerlar gizlendi
   - Ana slider boydan boya yapıldı
   - Diğer alanlara dokunmaz
========================================================= */

.aq-hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
}

.aq-hero-side {
    display: none !important;
}

.aq-hero-slider {
    width: 100% !important;
    min-height: 470px !important;
    border-radius: 22px !important;
}

.aq-hero-content {
    max-width: 680px !important;
}

.aq-hero-content h1 {
    max-width: 680px !important;
}

@media (max-width: 991px) {
    .aq-hero-slider {
        min-height: 430px !important;
    }
}

@media (max-width: 767px) {
    .aq-hero-slider {
        min-height: 420px !important;
        border-radius: 18px !important;
    }
}

@media (max-width: 520px) {
    .aq-hero-slider {
        min-height: 390px !important;
    }
}

/* =========================================================
   Tema Hero Slider 1280x512 Sabit Oran Final
   - Ana slider oranı: 1280 / 512
   - 2560x1024, 1920x768, 1600x640 gibi aynı oranda küçülür
   - Masaüstü / tablet / mobil aynı oranı korur
   - Mevcut slider, ok, dots ve tıklanabilir görsel yapısı bozulmaz
========================================================= */

.aq-hero-clean-area {
    padding: 28px 0 34px !important;
    background: #ffffff !important;
}

.aq-hero-clean-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
}

.aq-hero-clean-slider,
.aq-hero-slider.aq-hero-clean-slider {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1280 / 512 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #f4f7f9 !important;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08) !important;
    isolation: isolate !important;
}

/* Eski slider iç çerçeve / karartma / overlay efektleri kapalı kalır */
.aq-hero-clean-slider::after,
.aq-hero-clean-slide::before,
.aq-hero-slide::before {
    display: none !important;
}

/* Slide alanı oranlı slider kutusunu tam doldurur */
.aq-hero-clean-slide,
.aq-hero-slide.aq-hero-clean-slide {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.01);
    transition:
        opacity 700ms ease,
        visibility 700ms ease,
        transform 1100ms ease !important;
    cursor: pointer;
}

.aq-hero-clean-slide.is-active,
.aq-hero-slide.aq-hero-clean-slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
}

/* 1280x512 hazırlanmış görseller tam oturur */
.aq-hero-clean-slide img,
.aq-hero-slide.aq-hero-clean-slide img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    z-index: 1 !important;
    transition: transform 900ms ease;
}

/* Hover'da çok hafif canlılık; ölçüyü bozmaz */
.aq-hero-clean-slider:hover .aq-hero-clean-slide.is-active img {
    transform: scale(1.01) !important;
}

/* Eski yazı ve buton alanı kapalı */
.aq-hero-content,
.aq-hero-buttons {
    display: none !important;
}

/* Slider okları oranlı alan içinde kalır */
.aq-hero-clean-slider .aq-hero-arrow {
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18) !important;
    z-index: 10 !important;
}

.aq-hero-clean-slider .aq-hero-arrow:hover {
    background: rgba(7, 152, 189, 0.88) !important;
    border-color: rgba(7, 152, 189, 0.88) !important;
}

.aq-hero-clean-slider .aq-hero-prev {
    left: 16px !important;
}

.aq-hero-clean-slider .aq-hero-next {
    right: 16px !important;
}

/* Noktalar slider alt merkezde kalır */
.aq-hero-clean-slider .aq-hero-dots {
    bottom: 18px !important;
    z-index: 10 !important;
}

.aq-hero-clean-slider .aq-hero-dots button {
    width: 8px !important;
    height: 8px !important;
    background: rgba(255, 255, 255, 0.58) !important;
}

.aq-hero-clean-slider .aq-hero-dots button.is-active {
    width: 28px !important;
    background: #0798bd !important;
}

/* Tablet: aynı oran korunur */
@media (max-width: 991px) {
    .aq-hero-clean-area {
        padding: 20px 0 28px !important;
    }

    .aq-hero-clean-slider,
    .aq-hero-slider.aq-hero-clean-slider {
        aspect-ratio: 1280 / 512 !important;
        border-radius: 20px !important;
    }
}

/* Mobil: aynı oran korunur, sadece boşluk ve köşe küçülür */
@media (max-width: 767px) {
    .aq-hero-clean-area {
        padding: 16px 0 24px !important;
    }

    .aq-hero-clean-slider,
    .aq-hero-slider.aq-hero-clean-slider {
        aspect-ratio: 1280 / 512 !important;
        border-radius: 18px !important;
    }

    .aq-hero-clean-slider .aq-hero-arrow {
        width: 34px !important;
        height: 34px !important;
    }

    .aq-hero-clean-slider .aq-hero-prev {
        left: 10px !important;
    }

    .aq-hero-clean-slider .aq-hero-next {
        right: 10px !important;
    }

    .aq-hero-clean-slider .aq-hero-dots {
        bottom: 12px !important;
    }
}

/* Küçük mobil: yine 1280/512 oranı korunur */
@media (max-width: 480px) {
    .aq-hero-clean-slider,
    .aq-hero-slider.aq-hero-clean-slider {
        aspect-ratio: 1280 / 512 !important;
        border-radius: 16px !important;
    }
}

/* Page-specific home category overrides moved out of global style.css. */
/* =========================================================
   Tema Kategori Alanı Başlıksız Slider
   - Sadece kategori başlığı/açıklaması kaldırıldı
   - Diğer ürün başlıklarına dokunmaz
========================================================= */

.aq-category-clean-section {
    padding: 28px 0 34px !important;
    background: #ffffff !important;
}

.aq-category-slider-wrap {
    position: relative;
    width: 100%;
    padding: 0 46px;
}

.aq-category-slider-wrap .aq-category-viewport {
    width: 100% !important;
    overflow: hidden !important;
    padding: 4px 0 12px !important;
}

/* Kategori okları sağ/sol ortalı */
.aq-category-side-arrow {
    position: absolute;
    top: 50%;
    z-index: 12;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid #dfe8ef !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    color: #056f8d !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%);
    backdrop-filter: blur(8px);
}

.aq-category-side-arrow i {
    display: block;
    line-height: 1;
    font-size: 15px;
}

.aq-category-side-arrow:hover {
    background: #0798bd !important;
    border-color: #0798bd !important;
    color: #ffffff !important;
}

.aq-category-side-prev {
    left: 0;
}

.aq-category-side-next {
    right: 0;
}

@media (max-width: 767px) {
    .aq-category-clean-section {
        padding: 22px 0 28px !important;
    }

    .aq-category-slider-wrap {
        padding: 0 34px;
    }

    .aq-category-side-arrow {
        width: 34px !important;
        height: 34px !important;
    }

    .aq-category-side-prev {
        left: -2px;
    }

    .aq-category-side-next {
        right: -2px;
    }
}

/* =========================================================
   Tema Kategori Slider Kesin Hizalama + Touch
   - Yarım kategori görünmez
   - Oklar sağ/sol ortalı kalır
   - Mobilde parmakla kaydırma desteklenir
========================================================= */

.aq-category-clean-section {
    padding: 24px 0 30px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.aq-category-slider-wrap {
    position: relative !important;
    width: 100% !important;
    padding: 0 46px !important;
    overflow: visible !important;
}

.aq-category-slider-wrap .aq-category-viewport {
    width: 100% !important;
    overflow: hidden !important;
    padding: 4px 0 12px !important;
    margin: 0 !important;
    touch-action: pan-y !important;
}

.aq-category-slider-wrap .aq-category-track {
    display: flex !important;
    align-items: flex-start !important;
    gap: var(--aq-category-gap, 10px) !important;
    width: max-content !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: transform;
}

.aq-category-slider-wrap .aq-category-card {
    flex: 0 0 var(--aq-category-card-width, 110px) !important;
    width: var(--aq-category-card-width, 110px) !important;
    min-width: var(--aq-category-card-width, 110px) !important;
    max-width: var(--aq-category-card-width, 110px) !important;
}

.aq-category-slider-wrap .aq-category-card span {
    width: 72px !important;
    height: 72px !important;
}

.aq-category-side-arrow {
    position: absolute !important;
    top: 50% !important;
    z-index: 12 !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid #dfe8ef !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    color: #056f8d !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    backdrop-filter: blur(8px);
}

.aq-category-side-prev {
    left: 0 !important;
}

.aq-category-side-next {
    right: 0 !important;
}

.aq-category-side-arrow i {
    display: block !important;
    line-height: 1 !important;
}

.aq-category-side-arrow:hover {
    background: #0798bd !important;
    border-color: #0798bd !important;
    color: #ffffff !important;
}

/* Ürün ve kategori sliderlarında dokunmatik kaydırma daha sağlıklı olsun */
.aq-products-viewport,
.aq-category-viewport {
    touch-action: pan-y !important;
}

/* Ürün bölüm başlıklarında açıklama olmayacak */
.aq-product-section .aq-section-title-row p {
    display: none !important;
}

/* Başlık satırı açıklama kalkınca daha sıkı dursun */
.aq-product-section .aq-section-title-row {
    margin-bottom: 18px !important;
}

/* Mobilde bloglar 2'li görünsün */
@media (max-width: 767px) {
    .aq-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .aq-blog-image {
        height: 128px !important;
    }

    .aq-blog-content {
        padding: 12px 11px 14px !important;
    }

    .aq-blog-content > span {
        min-height: 19px !important;
        padding: 0 6px !important;
        font-size: 8px !important;
    }

    .aq-blog-content h3 {
        margin-top: 8px !important;
        font-size: 11.5px !important;
        line-height: 1.35 !important;
    }

    .aq-blog-content p {
        display: none !important;
    }

    .aq-blog-link {
        margin-top: 9px !important;
        font-size: 10px !important;
    }

    .aq-category-clean-section {
        padding: 20px 0 24px !important;
    }

    .aq-category-slider-wrap {
        padding: 0 36px !important;
    }

    .aq-category-side-arrow {
        width: 34px !important;
        height: 34px !important;
    }

    .aq-category-side-prev {
        left: -2px !important;
    }

    .aq-category-side-next {
        right: -2px !important;
    }
}

@media (max-width: 420px) {
    .aq-blog-grid {
        gap: 10px !important;
    }

    .aq-blog-image {
        height: 116px !important;
    }

    .aq-blog-content h3 {
        font-size: 10.8px !important;
    }
}

/* =========================================================
   Tema Mobil Kategori + Blog Son Düzeltme
   - Mobilde kategori yarım kalmaz
   - Mobilde blog 2'li görünür
   - Masaüstü blog 4'lü kalır
========================================================= */

/* Kategori sliderın dış ölçüsü daha kontrollü */
.aq-category-slider-wrap {
    position: relative !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Mobilde kategori viewport tam genişlik çalışsın */
.aq-category-slider-wrap .aq-category-viewport {
    width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 4px 0 12px !important;
}

/* Kategori track ölçüsü JS ile gelsin */
.aq-category-slider-wrap .aq-category-track {
    display: flex !important;
    align-items: flex-start !important;
    gap: var(--aq-category-gap, 8px) !important;
    width: max-content !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: transform 760ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: transform;
}

/* Kategori kartı JS'in verdiği genişliği kullanacak */
.aq-category-slider-wrap .aq-category-card {
    flex: 0 0 var(--aq-category-card-width, 90px) !important;
    width: var(--aq-category-card-width, 90px) !important;
    min-width: var(--aq-category-card-width, 90px) !important;
    max-width: var(--aq-category-card-width, 90px) !important;
}

/* Mobilde oklar alanı bozmasın */
@media (max-width: 767px) {
    .aq-category-slider-wrap {
        padding-left: 34px !important;
        padding-right: 34px !important;
    }

    .aq-category-side-arrow {
        width: 32px !important;
        height: 32px !important;
    }

    .aq-category-side-prev {
        left: 0 !important;
    }

    .aq-category-side-next {
        right: 0 !important;
    }

    .aq-category-slider-wrap .aq-category-card span {
        width: 62px !important;
        height: 62px !important;
    }

    .aq-category-slider-wrap .aq-category-card strong {
        font-size: 10.8px !important;
        line-height: 1.2 !important;
    }

    .aq-category-slider-wrap .aq-category-card small {
        font-size: 9.8px !important;
    }
}

/* Çok küçük mobilde de 4 kategori tam sığacak */
@media (max-width: 420px) {
    .aq-category-slider-wrap {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .aq-category-slider-wrap .aq-category-card span {
        width: 58px !important;
        height: 58px !important;
    }

    .aq-category-slider-wrap .aq-category-card strong {
        font-size: 10.3px !important;
    }

    .aq-category-slider-wrap .aq-category-card small {
        font-size: 9.4px !important;
    }
}

/* Blog masaüstünde 4 kart */
.aq-blog-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* Blog mobilde kesin 2 kart */
@media (max-width: 767px) {
    .aq-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .aq-blog-card {
        border-radius: 15px !important;
    }

    .aq-blog-image {
        height: 118px !important;
    }

    .aq-blog-content {
        padding: 11px 10px 13px !important;
    }

    .aq-blog-content > span {
        min-height: 18px !important;
        padding: 0 6px !important;
        font-size: 7.8px !important;
    }

    .aq-blog-content h3 {
        margin-top: 8px !important;
        font-size: 10.8px !important;
        line-height: 1.34 !important;
    }

    .aq-blog-content p {
        display: none !important;
    }

    .aq-blog-link {
        margin-top: 8px !important;
        font-size: 9.8px !important;
    }
}

/* =========================================================
   Tema Son Sağlam Ek Paket
   - Kategori mobilde yarım kalmaz
   - Tüm kategori tooltipleri çalışır
   - Blog mobilde 2 kart, masaüstünde 4 kart
   - Mevcut buton/slider yapısını bozmaz
========================================================= */

.aq-category-slider-wrap {
    position: relative !important;
    width: 100% !important;
    padding: 0 40px !important;
    overflow: visible !important;
}

.aq-category-slider-wrap .aq-category-viewport {
    width: 100% !important;
    overflow: hidden !important;
    padding: 4px 0 12px !important;
    margin: 0 !important;
    touch-action: pan-y !important;
}

.aq-category-slider-wrap .aq-category-track {
    display: flex !important;
    align-items: flex-start !important;
    gap: var(--aq-category-gap, 10px) !important;
    width: max-content !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: transform 760ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: transform;
}

.aq-category-slider-wrap .aq-category-card {
    flex: 0 0 var(--aq-category-card-width, 110px) !important;
    width: var(--aq-category-card-width, 110px) !important;
    min-width: var(--aq-category-card-width, 110px) !important;
    max-width: var(--aq-category-card-width, 110px) !important;
}

.aq-category-side-arrow {
    position: absolute !important;
    top: 50% !important;
    z-index: 12 !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #dfe8ef !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    color: #056f8d !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    backdrop-filter: blur(8px);
}

.aq-category-side-prev {
    left: 0 !important;
}

.aq-category-side-next {
    right: 0 !important;
}

.aq-category-side-arrow:hover {
    background: #0798bd !important;
    border-color: #0798bd !important;
    color: #ffffff !important;
}

.aq-floating-tooltip {
    z-index: 10000 !important;
}

.aq-loop-carousel {
    position: relative;
    overflow: visible;
}

.aq-loop-viewport {
    width: 100%;
    overflow: hidden;
    touch-action: pan-y;
}

.aq-loop-track {
    display: flex;
    align-items: stretch;
    gap: var(--aq-loop-gap, 14px);
    width: max-content;
    transition: transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.aq-loop-prev {
    left: -18px !important;
}

.aq-loop-next {
    right: -18px !important;
}

.aq-blog-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 991px) {
    .aq-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .aq-loop-prev {
        left: -10px !important;
    }

    .aq-loop-next {
        right: -10px !important;
    }
}

@media (max-width: 767px) {
    .aq-category-slider-wrap {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .aq-category-slider-wrap .aq-category-card span {
        width: 58px !important;
        height: 58px !important;
    }

    .aq-category-slider-wrap .aq-category-card strong {
        font-size: 10.2px !important;
        line-height: 1.2 !important;
    }

    .aq-category-slider-wrap .aq-category-card small {
        font-size: 9.2px !important;
    }

    .aq-loop-prev {
        left: -8px !important;
    }

    .aq-loop-next {
        right: -8px !important;
    }

    .aq-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .aq-blog-image {
        height: 120px !important;
    }

    .aq-blog-content {
        padding: 11px 10px 13px !important;
    }

    .aq-blog-content > span {
        min-height: 18px !important;
        padding: 0 6px !important;
        font-size: 7.8px !important;
    }

    .aq-blog-content h3 {
        margin-top: 8px !important;
        font-size: 10.8px !important;
        line-height: 1.34 !important;
    }

    .aq-blog-content p {
        display: none !important;
    }

    .aq-blog-link {
        margin-top: 8px !important;
        font-size: 9.8px !important;
    }
}

@media (max-width: 420px) {
    .aq-category-slider-wrap {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    .aq-category-side-arrow {
        width: 30px !important;
        height: 30px !important;
    }

    .aq-blog-grid {
        gap: 10px !important;
    }

    .aq-blog-image {
        height: 112px !important;
    }
}