/* ==========================================================================
   Header Revize-1 — Revize-1.png referans alinarak yeniden duzenlendi.
   Not: Panel'den yonetilen hicbir veri/sorgu burada degistirilmez, sadece
   mevcut elemanlarin gorunumu yeniden duzenlenir.
   ========================================================================== */

:root{
    --hy-orange: #f96e51;
    --hy-green: #1a6b3f;
    --hy-green-dark: #14532f;
    --hy-text: #1d1d1d;
    --hy-muted: #6b6b6b;
    --hy-border: #e2e2e2;
    --hy-bg-soft: #f6f7f6;
}

/* ---- Slider koseleri ---- */
/* Not: panelde "round" ayari zaten acikti (slider_ayar.round=1) ama bu class'a
   karsilik gelen bir CSS kurali hic tanimlanmamisti, o yuzden gorsel etkisi
   yoktu. Container'i ortalayip koseleri yuvarliyoruz. */
.slider-main-div{
    max-width: 1300px;
    margin: 20px auto !important;
    border-radius: 30px;
    overflow: hidden !important;
}
.slider-main-div .swiper-container{
    border-radius: 30px;
    overflow: hidden;
}
.rounded{
    border-radius: 30px !important;
}
/* Mobilde slider bos gorunuyordu: assets/css/responsive/mobile.css icinde
   (max-width:1024px) icinde ".slide-top-desktop{display:none !important}"
   kurali var - bu, temanin eskiden ayri bir ".slide-top-mobile" slaytiyla
   degistirilmesini bekliyordu ama panelde/kodda mobile-özel slayt hic
   kullanilmiyor (tek bir "gorsel" alani var). O yuzden mobilde de ayni
   slaydin gorunmesini sagliyoruz - background-size:cover zaten responsive. */
.slide-top-desktop{
    display: block !important;
}

/* ---- Logo ---- */
.header-desktop-logo-div img{
    max-height: 62px;
    max-width: 190px;
}

/* ---- Satir 1: genel hizalama ---- */
.header-desktop-main-div-in{
    padding: 18px 0;
}
.header-desktop-right-area{
    gap: 14px;
}

/* ---- Satir 1: Arama kutusu ---- */
.header-desktop-search1{
    flex: 1 1 auto;
    max-width: 620px;
    margin-left: 20px !important;
    position: relative;
}
.header-desktop-search1 form{
    display: block;
    width: 100%;
    height: 48px;
    position: relative;
}
.header-desktop-search1 form input{
    min-width: 0 !important;
    width: 100%;
    height: 100% !important;
    border: 1px solid var(--hy-border) !important;
    border-radius: 999px !important;
    background: #fff;
    padding: 0 58px 0 20px !important;
    font-size: 14px !important;
}
.header-desktop-search1 form input:focus{
    outline: none;
}
.header-desktop-search1 form button{
    position: absolute !important;
    top: 4px;
    right: 4px;
    margin: 0 !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--hy-orange) !important;
    color: #fff;
    font-size: 15px !important;
    border-radius: 50% !important;
}
.header-desktop-search1 form button i{
    color: #fff;
}

/* ---- Satir 1: Populer aramalar ---- */
/* Not: kullanici istegiyle kaldirildi, panel verisi/sorgusu degismedi. */
.header-popular-search{
    display: none !important;
}
.header-popular-search a{
    color: var(--hy-muted);
    border: 1px solid var(--hy-border);
    border-radius: 999px;
    padding: 3px 12px;
    text-decoration: none !important;
}
.header-popular-search a:hover{
    color: var(--hy-orange);
    border-color: var(--hy-orange);
}

/* ---- Satir 1: Ek Buton (Kampanyali Paketler CTA) ---- */
.header-cta-yeni{
    margin-left: 0;
}
.header-cta-yeni a{
    display: inline-flex;
    align-items: center;
    height: 48px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 8px !important;
    text-decoration: none !important;
}
.header-cta-yeni a::before{
    content: "\f06b";
    font-family: FontAwesome;
    margin-right: 8px;
    font-size: 15px;
}

/* ---- Satir 1: Hesap / Favori / Sepet - sadece ikon, panel resmindeki gibi ---- */
.header-desktop-right-area .header-desktop-navbutton-box-t{
    display: none !important;
}
.header-desktop-right-area > .header-desktop-navbutton-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border-radius: 8px;
    margin-left: 0;
    background: #fff;
    border: 1px solid var(--hy-border);
}
.header-desktop-navbutton-box.carting{
    background: var(--hy-green);
    border-color: var(--hy-green);
}
.header-desktop-right-area > .header-desktop-navbutton-box i{
    font-size: 20px !important;
    margin: 0 !important;
    line-height: 1 !important;
    color: var(--hy-text);
}
.header-desktop-navbutton-box.carting i{
    color: #fff;
}
.header-desktop-right-area .header-desktop-navbutton-box-count,
.header-desktop-right-area .header-desktop-navbutton-box-count-cart{
    position: absolute !important;
    top: -6px;
    left: auto !important;
    right: -6px;
    margin-left: 0 !important;
}

/* ---- Satir 2: Kategori menusu ---- */
/* Not: ic metin site_style.css'de <span> uzerinden geliyor (padding: 13px 20px,
   hover'da turuncu dolgu + beyaz yazi zaten tanimli) - bunlarla catismamak icin
   sadece bosluklari ve ilk oge vurgusunu ekliyoruz. */
.top-level-menu{
    justify-content: space-between;
}
.top-level-menu > li span{
    font-weight: 600 !important;
}
.top-level-menu > li:first-child span{
    color: var(--hy-green);
}
.top-level-menu > li:first-child:hover span{
    color: #fff;
}

/* ---- Satir 3: Guven/hizmet cubugu ----
   Veri kaynagi degismedi: panelin "Ticaret Bilgi Kutulari" bolumunden
   (ticaret_bilgi tablosu) geliyor, sadece gorunumu Revize-1.png'deki ince
   seride uyacak sekilde yeniden bicimlendiriliyor. */
.header-trust-bar .ticaret-kutulari-main-div{
    background: #fbfbfa !important;
    padding: 10px 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--hy-border) !important;
}
.header-trust-bar .ticaret-kutulari-inside{
    width: 1300px;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px 30px;
}
.header-trust-bar .ticaret-kutu-box{
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    padding: 0 !important;
    border-right: 0 !important;
}
.header-trust-bar .ticaret-kutu-box-i{
    display: inline-flex !important;
    align-items: center;
    font-size: 20px !important;
    margin-right: 8px !important;
    margin-bottom: 0 !important;
    color: var(--hy-green) !important;
}
.header-trust-bar .ticaret-kutu-box-text{
    display: flex;
    align-items: baseline;
    gap: 5px;
    flex: none;
    white-space: nowrap;
}
.header-trust-bar .ticaret-kutu-box-text-h{
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .02em;
    text-transform: uppercase;
    margin: 0 !important;
    color: var(--hy-text) !important;
}
.header-trust-bar .ticaret-kutu-box-text-s{
    font-size: 11px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    color: var(--hy-muted) !important;
    text-transform: none;
}
.header-trust-bar .ticaret-kutu-box-text-s::before{
    content: "- ";
}
.header-trust-bar .ticaret-kutu-box-text-s:empty::before{
    content: "";
}
/* Mobilde (dar ekran) guven/hizmet cubugu alt alta dizilip, ikonlari
   bozuk kutu olarak gorunup cok yer kapliyordu - kullanici istegiyle
   mobilde tamamen kapatildi, sadece masaustunde gosteriliyor (2026-09-04). */
@media (max-width: 767px){
    .header-trust-bar{
        display: none !important;
    }
}

/* ---- Anasayfa: Banner Vitrin (2'li gorsel alan) ----
   Not: Veri/gorsel kaynaklari degismedi (vitrin_tip2 tablosu), sadece
   aralarindaki bosluk ve kose yuvarlakligi Revize 10.08.2026.png'ye gore
   ayarlandi. */
.product-categories-main-div-vitrin2{
    padding: 30px 0 10px;
}
.product-categories-inside-vitrin2-boxarea{
    gap: 20px;
}
.vitrin2-box.col-md-6{
    flex: 0 0 calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
}
.vitrin2-box-img.rounded,
.vitrin2-box-img.rounded img{
    border-radius: 24px;
}

/* ---- Anasayfa: Kategori dairesi (Story) karuseli ----
   Not: Veri kaynagi degismedi (Zuck.js / story.php), sadece Snapgram
   temasinin renkli halka efektini kaldirip Revize 10.08.2026.png'deki
   sade daire + etiket gorunumune ve ok butonlarina CSS ile yaklastirdik. */
.story-in-div{
    position: relative;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1300px !important;
    padding: 0 44px !important;
    overflow: hidden !important;
}
#stories.stories,
.storiesWrapper.stories{
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}
.stories.snapgram .story > .item-link > .item-preview{
    background: none !important;
    padding: 0 !important;
    box-shadow: 0 0 0 1px var(--hy-border);
}
.stories.snapgram .story > .item-link > .item-preview img{
    border: 3px solid #fff;
}
/* 1300px genislikte (padding: 0 44px sonrasi ~1212px alan) tam olarak
   7 daire sigacak, kalanlar kaydirinca gelecek sekilde sabitlendi. */
.stories.carousel{
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.stories.carousel::-webkit-scrollbar{
    display: none;
    height: 0;
}
.stories.carousel .story{
    width: 150px !important;
    max-width: 150px !important;
    margin: 0 10px !important;
}
.stories.carousel .story:first-child{
    margin-left: 0 !important;
}
.stories.carousel .story > .item-link > .item-preview{
    height: 150px !important;
    max-height: 150px !important;
}
.stories.carousel .story > .item-link > .info .name{
    font-size: 13px;
    font-weight: 600;
    color: var(--hy-text);
    white-space: normal;
}
/* JS (assets/js/story-arrows.js) bu iki elemani .story-in-div icine
   gercek, tiklanabilir DOM elemani olarak ekliyor - herhangi bir panel/
   PHP dosyasi degistirilmedi, sadece sayfaya ek bir script bagli. */
.story-arrow{
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    border: 1px solid var(--hy-border);
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
    color: var(--hy-text);
    z-index: 5;
    cursor: pointer;
}
.story-arrow:hover{
    background: var(--hy-green);
    border-color: var(--hy-green);
    color: #fff;
}
.story-arrow-prev{ left: 0; }
.story-arrow-next{ right: 0; }

/* ---- Anasayfa: Fırsat Paketleri vitrini ----
   Not: Veri/panel baglantisi degismedi (vitrin_firsat / vitrin_firsat_urunler
   tablolari, pages.php?page=showcase_countdown paneli). Sadece bu modul
   icinde (.firsatlar-urun-module-main-div) kart gorunumu Fırsat
   Paketleri.png'ye gore duzenlendi, diger sayfalardaki urun kutulari
   (kategori, diger vitrinler) etkilenmiyor. */
.firsatlar-urun-module-main-div .urun-kutulari-main{
    width: 100% !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
}
.firsat-head-row{
    width: 100% !important;
    max-width: 1300px;
    margin: 0 auto 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: left !important;
}
.firsat-head-row .modules-head-text-main{
    width: auto !important;
    text-align: left !important;
    margin: 0 !important;
}
.firsat-head-row .modules-head-forbg-text-out{
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    text-align: left !important;
}
.firsat-head-row .modules-head-forbg-text{
    padding: 0 !important;
    background: none !important;
    text-align: left !important;
}
.firsat-head-row .modules-head-forbg-text::before{
    content: "\f0e7";
    font-family: FontAwesome;
    color: var(--hy-orange);
    margin-right: 8px;
}
.firsat-head-row .modules-head-text-s{
    display: none !important;
}
.firsat-tumunu-gor,
.firsat-tumunu-gor i{
    color: var(--hy-orange) !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
}
.firsat-tumunu-gor:hover{
    text-decoration: underline !important;
}

.firsatlar-urun-module-main-div .firsat-countdown-area{
    display: none !important;
}
/* Urun adi ile fiyat arasindaki bosluk: -h icin ayrilan sabit yukseklik kaldirildi */
.firsatlar-urun-module-main-div .cat-detail-products-box-caturunvitrin-h{
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 6px !important;
}
.firsatlar-urun-module-main-div .cat-detail-products-box-stars{
    margin-bottom: 2px !important;
}
.firsatlar-urun-module-main-div .firsat-product-box{
    border: 1px solid var(--hy-border);
    border-radius: 14px;
    padding: 12px;
}
.firsatlar-urun-module-main-div .firsat-product-box:hover{
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
}
.firsatlar-urun-module-main-div .firsat-product-box-img{
    border-radius: 10px;
}
.firsatlar-urun-module-main-div .firsat-product-box-img img{
    border-radius: 10px;
}
/* Favori ikonu: her zaman gorunur, resmin sag ustunde */
.firsatlar-urun-module-main-div .cat-detail-products-box-cart-1{
    opacity: 1 !important;
    margin-right: 0 !important;
    flex-direction: column;
    gap: 6px;
}
.firsatlar-urun-module-main-div .cat-detail-products-box-cart-1 button,
.firsatlar-urun-module-main-div .cat-detail-products-box-cart-1 form,
.firsatlar-urun-module-main-div .cat-detail-products-box-cart-1 .compare-href,
.firsatlar-urun-module-main-div .cat-detail-products-box-cart-1 .product-compare,
.firsatlar-urun-module-main-div .cat-detail-products-box-cart-1 .product-compare-exit{
    display: none !important;
}
/* Favori linki: giris yapmis (product-fav-go/-del) veya misafir (login modal
   tetikleyen, ozel class'i olmayan <a>) hallerinin hepsini kapsar */
.firsatlar-urun-module-main-div .cat-detail-products-box-cart-1 a:not(.compare-href):not(.product-compare):not(.product-compare-exit){
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--hy-text) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.firsatlar-urun-module-main-div .cat-detail-products-box-cart-1 a.product-fav-del{
    color: #e0524f !important;
}
/* Indirim rozeti: resmin sol ustune tasindi */
.firsatlar-urun-module-main-div .firsat-product-box-img{
    position: relative;
}
.firsatlar-urun-module-main-div .cat-detail-products-box-indirim{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 6;
    background: var(--hy-green) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px;
    padding: 5px 9px;
    font-size: 12px;
    text-align: center;
    line-height: 1.25;
}
.firsatlar-urun-module-main-div .cat-detail-products-box-indirim::after{
    content: "İndirim";
    display: block;
    font-size: 9px;
    font-weight: 400;
}
/* Alt tam genislik "Sepete Ekle" butonu */
.firsatlar-urun-module-main-div .firsat-add-to-cart{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-top: 10px;
    padding: 11px;
    border: none;
    border-radius: 8px;
    background: var(--hy-green);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}
.firsatlar-urun-module-main-div .firsat-add-to-cart:hover{
    background: var(--hy-green-dark);
}

/* ---- Anasayfa: Sekmeli Urun Vitrini ----
   Not: Veri/panel baglantisi degismedi (vitrin_secenekli_ayar tablosu,
   pages.php?page=theme_showcase_tab paneli, sekme etiketleri/JS ayni).
   Kartlar site genelinde paylasilan .cat-detail-products-box* siniflarini
   kullaniyor, o yuzden her sey burada sadece .home-product-tabcontent-in
   icinde kalacak sekilde scope edildi - kategori/arama sayfalari etkilenmiyor. */

.urunler-module-baslik{
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-weight: 800;
    color: var(--hy-text);
    margin-bottom: 18px;
}

/* Sekmeler: pill görünüm */
.home-product-tabs{
    gap: 10px;
    flex-wrap: wrap;
}
.home-product-tablinks{
    background: #fff !important;
    border: 1px solid var(--hy-border) !important;
    border-radius: 999px !important;
}
.home-product-tablinks::after{
    display: none !important;
}
.home-product-tablinks p{
    color: var(--hy-text) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
.home-product-tablinks.active{
    background: var(--hy-green) !important;
    border-color: var(--hy-green) !important;
}
.home-product-tablinks.active p{
    color: #fff !important;
}

/* Kaydirma ok butonlari (assets/js/tabvitrin-arrows.js tarafindan eklenir) */
#home-product-tabs-wrapper{
    position: relative;
    padding: 0 40px;
    box-sizing: border-box;
}
.tabvitrin-arrow{
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    border: 1px solid var(--hy-border);
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
    color: var(--hy-text);
    z-index: 5;
    cursor: pointer;
}
.tabvitrin-arrow:hover{
    background: var(--hy-green);
    border-color: var(--hy-green);
    color: #fff;
}
.tabvitrin-arrow-prev{ left: 0; }
.tabvitrin-arrow-next{ right: 0; }

/* Tek satir, kaydirmali urun listesi - kaydirma butonla/dokunma/fare ile
   calisir ama tarayicinin varsayilan kaydirma cubugu gizlenir */
.home-product-tabcontent-in{
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto;
    padding-bottom: 6px;
    gap: 16px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.home-product-tabcontent-in::-webkit-scrollbar{
    display: none;
    height: 0;
}
.home-product-tabcontent-in .cat-detail-products-box{
    flex: 0 0 240px !important;
    width: 240px !important;
    margin: 0 !important;
    border: 1px solid var(--hy-border);
    border-radius: 14px;
}
.home-product-tabcontent-in .cat-detail-products-box:hover{
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
}
.home-product-tabcontent-in .cat-detail-products-box-img{
    border-radius: 10px;
    position: relative;
}
.home-product-tabcontent-in .cat-detail-products-box-img img{
    border-radius: 10px;
}
.home-product-tabcontent-in .cat-detail-products-box-h{
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 6px !important;
}
.home-product-tabcontent-in .cat-detail-products-box-stars{
    margin-bottom: 2px !important;
}

/* Favori ikonu: her zaman gorunur, resmin sag ustunde */
.home-product-tabcontent-in .cat-detail-products-box-cart-1{
    opacity: 1 !important;
    margin-right: 0 !important;
    flex-direction: column;
    gap: 6px;
}
.home-product-tabcontent-in .cat-detail-products-box-cart-1 button,
.home-product-tabcontent-in .cat-detail-products-box-cart-1 form,
.home-product-tabcontent-in .cat-detail-products-box-cart-1 .compare-href,
.home-product-tabcontent-in .cat-detail-products-box-cart-1 .product-compare,
.home-product-tabcontent-in .cat-detail-products-box-cart-1 .product-compare-exit{
    display: none !important;
}
.home-product-tabcontent-in .cat-detail-products-box-cart-1 a:not(.compare-href):not(.product-compare):not(.product-compare-exit){
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--hy-text) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.home-product-tabcontent-in .cat-detail-products-box-cart-1 a.product-fav-del{
    color: #e0524f !important;
}

/* Indirim rozeti: resmin sol ustune tasindi */
.home-product-tabcontent-in .cat-detail-products-box-indirim{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 6;
    background: var(--hy-green) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px;
    padding: 5px 9px;
    font-size: 12px;
    text-align: center;
    line-height: 1.25;
    margin-left: 0 !important;
}
.home-product-tabcontent-in .cat-detail-products-box-indirim::after{
    content: "İndirim";
    display: block;
    font-size: 9px;
    font-weight: 400;
}

/* Alt tam genislik "Sepete Ekle" butonu */
.home-product-tabcontent-in .tabvitrin-add-to-cart{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-top: 10px;
    padding: 11px;
    border: none;
    border-radius: 8px;
    background: var(--hy-green);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}
.home-product-tabcontent-in .tabvitrin-add-to-cart:hover{
    background: var(--hy-green-dark);
}

/* ---- Anasayfa: Vazgeçilmez Tatlar (vitrin_tip1 grubu) ----
   Not: Veri/panel baglantisi degismedi (vitrin_tip1_grup / vitrin_tip1_urunler
   tablolari, pages.php?page=showcase_bannerproduct paneli) - onceden panelde
   hazir ama pasif duran bir grubu (id=9) aktif edip Fırsat Paketleri ile ayni
   kart stiline getirdik. Her sey .group-urun-module-main-div icinde kalacak
   sekilde scope edildi. */
.group-urun-module-main-div{
    padding: 40px 0;
}
.group-product-main-box{
    padding-top: 0 !important;
}
.group-product-main-box-container-header{
    justify-content: center !important;
    margin-bottom: 24px !important;
}
.group-product-main-box-container-header-left{
    max-width: 100% !important;
    align-items: center !important;
}
.group-product-main-box-container-header-left-h{
    text-align: center;
    font-size: 26px !important;
    font-weight: 800 !important;
    color: var(--hy-text);
}
.group-product-main-box-container-header-left-s{
    display: none !important;
}

/* Ok butonlari: ozel bir stil eklenmedi, Fırsat Paketleri'nde (firsat_vitrin.php)
   kullanilan ayni .swiper-button-next/prev varsayilan gorunumuyle birebir ayni. */

/* Kart gorunumu: Fırsat Paketleri ile ayni dil */
.group-urun-module-main-div .cat-detail-products-box-caturunvitrin{
    border: 1px solid var(--hy-border);
    border-radius: 14px;
    padding: 12px;
    background: #fff;
}
.group-urun-module-main-div [class*="cat-detail-products-box-caturunvitrin-img"]{
    border-radius: 10px;
}
.group-urun-module-main-div [class*="cat-detail-products-box-caturunvitrin-img"] img{
    border-radius: 10px;
}
/* Vazgeçilmez Tatlar: ürün kutuları yukarıdaki "Tab Seçenekli Ürün Vitrini"
   (.home-product-tabcontent-in .cat-detail-products-box{width:240px}) ile
   AYNI genişlikte olsun diye kart + swiper slide 240px'e sabitlendi -
   önceden swiper "auto" genişlik moduyla 310px'e büyüyüp yukarıdaki bölümden
   belirgin şekilde daha büyük görünüyordu (2026-09-04). */
#grup-modul-24 .swiper-slide,
#grup-modul-24 .cat-detail-products-box-caturunvitrin{
    width: 240px !important;
}
/* Sol/sağ hiza: yukarıdaki "Tab Seçenekli Ürün Vitrini" #home-product-tabs-wrapper
   ile ayni 40px sol/sağ bosluk verildi ki kart siraları ayni dikey çizgiden
   başlayıp bitsin, iki bölüm arasinda hiza kaymasi kalmasin (2026-09-04). */
#grup-modul-24 .group-product-main-box-container-boxex{
    padding: 0 40px !important;
    box-sizing: border-box;
}
.group-urun-module-main-div .cat-detail-products-box-caturunvitrin-h{
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 6px !important;
}
.group-urun-module-main-div .cat-detail-products-box-stars{
    margin-bottom: 2px !important;
}

/* Favori ikonu: her zaman gorunur, resmin sag ustunde */
.group-urun-module-main-div .cat-detail-products-box-cart-1{
    opacity: 1 !important;
    margin-right: 0 !important;
    flex-direction: column;
    gap: 6px;
}
.group-urun-module-main-div .cat-detail-products-box-cart-1 button,
.group-urun-module-main-div .cat-detail-products-box-cart-1 form,
.group-urun-module-main-div .cat-detail-products-box-cart-1 .compare-href,
.group-urun-module-main-div .cat-detail-products-box-cart-1 .product-compare,
.group-urun-module-main-div .cat-detail-products-box-cart-1 .product-compare-exit{
    display: none !important;
}
.group-urun-module-main-div .cat-detail-products-box-cart-1 a:not(.compare-href):not(.product-compare):not(.product-compare-exit){
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--hy-text) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.group-urun-module-main-div .cat-detail-products-box-cart-1 a.product-fav-del{
    color: #e0524f !important;
}

/* Indirim rozeti: resmin sol ustune tasindi */
.group-urun-module-main-div [class*="cat-detail-products-box-caturunvitrin-img"]{
    position: relative;
}
.group-urun-module-main-div .cat-detail-products-box-indirim{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 6;
    background: var(--hy-green) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px;
    padding: 5px 9px;
    font-size: 12px;
    text-align: center;
    line-height: 1.25;
    margin-left: 0 !important;
}
.group-urun-module-main-div .cat-detail-products-box-indirim::after{
    content: "İndirim";
    display: block;
    font-size: 9px;
    font-weight: 400;
}

/* Alt tam genislik "Sepete Ekle" butonu */
.group-urun-module-main-div .grouptip1-add-to-cart{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-top: 10px;
    padding: 11px;
    border: none;
    border-radius: 8px;
    background: var(--hy-green);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}
.group-urun-module-main-div .grouptip1-add-to-cart:hover{
    background: var(--hy-green-dark);
}

/* ---- Anasayfa: Ayın Favorileri (vitrin_tip1 grubu, modul_id=33) ----
   Not: Ayrı, bagimsiz bir "Anasayfa Modül Yönetimi" satırı (id=33) - kendi
   ac/kapa ve sıra kontrolüne sahip. Ayni vitrin_tip1_grup/urunler tablolarini
   ve ayni resimli_urun_vitrin.php sablonunu kullanir (Vazgeçilmez Tatlar ile
   ayni kart tasarimi), ama modul_id kolonu ile filtrelenerek tamamen ayri
   render edilir - id="grup-modul-33" ile scope edildi. */
#grup-modul-33 .group-product-main-box-container-header{
    justify-content: flex-start !important;
    margin-bottom: 20px !important;
}
#grup-modul-33 .group-product-main-box-container-header-left{
    align-items: flex-start !important;
}
#grup-modul-33 .group-product-main-box-container-header-left-h{
    text-align: left;
    display: flex;
    align-items: center;
}
#grup-modul-33 .group-product-main-box-container-header-left-h::before{
    content: "\f06c";
    font-family: FontAwesome;
    color: var(--hy-orange);
    margin-right: 10px;
    font-size: 22px;
}
/* Grid kullaniyoruz: gorsel sutunu (340px) sag taraftaki urun grid'inin
   dogal yuksekligine otomatik esitlenir (flexbox align-items:stretch'in
   bu projede daha once bir wrap hesaplama hatasina yol actigi goruldu -
   grid bu "yan yana esit yukseklik" deseninde daha guvenilir). */
@media (min-width: 1025px){
    #grup-modul-33 .group-urun-module-inside-area{
        width: 1000px !important;
    }
}
#grup-modul-33 .group-product-main-box{
    display: grid !important;
    grid-template-columns: 260px 1fr;
    align-items: stretch;
    gap: 20px;
}
#grup-modul-33 .group-product-main-box > a{
    display: block;
    height: 100%;
}
#grup-modul-33 .group-product-main-box-img{
    width: 100%;
    height: 100%;
    margin-right: 0;
    border-radius: 16px;
    overflow: hidden;
}
#grup-modul-33 .group-product-main-box-img img{
    width: 100%;
    height: 100%;
    min-width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
}
#grup-modul-33 .group-product-main-box-container{
    display: flex;
    flex-direction: column;
    width: auto;
}
#grup-modul-33 .group-product-main-box-container-boxex{
    gap: 20px;
    align-content: flex-start;
}
/* Henuz gorsel secilmemisse (panelden yuklenene kadar) urun alani tek
   basina tum genisligi kaplasin, sol tarafta bos/kirik bir alan kalmasin. */
#grup-modul-33 .group-product-main-box-container:only-child{
    grid-column: 1 / -1;
}
/* Ayın Favorileri urun kutulari, sitedeki diger vitrinlerle (Fırsat Paketleri,
   Vazgeçilmez Tatlar) AYNI OLCUDE (300px, 1280px'lik standart vitrin
   genisliginin %23.5'i) - ozel bir kare (1:1) oran uygulanmadi, gorsel orani
   site geneli 2:3 ile ayni kaldi, sadece kutu boyutu kuculdu (once 720px'lik
   dar alani doldurmak icin %50 genislige zorlanmisti, bu da kutulari oldugundan
   buyuk/uzun gosteriyordu). */
#grup-modul-33 .cat-detail-products-box-caturunvitrin{
    width: 300px !important;
    margin: 0 !important;
}
#grup-modul-33 .group-product-main-box-container-boxex{
    justify-content: center;
}
@media (max-width: 900px){
    #grup-modul-33 .group-product-main-box{
        display: block !important;
    }
    #grup-modul-33 .group-product-main-box > a{
        height: auto;
    }
    #grup-modul-33 .group-product-main-box-img{
        display: block !important;
        width: 100%;
        height: 260px;
        margin-right: 0;
        margin-bottom: 20px;
    }
    #grup-modul-33 .group-product-main-box-container-boxex{
        gap: 12px;
    }
    #grup-modul-33 .cat-detail-products-box-caturunvitrin{
        width: calc(50% - 6px) !important;
    }
}

@media (max-width: 1350px){
    .header-desktop-main-div-in,
    .top-level-menu-main-div-in,
    .header-popular-search,
    .header-trust-bar .ticaret-kutulari-inside{
        width: 96%;
    }
    .header-desktop-search1 form input{
        min-width: 0;
    }
}

/* ---- Ürün Detay Sayfası (products_detail.php) ----
   Not: Panelden yonetilen hicbir veri/sorgu degistirilmedi (fiyat/varyant/
   sepet mantigi products_detail.php, product-detail-fiyat-goster.php,
   product-detail-sepete-ekle.php icinde ayni kaldi). Burada sadece mevcut
   elemanlarin gorunumu Ekran Resmi 2026-08-12 14.58.54.png referansina gore
   yeniden duzenlendi. "Benzer Ürünler" (urundetay_benzer_urun tablosu,
   panelin Ürün > Duzenle > Benzer Ürünler sekmesi) artik ayni veriyle
   "Efsane Lezzetler" adiyla sag kolonda kompakt bir kart olarak gosteriliyor. */
.urun-detay-main{
    background-color: #fff !important;
}
.urun-detay-sag-alan{
    border-radius: 14px;
    min-width: 0;
    border: none !important;
}
.urun-detay-breadcrumb{
    width: 1280px;
    max-width: 100%;
    margin: 18px auto 0;
    box-sizing: border-box;
    padding: 0 0 14px;
    border-bottom: 1px solid var(--hy-border);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 13px;
    color: var(--hy-muted);
}
.urun-detay-breadcrumb a{
    color: var(--hy-muted);
}
.urun-detay-breadcrumb a:hover{
    color: var(--hy-green);
    text-decoration: none;
}
.urun-detay-breadcrumb i{
    font-size: 11px;
    color: #b7b7b7;
}
.urun-detay-breadcrumb span{
    color: var(--hy-text);
}

/* Rozet satiri: En Sevilenler + kargo limit */
.urun-detay-rozet-row{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}
.urun-detay-rozet{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}
.urun-detay-rozet i{
    font-size: 12px;
}
.urun-detay-rozet-green{
    background: #e7f3ec;
    color: var(--hy-green);
}
.urun-detay-rozet-soft{
    background: #eef7f0;
    color: var(--hy-green-dark);
}

/* Galeri uzerindeki favori butonu
   Not (2026-08-18): glasscase eklentisinin "zoom lens" onizleme kutusu
   (.gc-lens, productgallery.css) fare gorsel uzerinde gezinince (mouseover)
   z-index:1000 ile beliriyor ve butonun tam ustune biniyordu - kullanici
   butona ulasmak icin gorselin uzerinden gecince lens tiklamayi yutuyordu.
   z-index'i eklentinin tum hover katmanlarinin (lens 1000, thumbs-next/prev
   1010, zoom-container 1010, zoom 1040, caption 1050) ustune cikardik. */
.urun-detay-galeri-fav-btn{
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1060;
}
.urun-detay-galeri-fav-btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    color: var(--hy-text);
    line-height: 1;
}
.urun-detay-galeri-fav-btn a:hover,
.urun-detay-galeri-fav-btn a.fav-b{
    color: #dd4150;
}
.urun-detay-galeri-fav-btn a i{
    margin: 0;
    line-height: 1;
    font-size: 18px;
}

/* Stok Kodu / Stok Durumu kutulari kaldirildi */
.urun-detay-sag-alan-d-bilgiler{
    display: none !important;
}

/* Fiyat kazanc rozeti kaldirildi */
.kazanc-mobil-div{
    display: none !important;
}

/* Sosyal medya paylasim ikonlari kaldirildi */
.urun-detay-social{
    display: none !important;
}

/* Karşılaştırma Listesine Ekle kaldirildi */
.urun-detay-sag-alan-urun-islemler-main{
    display: none !important;
}

/* Adet seciniz + varyasyon kutusu ayni satirda, Sepete Ekle/Şimdi Satın Al bir alt satirda baslasin */
#entercancel{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px 16px;
}
.urun-detay-sag-alan-sepet{
    display: contents;
}
.urun-detay-varyant-satir{
    width: auto !important;
    margin-top: 0 !important;
    order: 2;
}
/* Varyant select kutusunda "* Adet" etiketi kutunun hemen solunda, ayni satirda */
.product-detail-variant-select-row{
    display: flex;
    align-items: center;
    gap: 8px;
}
.product-detail-variant-select-row label{
    margin-bottom: 0;
    white-space: nowrap;
}
.product-detail-variant-select-row select{
    width: auto;
    min-width: 140px;
}
.urun-detay-sag-alan-sepet-box:first-child{
    width: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    order: 1;
    flex-basis: 100%;
    margin-top: 0 !important;
}

/* Aynı Gün Kargo satırı */
.urun-detay-ayni-gun-kargo{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--hy-green);
    margin: 4px 0 10px;
}

/* Fiyat satırı: eski/yeni fiyat yan yana */
.urun-detay-sag-alan .urun-detay-sag-alan-fiyat-sol{
    display: none;
}
.urun-detay-sag-alan .urun-detay-sag-alan-fiyatlar{
    width: auto;
    display: inline-flex;
    border-bottom: none;
    padding: 4px 12px 4px 0;
}
.urun-detay-sag-alan .urun-detay-sag-alan-fiyat-sag{
    padding-left: 0;
}
.urun-detay-sag-alan-baslik{
    font-size: 26px;
}

/* Adet stepper: yatay - sayı + duzeni */
.urun-detay-sag-alan-sepet-box .quantity{
    display: flex;
    align-items: center;
}
.urun-detay-sag-alan-sepet-box .quantity input{
    order: 2;
    width: 56px;
    padding: 0;
    border-left: none;
    border-right: none;
    border-radius: 0;
}
.urun-detay-sag-alan-sepet-box .quantity-nav{
    display: contents;
}
.urun-detay-sag-alan-sepet-box .quantity-button{
    position: static;
    transform: none;
    width: 26px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EBEBEB;
}
.urun-detay-sag-alan-sepet-box .quantity-button i{
    display: none;
}
.urun-detay-sag-alan-sepet-box .quantity-button::before{
    font-size: 16px;
    line-height: 1;
}
.urun-detay-sag-alan-sepet-box .quantity-button.quantity-down{
    order: 1;
    border-radius: 4px 0 0 4px;
}
.urun-detay-sag-alan-sepet-box .quantity-button.quantity-down::before{
    content: "\2212";
}
.urun-detay-sag-alan-sepet-box .quantity-button.quantity-up{
    order: 3;
    border-radius: 0 4px 4px 0;
}
.urun-detay-sag-alan-sepet-box .quantity-button.quantity-up::before{
    content: "+";
}

/* Sepete Ekle / Şimdi Satın Al butonları */
.urun-detay-sag-alan-sepet{
    flex-wrap: wrap;
    align-items: stretch;
}
/* Iki buton tek satirda %50/%50 yer kaplasin (2026-08-26) - flex-basis:100%
   her ikisini de kendi satirina zorluyordu (toplam %200, wrap tetikleniyordu).
   calc(50% - Npx) sabit genislik denemesi (yorum gecmisi) formun asil ic
   genisligiyle (padding/baska flex kardeslerin etkisiyle) tam ortusmedigi
   icin yine sarmalaniyordu. Bunun yerine flex-basis:0 + flex-grow:1 (klasik
   "esit boluş" deseni) kullanildi - iki kutu da ayni buyume oranina sahip
   oldugundan, o satirda ne kadar yer kalirsa kalsin aralarinda tam esit
   bolusuyorlar, kesin piksel hesabina bagli degil. */
.urun-detay-sepet-btn-box{
    flex: 1 1 0%;
    min-width: 0;
    order: 3;
}
.urun-detay-sepet-btn-box + .urun-detay-sepet-btn-box{
    /* #entercancel'in kendi flex "gap:10px 16px" kurali bu iki kutu
       arasina zaten 16px ekliyor (margin buna EKLENIYOR, yerine gecmiyor).
       Eski hali (12px margin) + 16px gap = 28px toplam bosluktu; yariya
       indirmek icin negatif margin ile 16px'in bir kismini geri aliyoruz:
       -2px + 16px = 14px net (2026-08-26). */
    margin-left: -2px;
}
/* Mobilde (dar ekran) "min-width:0" iki butonun tek satirda 20-40px'e
   sikismasina yol aciyordu (yeni satira gecmek yerine sonsuz kucule
   biliyorlar) - bu genislikte butonlar okunamaz/tiklamaz hale geliyordu.
   Bu yuzden mobilde her buton kendi tam-genislik satirina donuyor, 50/50
   yan yana bolusum sadece masaustunde kaliyor (2026-08-27). */
@media (max-width: 767px){
    .urun-detay-sepet-btn-box{
        flex-basis: 100%;
    }
    .urun-detay-sepet-btn-box + .urun-detay-sepet-btn-box{
        margin-left: 0;
    }
}
.urun-detay-adet-label{
    width: auto;
    font-size: 13px;
    font-weight: 600;
    color: var(--hy-text);
    margin-bottom: 0;
    white-space: nowrap;
}
/* Whatsapp'tan siparis butonu urun detay sayfasindan kaldirildi */
.urun-detay-sag-alan-sepet-box-wp{
    display: none !important;
}
.urun-detay-sag-alan-sepet-box button{
    border-radius: 8px !important;
}
.urun-detay-sepete-ekle-btn{
    background: var(--hy-green) !important;
    border-color: var(--hy-green) !important;
}
.urun-detay-sepete-ekle-btn:hover{
    background: var(--hy-green-dark) !important;
    border-color: var(--hy-green-dark) !important;
}
.urun-detay-sepete-ekle-btn i{
    margin-right: 8px;
}
.urun-detay-satinal-btn{
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 15px;
    border-radius: 3px;
    padding: 0 20px !important;
    white-space: nowrap;
    background: var(--hy-orange);
    border: 1px solid var(--hy-orange);
    color: #fff;
}
.urun-detay-sepete-ekle-btn{
    white-space: nowrap;
    padding: 0 20px !important;
}
.urun-detay-satinal-btn:hover{
    background: #e85a3d;
    border-color: #e85a3d;
    color: #fff;
}

/* Ürün Açıklaması / Yorumlar tab kutusu - site geneli koseleriyle uyumlu radius */
#urundetaytabs{
    border-radius: 14px !important;
    overflow: hidden;
}

/* ---- Sepet Sayfası (cart.php / cart_items.php / cart-onay-alani.php) ----
   Not: Panelden yonetilen hicbir veri/sorgu/PHP degistirilmedi - sadece
   mevcut elemanlarin gorunumu anasayfaornek.png'deki genel tasarim diline
   (yuvarlak koseler, yesil/turuncu vurgu, kart gorunumu) uyacak sekilde
   CSS ile yeniden bicimlendirildi. Birkac buton (adet +/- ve satiri silme
   ikonu) inline style="border-radius:0 !important" ile geliyor - inline
   !important hicbir dis CSS ile ezilemez, bu yuzden o birkac kucuk ikon
   kare kaliyor, kalanlar yuvarlatildi. */
.cart-main-div{
    align-items: stretch;
    gap: 20px;
}
.cart-left-div{
    margin-right: 0;
    border: 1px solid var(--hy-border);
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}
.cart-left-box-main{
    border: none !important;
    border-bottom: 1px solid var(--hy-border) !important;
}
.cart-left-box-main:last-child{
    border-bottom: none !important;
}
.cart-left-box-main.cart-head{
    background: var(--hy-bg-soft);
    font-weight: 700;
}
.cart-left-box-1 img{
    border-radius: 10px;
}
.cart-left-box-4 .rounded-0,
.cart-left-box-4 input.rounded-0{
    border-radius: 6px !important;
}
.cart-right-div{
    width: 320px;
}
.cart-right-div-inside{
    border: 1px solid var(--hy-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.cart-right-div-coupon input{
    border-radius: 8px 0 0 8px !important;
}
.cart-right-div-coupon button{
    border-radius: 0 8px 8px 0 !important;
}
.cart-right-div a[href="teslimat/"],
.cart-right-div-inside .button-4x{
    border-radius: 10px !important;
}
.no-cart-items-in-div{
    border-radius: 16px;
}
.no-cart-items-in-div a{
    border-radius: 10px !important;
    background: var(--hy-green) !important;
    border-color: var(--hy-green) !important;
    color: #fff !important;
}
.no-cart-items-in-div a:hover{
    background: var(--hy-green-dark) !important;
    border-color: var(--hy-green-dark) !important;
}
/* "Alışverişe Başla" bos-durum butonu - Hesabim/Marka listesi gibi bos
   kart icinde tekrar eden ayni CTA, farkli renk siniflari kullaniyor */
.user_subpage_coupon_content a.button-2x[href],
.htmlpage-content-div a.button-2x[href]{
    border-radius: 10px !important;
}

/* ---- Genel alt sayfa şablonları (Sipariş Takibi, statik "sayfa" şablonu -
   Mesafeli Satış Sözleşmesi/Gizlilik/KVKK vb., ve bu ikisiyle ayni #MainDiv /
   .user_page_login_form / .htmlpage-content-div / .subpage_navigation-box
   kaliplarini paylasan diger alt sayfalar: siparis-takip, odeme-bildirimi,
   arama, karsilastirma, blog, sss, iletisim...) ----
   Not: Panelden yonetilen hicbir veri/sorgu degistirilmedi - sadece bu
   sayfalarin ortak govde/kart elemanlarinin gorunumu, urun detay/sepet
   sayfalarinda kullanilan ayni yuvarlak kart diline (14px radius, ince
   border, hafif golge, yesil/turuncu vurgu) uyacak sekilde CSS ile
   yeniden bicimlendirildi. */
#MainDiv{
    background-color: #fff !important;
}
.htmlpage-content-div{
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.subpage_navigation-box{
    border-radius: 12px;
    overflow: hidden;
}
.user_page_login_form{
    border-radius: 16px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
/* Hesabım (giriş yapılmış üye) alt sayfaları - .users_main_div de #MainDiv
   ile ayni admin-arkaplan kalibini kullaniyor (uyeler_ayar.altsayfa_bg) */
.users_main_div{
    background-color: #fff !important;
}
.user_page_login_form .form-control{
    border-radius: 8px !important;
}
.user_page_login_form button,
.user_page_login_form .button-blue{
    border-radius: 10px !important;
    background: var(--hy-green) !important;
    border-color: var(--hy-green) !important;
}
.user_page_login_form button:hover,
.user_page_login_form .button-blue:hover{
    background: var(--hy-green-dark) !important;
    border-color: var(--hy-green-dark) !important;
}
.user_subpage_coupon_content{
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.account_subpage_order_products_box{
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--hy-border) !important;
}
.account_subpage_order_address_main > div,
.account_subpage_order_cargo_main,
.user_subpage_info_div_blue_2,
.user_subpage_info_div_grey{
    border-radius: 12px !important;
}
.account_subpage_summary_order_box,
.account_subpage_summary_order_freedelivery,
.account_subpage_summary_order_discount_coupon{
    border-radius: 12px !important;
}

/* ---- Ödeme / Teslimat (checkout) sayfası (teslimat_uye.php / teslimat_nologin.php) ----
   Not: Panelden yonetilen hicbir veri/sorgu degistirilmedi. "SONRAKİ ADIM"
   butonu admin'in sepet_page_button_bg renk secimini (kirmizi) kullanmaya
   devam ediyor, sadece koseleri ve rengi diger birincil eylem butonlariyla
   (Sepete Ekle, Sepeti Onayla) ayni yesil/yuvarlak dile getirildi. */
.teslimat-page-main-div{
    background-color: #fff !important;
}
.teslimat-bilgileri-uye-adres-main{
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.teslimat-odeme-secimi{
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.teslimat-form-area input,
.teslimat-form-area select,
.teslimat-form-area textarea{
    border-radius: 8px !important;
}
.teslimat-sag-taraf .button-2x{
    border-radius: 10px !important;
    background: var(--hy-green) !important;
    border-color: var(--hy-green) !important;
}
.teslimat-sag-taraf .button-2x:hover{
    background: var(--hy-green-dark) !important;
    border-color: var(--hy-green-dark) !important;
}

/* ---- İletişim formu (contact.php) - "GÖNDER" butonu diğer birincil
   butonlarla ayni yesil/yuvarlak dile getirildi (form[action] ile scope
   edildi, .button-red genel bir sinif oldugu icin sitede baska yerde
   kullanilan kirmizi butonlar/uyarilar etkilenmiyor). */
form[action="contactpost"] button.button-red{
    border-radius: 10px !important;
    background: var(--hy-green) !important;
    border-color: var(--hy-green) !important;
}
form[action="contactpost"] button.button-red:hover{
    background: var(--hy-green-dark) !important;
    border-color: var(--hy-green-dark) !important;
}

/* ---- Sayfa üstü banner (page-headers-stil.php'nin ürettiği .page-banner-main) ----
   Not: Bazı sayfalarda (SSS, Hizmetler, Fiyatlandırma, Video vb.) panelin
   page_header ayarindaki arkaplan gorseli hic yuklenmemis/kayip
   (images/uploads/... dosyasi diskte yok), bu da duz koyu gri bir kutu
   olarak gorunup sitenin geri kalanindaki temiz beyaz basliklarla
   catisiyordu. Urun detay/siparis takip/sepet sayfalarinda zaten kullanilan
   sade "beyaz zemin + ince alt cizgi" basligina hepsi icin sabitlendi -
   panelin gorsel/renk ayarlari degismedi, sadece cikti gorsel olarak ezildi. */
.page-banner-main{
    background: #fff !important;
    background-image: none !important;
    border-bottom: 1px solid var(--hy-border) !important;
}
.page-banner-main > div[style*="rgba(0,0,0,0.3)"]{
    display: none !important;
}
.page-banner-h{
    color: var(--hy-text) !important;
}
.page-banner-links,
.page-banner-links span,
.page-banner-links a{
    color: var(--hy-muted) !important;
}
.page-banner-links a:hover{
    color: var(--hy-green) !important;
}

/* ---- Efsane Lezzetler (product-detail-benzerler.php) ---- */
.efsane-lezzetler-main{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--hy-border);
    border-radius: 12px;
    margin: 14px 0;
    overflow: hidden;
}
.efsane-lezzetler-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--hy-border);
}
.efsane-lezzetler-head-h{
    font-size: 15px;
    font-weight: 700;
    color: var(--hy-text);
}
.efsane-lezzetler-main .arrorhead{
    display: flex;
    align-items: center;
}
.efsane-lezzetler-main .arrorhead .Slick-Next,
.efsane-lezzetler-main .arrorhead .Slick-Prev{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-left: 6px;
    border-radius: 50%;
    border: 1px solid var(--hy-border);
    color: var(--hy-text);
    font: 14px FontAwesome;
    cursor: pointer;
}
.efsane-lezzetler-main .arrorhead .Slick-Next:hover,
.efsane-lezzetler-main .arrorhead .Slick-Prev:hover{
    background: var(--hy-green);
    border-color: var(--hy-green);
    color: #fff;
}
.efsane-lezzetler-main .arrorhead .Slick-Next:before{ content: '\f105'; }
.efsane-lezzetler-main .arrorhead .Slick-Prev:before{ content: '\f104'; }

.efsane-lezzetler-item{
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    position: relative;
    min-width: 0;
}
.efsane-lezzetler-item-img{
    flex: none;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    background: #f6f7f6;
}
.efsane-lezzetler-item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.efsane-lezzetler-item-text{
    flex: 1;
    min-width: 0;
}
.efsane-lezzetler-item-h{
    font-size: 14px;
    font-weight: 600;
    color: var(--hy-text);
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.efsane-lezzetler-item-h a{
    color: var(--hy-text);
}
.efsane-lezzetler-item-btn{
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--hy-green);
    color: #fff;
}
.efsane-lezzetler-item-btn:hover{
    background: var(--hy-green-dark);
    color: #fff;
}
/* benzer_urunbox_fiyatlar() helper'inin ciktisi: eski/yeni fiyat yan yana */
.efsane-lezzetler-item-text .urun-detay-benzer-urun-box-text-price{
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: 13px;
}
.efsane-lezzetler-item-text .urun-detay-benzer-urun-box-text-price > div{
    display: flex;
    align-items: baseline;
    gap: 8px;
}
.efsane-lezzetler-item-text .urun-detay-benzer-urun-box-text-price br{
    display: none;
}
/* İndirim rozeti: resmin sol üst köşesine taşındı */
.efsane-lezzetler-item .urun-detay-benzer-urun-box-text-price-discount{
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--hy-orange);
    border: none;
    color: #fff;
    border-radius: 6px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 700;
}

/* ---- Arsiv / Kategori Urun Listesi (cat_detail.php) ----
   Not: Panelden yonetilen hicbir alan/sorgu degistirilmedi - kategori agaci,
   filtreler, siralama, stok/fiyat/varyant mantigi ve tum "Urun Kutusu" panel
   ayarlari (kutu_sepet_button, kutu_fav_button, kutu_compare_button, kutu_
   border_renk, kutu_radius vb.) calismaya devam ediyor. Sadece "arsiv
   sayfasi.PNG" referansina gore baslik/siralama/kart gorunumu CSS ile
   yeniden duzenlendi. Yildizin yanindaki yorum sayisi zaten sorguda hazir
   olan $yorumcount degiskeninin (cat_detail.php, urun_yorum sorgusu) ekrana
   eklenmesiyle geldi - yeni bir sorgu calistirilmadi. "SEPETE EKLE" yazisi da
   ayni sekilde zaten var olan data-tooltip metninin (diller['urun-box-text1'])
   ekrana yazdirilmasi; gercek addtocart formu/butonu ve JS'i degismedi,
   sadece gorunumu tam genislik yesil butona donusturuldu. .cat-detail-
   products-box(-big) panelin urun_kutu.kutu_border_renk/kutu_arkaplan/
   kutu_radius alanlarindan geldigi ve bu dosyadan sonra yuklenen category_
   style.css (stil.php) tarafindan yazildigi icin bu degerler !important ile
   eziliyor - established precedent (header-yeni.css genel kurali). */

.cat-detail-main-div .cat-right-head-text{
    font-size: 28px !important;
    font-weight: 800 !important;
}
.cat-detail-main-div .cat-right-desc{
    font-size: 14px !important;
}

/* Siralama dropdown */
.cat-detail-main-div .nice-select-cat-detail{
    width: auto;
    min-width: 230px;
}
.cat-detail-main-div .nice-select{
    border: 1px solid var(--hy-border) !important;
    border-radius: 10px !important;
    padding: 11px 34px 11px 16px !important;
    font-size: 14px !important;
    font-weight: 600;
    color: var(--hy-text);
}
/* Katalog gorunum secenekleri (grid/liste ikonlari) kaldirildi - referansta
   yok, panelin urun_box_gorunum_tur ayari degismedi, sadece bu ikon grubu
   gizlendi (siralama zaten $_SESSION['cat_box_show_select'] varsayilanina
   gore calismaya devam ediyor). */
.cat-detail-main-div .cat-right-elements-right-liste{
    display: none;
}

/* "Sadece Stoktaki Urunleri Goster" kaldirildi - referansta yok, panelin
   filtre_stok ayari degismedi, sadece bu checkbox satiri gizlendi */
.cat-detail-main-div .cat-right-elements-left .cat-left-box-t{
    display: none;
}

/* Urun karti: beyaz, yuvarlak kose, hover'da hafif golge */
.cat-detail-main-div .cat-detail-products-box,
.cat-detail-main-div .cat-detail-products-box-big{
    background: #fff !important;
    border: 1px solid var(--hy-border) !important;
    border-radius: 16px !important;
    overflow: hidden;
    padding: 15px 15px 72px 15px;
    transition: box-shadow .15s ease, transform .15s ease;
}
.cat-detail-main-div .cat-detail-products-box:hover,
.cat-detail-main-div .cat-detail-products-box-big:hover{
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
    transform: translateY(-2px);
}
.cat-detail-main-div .cat-detail-products-box-img,
.cat-detail-main-div .cat-detail-products-box-img-big{
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    position: relative;
    margin-bottom: 12px;
}
.cat-detail-main-div .cat-detail-products-box-img img,
.cat-detail-main-div .cat-detail-products-box-img-big img{
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* Indirim rozeti: resmin sol ust kosesine yesil pill olarak tasindi.
   Resim artik karta gomulu (bleed) degil, kartin 15px padding'i icinde
   kendi kose yuvarlakligiyla duruyor - rozet/favori offset'leri buna gore
   15px padding + 12px resim-ici bosluk = 27px olarak hesaplandi. */
.cat-detail-main-div .cat-detail-products-box-indirim{
    position: absolute;
    top: 27px;
    left: 27px;
    margin-left: 0;
    background: var(--hy-green);
    border: none;
    color: #fff;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    z-index: 3;
}
/* Not: bu kutu ayni zamanda genel .tooltip-bottom sinifini tasidigi icin
   ::after zaten hover-ok ucgeninde kullaniliyor (opacity:0, sadece hover'da
   1) - o pseudo-eleman uzerine yazi bindirmek gorunmez oluyordu, o yuzden
   gercek bir <span> eklendi (cat_detail.php, additive HTML). */
.cat-detail-main-div .hy-cat-indirim-text{
    font-size: 11px;
}

/* Favori/sepet/karsilastir kumesi: favori her zaman sag ustte gorunur,
   karsilastir referansta olmadigi icin gizlendi (panel ayari kapatilmadi,
   sadece bu sayfadaki gorsel liste kartinda gosterilmiyor), sepet
   formu/butonu alt tam genislik yesil butona donusturuldu */
.cat-detail-main-div .cat-detail-products-box-cart-1{
    position: static;
    opacity: 1;
    margin-right: 0;
    display: block;
}
.cat-detail-main-div .cat-detail-products-box-cart-1 .compare-href,
.cat-detail-main-div .cat-detail-products-box-cart-1 .product-compare,
.cat-detail-main-div .cat-detail-products-box-cart-1 .product-compare-exit{
    display: none;
}
.cat-detail-main-div .cat-detail-products-box-cart-1 a{
    position: absolute;
    top: 27px;
    right: 27px;
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: var(--hy-text);
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    z-index: 3;
}
.cat-detail-main-div .cat-detail-products-box-cart-1 a.product-fav-del{
    color: #e0524f;
}
.cat-detail-main-div .cat-detail-products-box-cart-1 form,
.cat-detail-main-div .cat-detail-products-box-cart-1 > button{
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    margin: 0;
    z-index: 3;
}
.cat-detail-main-div .cat-detail-products-box-cart-1 form button,
.cat-detail-main-div .cat-detail-products-box-cart-1 > button{
    width: 100%;
    border-radius: 8px;
    background: var(--hy-green);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 0;
    box-shadow: none;
}
.cat-detail-main-div .cat-detail-products-box-cart-1 form button:hover,
.cat-detail-main-div .cat-detail-products-box-cart-1 > button:hover{
    background: var(--hy-green-dark);
    color: #fff;
}
.cat-detail-main-div .cat-detail-products-box-cart-1 button i{
    font-size: 13px;
}
.cat-detail-main-div .hy-cat-sepet-text{
    font-size: 13px;
    font-weight: 700;
}

/* Yildiz + yorum sayisi (mevcut $yorumcount ekrana eklendi) */
.cat-detail-main-div .cat-detail-products-box-stars{
    display: flex;
    align-items: center;
    margin-bottom: 6px !important;
}
.cat-detail-main-div .hy-cat-yorum-count{
    order: 1;
    margin-left: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--hy-muted);
}

/* Baslik: sabit min-height (41px, ~2 satir) tek satirlik basliklarda bosluk
   birakiyordu - diger modullerde (Firsat Paketleri, Sekmeli Vitrin vb.)
   kullanilan ayni "min-height:0 + margin-bottom:6px" deseni burada da
   uygulandi, boylece resim->yildiz->baslik->fiyat arasi bosluklar esit
   ritimde ve referans gorseldeki kadar sik duruyor. */
.cat-detail-main-div .cat-detail-products-box-h{
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    margin-bottom: 8px !important;
}
.cat-detail-main-div .cat-detail-products-box-h a{
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Eski/yeni fiyat alt alta degil yan yana (referans gorseldeki gibi) */
.cat-detail-main-div .cat-detail-products-box-fiyat-out{
    display: flex;
    align-items: baseline;
    gap: 8px;
}
.cat-detail-main-div .cat-detail-products-box-fiyat-eski{
    font-size: 13px !important;
    color: var(--hy-muted);
}
.cat-detail-main-div .cat-detail-products-box-fiyat-mevcut{
    font-size: 18px !important;
}

/* Breadcrumb: artik ust kategorisi olmayan sayfalarda da "Anasayfa > Baslik"
   olarak her zaman gosteriliyor (cat_detail.php - eskiden sadece ust_id>0
   olan kategorilerde iceriği vardi, disi bos <div> kaliyordu) */
.cat-detail-main-div .cat-right-links{
    font-size: 13px;
    color: var(--hy-muted);
}
.cat-detail-main-div .cat-right-links a{
    color: var(--hy-muted);
}
.cat-detail-main-div .cat-right-links a:last-child{
    color: var(--hy-text);
    font-weight: 600;
}
.cat-detail-main-div .cat-right-links a:hover{
    color: var(--hy-green);
}
.cat-detail-main-div .cat-right-links i{
    font-size: 10px;
    color: #b7b7b7;
    margin: 0 4px !important;
}

/* ---- Anasayfa: Blog Vitrini ----
   Not: Veri/panel baglantisi degismedi (blog tablosu, panelde Anasayfa
   Modul Yonetimi -> Blog uzerinden yonetiliyor). BlogReferans.png'ye gore:
   basligin sag ustunde "Tumunu Gor" linki (.firsat-head-row/.firsat-tumunu-gor
   Fırsat Paketleri ile ayni, zaten genel/reusable), tek sirada 4 kart,
   resmin sol ustunde turuncu tarih rozeti, kartlarda sadece baslik
   (ozet ve "devamini oku" linki bu tasarimda gizli - blog.php'de silinmedi,
   sadece burada gizlendi). */
.bloglar-module-main-div{
    padding: 10px 0 50px;
}
.bloglar-module-main-div .firsat-head-row{
    margin-bottom: 20px !important;
}
.bloglar-module-main-div .modules-head-forbg-text::before{
    content: none !important;
    margin-right: 0 !important;
}
.bloglar-module-main-div .modules-head-forbg-text-out{
    border-bottom: none !important;
}
.bloglar-module-main-div .blog-box-text-area{
    box-shadow: none !important;
}
.bloglar-box-main-div{
    justify-content: flex-start;
}
.bloglar-module-main-div .blog-box{
    width: 23.5%;
    margin: .75%;
}
.bloglar-module-main-div .blog-box-img{
    height: 190px;
    border-radius: 14px;
    margin-bottom: 12px;
    position: relative;
    overflow: hidden;
}
.bloglar-module-main-div .blog-box-img img{
    border-radius: 14px;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    object-fit: cover;
    object-position: center;
}
.bloglar-module-main-div .blog-box-date{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 6;
    width: auto;
    margin-bottom: 0 !important;
    background: var(--hy-orange);
    color: #fff !important;
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 700;
    text-transform: none;
}
.bloglar-module-main-div .blog-box-text-area{
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    position: static;
    background: none !important;
}
.bloglar-module-main-div .blog-box-h{
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0 !important;
    font-weight: 700;
}
.bloglar-module-main-div .blog-box-h a{
    color: var(--hy-text) !important;
}
.bloglar-module-main-div .blog-box-s,
.bloglar-module-main-div .blog-box-button{
    display: none !important;
}
.bloglar-module-main-div .pgallery-all-button-main{
    display: none !important;
}
@media (max-width: 900px){
    .bloglar-module-main-div .blog-box{
        width: 48%;
        margin: 1%;
    }
}

/* Filtreler butonu: basligin altindaki siralama satirinda, sol tarafta.
   Tiklaninca sadece bu sayfadaki .cat-detail-main-div-in'e "hy-filters-open"
   class'i eklenip/kaldiriliyor (cat_detail.php, inline onclick - projede
   zaten sol filtre kutularinin hepsi ayni sekilde inline onclick kullaniyor).
   Panelin filtre/kategori/marka/ozellik verileri ayni kaldi, sadece varsayilan
   olarak gizlenip butonla acilir hale geldi. */
.cat-detail-main-div .cat-right-elements-left{
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.cat-detail-main-div .hy-cat-filter-btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1px solid var(--hy-border);
    border-radius: 10px;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: var(--hy-text);
    cursor: pointer;
}
.cat-detail-main-div .hy-cat-filter-btn:hover{
    border-color: var(--hy-green);
    color: var(--hy-green);
}
.cat-detail-main-div .hy-cat-filter-btn i{
    font-size: 14px;
}
.cat-detail-main-div-in > .detail-none{
    display: none;
    width: 279px;
    margin-right: 25px;
}
.cat-detail-main-div-in.hy-filters-open > .detail-none{
    display: block;
}

/* 4'lu grid: "buyuk kutu" gorunumu (box_gorunum_turu=3, %31.5 genislik,
   3'lu satir) secili oldugunda bile referanstaki gibi 4'lu satir olusturmak
   icin ayni %23.5 genislige cekildi - panelin gorunum secimi degismedi,
   sadece bu sayfada CSS ile tekduze 4'lu grid uygulandi. */
.cat-detail-main-div .cat-detail-products-box-big{
    width: 23.5%;
    margin: .75%;
}

/* ==========================================================================
   Footer redesign — 1.png (Cagla Kuruyemis) referans alinarak, koyu yesil
   footer'a uyarlandi. footer.php / footer_items/footer_govde.php icindeki
   panel-veri (footer_ayar, footer_link, sosyal, footer_telif, e-bulten
   diller anahtarlari) hic degismedi; burada sadece o elemanlarin gorunumu
   yeniden duzenleniyor. footer-module-main-div'in arkaplan/renklerini
   site-main-stil.php admin temasindan aliyor (bg_color, ana_renk, alt_renk),
   referans tasarima tam uymasi icin ayni onceki header-yeni.css kuralinda
   oldugu gibi bu degerler !important ile eziliyor.
   ========================================================================== */
.site-footer{
    background: var(--hy-green-dark) !important;
    background-image: none !important;
    padding: 40px 0 0 0 !important;
    margin-top: 40px !important;
    position: relative;
    /* overflow-x:hidden + overflow-y:visible on the same element is a trap -
       per spec the "visible" axis silently computes to "auto" instead and
       still clips, which was cutting the top of the logo (the part that
       pokes above the green line). Horizontal overflow risk on mobile is
       already handled at the source (grid track minmax + stacked newsletter
       form below), so this can just stay fully visible. */
    overflow: visible !important;
}
.site-footer__logo-wrap{
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: -40px;
    left: 0;
    z-index: 2;
}
.site-footer__logo{
    background: #fff;
    border-radius: 18px;
    width: 210px;
    height: 78px;
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    box-sizing: border-box;
}
.site-footer__logo-crop{
    /* Kaynak logo dosyasinin sagida ~yarisi tamamen saydam (asil gorsel
       sadece x:3-131 / 250px genislikte) - object-fit:contain butun tuvali
       ortaladigi icin gorunur logo kutu icinde sola yaslanmis/yarim gibi
       duruyordu. aspect-ratio+object-fit kombinasyonu bazi tarayicilarda
       ustten kirpiyordu; onun yerine görseli oldugu boy oraniyla (250x80)
       tam yukseklige olcekleyip, sadece dolu genislik kadar (overflow:hidden)
       kirpiyoruz - dikeyde hicbir kirpma olmuyor. Panel'deki dosya degismedi. */
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.site-footer__logo-crop img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    max-width: none;
}
.site-footer .site-footer__columns{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
    padding: 45px 20px 35px;
    box-sizing: border-box;
    justify-content: initial !important;
}
.site-footer .footer-module-box.site-footer__column{
    width: 100% !important;
    margin: 0 !important;
}
.site-footer .site-footer__title{
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700;
    margin-bottom: 18px !important;
    text-transform: none;
}
.site-footer .site-footer__links{
    width: 100%;
}
.site-footer .site-footer__links a{
    color: rgba(255,255,255,.72) !important;
    font-size: 14px !important;
    line-height: 20px;
    margin-bottom: 12px !important;
    text-decoration: none;
}
.site-footer .site-footer__links a:hover{
    color: #fff !important;
    text-decoration: underline;
}
.site-footer__newsletter-sub{
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 14px;
    opacity: .85;
}
.site-footer__newsletter form{
    display: flex;
    align-items: stretch;
    background: #fff;
    border-radius: 999px;
    overflow: visible;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 4px;
}
.site-footer__newsletter input{
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: none;
    padding: 8px 6px 8px 10px;
    font-size: 11px;
    background: transparent;
    color: var(--hy-text);
}
.site-footer__newsletter button{
    flex: 0 0 auto;
    border: 0;
    cursor: pointer;
    background: #2fa360;
    color: #fff;
    padding: 10px 16px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 999px;
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    transition: background .15s ease, transform .1s ease;
}
.site-footer__newsletter button:hover{
    background: #268a51;
}
.site-footer__newsletter button:active{
    transform: scale(.97);
}
.site-footer .site-footer__social{
    margin-top: 18px;
    gap: 10px;
}
.site-footer .site-footer__social a{
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0 !important;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.35);
    color: #fff !important;
    font-size: 14px !important;
}
.site-footer .site-footer__social a:hover{
    background: rgba(255,255,255,.12);
}
.site-footer__bottom{
    border-top: 1px solid rgba(255,255,255,.15);
}
.site-footer__bottom-inner{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 22px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}
.site-footer .site-footer__copyright{
    color: rgba(255,255,255,.65) !important;
    font-size: 12px !important;
    line-height: 18px;
    max-width: 480px;
}
.site-footer__appbox{
    background: #fff;
    border-radius: 14px;
    padding: 10px 18px;
    display: flex;
    align-items: center;
}
.site-footer__appbox img{
    max-height: 22px;
    width: auto;
}
.site-footer__legal{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.site-footer__legal a{
    color: rgba(255,255,255,.65);
    font-size: 12px;
    text-decoration: underline;
}
.site-footer__legal a:hover{
    color: #fff;
}

@media (max-width: 1100px){
    .site-footer .site-footer__columns{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .site-footer__column--newsletter{
        grid-column: span 3;
    }
}
@media (max-width: 700px){
    .site-footer .site-footer__columns{
        grid-template-columns: minmax(0, 1fr);
        gap: 34px;
        padding: 40px 20px 30px;
    }
    .site-footer__column--newsletter{
        grid-column: span 1;
    }
    .site-footer__newsletter form{
        max-width: 100%;
        flex-direction: column;
        border-radius: 14px;
        gap: 8px;
    }
    .site-footer__newsletter input{
        padding: 12px 16px;
        width: 100%;
        font-size: 13px;
    }
    .site-footer__newsletter button{
        padding: 12px 16px;
        width: 100%;
        border-radius: 999px;
        font-size: 13px;
    }
    .site-footer__bottom-inner{
        justify-content: flex-start;
        text-align: left;
    }
}

/* ---- Arsiv sayfasi: Mobil / responsive uyum ----
   Not: Temanin kendi mobil filtre gorunumu zaten var ve degismedi -
   isMobileDevice() PHP kontrolu sunucu tarafinda mobil UA'da left-bar.php
   icinde .category-detail-mobile-acc + Bootstrap accordion'u render ediyor,
   masaustu UA'da ise .detail-none > .cat-left-main render ediyor (ayni PHP
   dosyasi, iki farkli dal). Bu blok:
   1) .cat-detail-main-div-in'in ONCEDEN VAR OLAN sabit 1280px genisligini
      akiskan hale getiriyor - bu genislik hicbir yerde media query ile
      degistirilmiyordu, yani 1280px altindaki HER ekranda (tablet, kucuk
      laptop, telefon) urun kutulari sayfa disina tasip .cat-detail-main-div'in
      overflow:hidden'i yuzunden goze gorunmeden kirpiliyordu - bu benim
      onceki degisikliklerimden once de var olan, temel bir sorundu.
   2) 4'lu urun grid'ini ekran genisligine gore 3'e, sonra 2'ye indiriyor.
   3) "hy-filters-open" ile acilan masaustu filtre paneli (.detail-none)
      kucuk ekranlarda urunlerin USTUNE degil, tam genislikte kendi
      satirinda gosteriliyor.
   4) Kendi "FİLTRELE" butonumuz (masaustu .detail-none paneli icindir)
      :has() ile - sadece .category-detail-mobile-acc DOM'da GERCEKTEN
      VARSA (yani sunucu mobil dali render ettiyse) gizleniyor; boylece
      gercek telefonlarda temanin kendi mobil filtre cubugu ile çakışan/
      atil ikinci bir buton gorunmuyor. :has() desteklemeyen eski
      tarayicilarda bu kural sadece atlanir, buton gorunmeye devam eder -
      kirilma olmaz. */
.cat-detail-main-div-in{
    width: 100%;
    max-width: 1280px;
    box-sizing: border-box;
    padding: 0 20px;
}
body:has(.category-detail-mobile-acc) .hy-cat-filter-btn{
    display: none;
}

@media (max-width: 992px){
    .cat-detail-main-div-in.hy-filters-open > .detail-none{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .cat-detail-main-div .cat-detail-products-box,
    .cat-detail-main-div .cat-detail-products-box-big{
        width: 31.5%;
        margin: .91%;
    }
}

@media (max-width: 767px){
    .cat-detail-main-div-in{
        padding: 0 14px;
    }
    .cat-detail-main-div .cat-right-head-text{
        font-size: 22px !important;
    }
    .cat-detail-main-div .cat-right-elements{
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .cat-detail-main-div .cat-right-elements-left,
    .cat-detail-main-div .cat-right-elements-right{
        width: 100%;
        justify-content: flex-start;
    }
    .cat-detail-main-div .hy-cat-filter-btn{
        width: 100%;
        justify-content: center;
    }
    .cat-detail-main-div .cat-right-elements-right-siralama{
        width: 100%;
        margin-right: 0;
    }
    .cat-detail-main-div .nice-select-cat-detail{
        width: 100%;
        min-width: 0;
    }
    .cat-detail-main-div .cat-detail-products-box,
    .cat-detail-main-div .cat-detail-products-box-big{
        width: 47.5%;
        margin: 1.25%;
        padding: 10px 10px 62px 10px;
    }
    .cat-detail-main-div .cat-detail-products-box-h,
    .cat-detail-main-div .cat-detail-products-box-h a{
        font-size: 13px !important;
    }
    .cat-detail-main-div .cat-detail-products-box-fiyat-mevcut{
        font-size: 15px !important;
    }
    .cat-detail-main-div .cat-detail-products-box-fiyat-eski{
        font-size: 12px !important;
    }
    .cat-detail-main-div .hy-cat-sepet-text{
        font-size: 11px;
    }
    .cat-detail-main-div .cat-detail-products-box-cart-1 form button,
    .cat-detail-main-div .cat-detail-products-box-cart-1 > button{
        padding: 10px 0;
        gap: 4px;
    }
}

/* ---- TUM URUN GORSELLERI: sabit en-boy orani (1200x1800 = 2:3 dikey) ----
   Not: Kullanici istegiyle SITE GENELINDE uygulanan bir kural - kategori,
   arama, marka sayfalari VE tum anasayfa vitrinleri (Fırsat Paketleri, Tab
   Vitrini, Vazgeçilmez Tatlar, Ayın Favorileri) dahil, urun kutusu
   gorsellerinin hepsi ayni orana kirpilir. Yuklenen gorsellerin gercek
   boyutu ne olursa olsun (bazilari kare, bazilari dikey/yatay olabiliyordu,
   bu da kartlarin farkli yukseklikte gorunmesine sebep oluyordu) artik
   hepsi 2:3 oraninda, object-fit:cover ile kirpilarak gosteriliyor. Panel/
   gorsel dosyalari degismedi, sadece gorunum. Urun detay sayfasindaki
   galeri (glasscase) bu kapsamda degil, ayri bir sistem. */
.cat-detail-products-box-img,
.cat-detail-products-box-img-big,
.cat-detail-products-box-caturunvitrin-img,
.cat-detail-products-box-caturunvitrin-img-3,
.cat-detail-products-box-caturunvitrin-img-4,
.cat-detail-products-box-caturunvitrin-img-5{
    aspect-ratio: 2 / 3 !important;
    height: auto !important;
}
.cat-detail-products-box-img img,
.cat-detail-products-box-img-big img,
.cat-detail-products-box-caturunvitrin-img img,
.cat-detail-products-box-caturunvitrin-img-3 img,
.cat-detail-products-box-caturunvitrin-img-4 img,
.cat-detail-products-box-caturunvitrin-img-5 img{
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center;
}

/* ---- Ürün detay galerisi (glasscase eklentisi) - artik yukarıdaki 2:3
   kirpmaya dahil (2026-08-18) ----
   Not: glasscase.js gorsel oranini "sigdirma" (contain) mantigiyla
   hesaplayip ana gorsel kutusunun genisligine gore boyutlandiriyor - 1200x1800
   (2:3 dikey) gibi kutunun kendi oranindan farkli fotograflarda sag/solda
   bosluk birakiyordu. Kutu boyutlarina (widthDisplay/heightDisplay,
   gallery.php icinde JS ile ayarlanan inline style) dokunulmadi, sadece
   iceki gorsel her zaman kutuyu tam doldursun diye object-fit:cover ile
   ezildi - eklentinin kendi JS'i inline width/height atadigi icin bu kural
   !important olmadan calismaz. */
.gc-display-container,
.gc-display-display{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
}
.glass-case ul li .gc-li-display-container img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
    position: static !important;
}
/* Not (2026-08-18): kucuk thumbnail kutularinda (soldaki liste) birden fazla
   gorsel eklendiginde eklenti kendi JS'i ile margin-top/-left'i yuzde olarak
   (orn. -61% / -50%) inline atiyor - bu eski "contain+manuel ortalama" mantiginin
   kalintisi, margin sifirlanmazsa gorsel kutudan tasip overflow:hidden ile
   kirpiliyor (sadece kucuk bir kösesi görünüyordu). margin:0 + position:static
   ile bu eski konumlandirma iptal edilip object-fit:cover'in kutuyu duzgun
   doldurmasi saglandi. */

/* glasscase'in zoom-lens onizleme kutusu sirf gorsel bir efekt, tiklama
   almasina gerek yok - favori butonunun z-index'ini yukseltmenin yaninda
   burada da tiklamalari tamamen gormezden gelsin diye kapattik (2026-08-18). */
.gc-lens{
    pointer-events: none !important;
}

@media (max-width: 420px){
    .cat-detail-main-div .cat-detail-products-box,
    .cat-detail-main-div .cat-detail-products-box-big{
        width: 100%;
        margin: 0 0 16px 0;
    }
}

/* ---- Sayfalama (pagination) ----
   Not: .category-pagination-out cat_detail.php, urun_ara.php (arama
   sonuclari) ve urun_markalari.php (marka sayfasi) arasinda paylasilan tek
   bir bilesen - burada yenilenen gorunum ucunde de tutarli sekilde
   uygulanir. Sayfa/link mantigi (p=... parametreleri) ve panelin hizalama
   ayari (urun_cat_ayar.sayfalama_hiza -> PHP tarafinda eklenen
   justify-content-center/-end class'lari) degismedi, sadece butonlarin
   gorunumu bagimsiz yuvarlak-koseli "pill" kutulara donusturuldu (Bootstrap'in
   varsayilan birbirine bitisik/kare kose seridi yerine). style.css'deki
   ".pagination>li.active>a{background:#000 !important}" gibi onceden
   !important ile yazilmis kurallari gecmek icin ayni sekilde !important
   kullanildi (bu dosya style.css'den sonra yuklendigi icin, established
   precedent). */
.category-pagination-out{
    width: 100%;
    box-sizing: border-box;
    padding: 0 .5%;
    margin: 10px 0 20px;
}
.category-pagination-out .pagination{
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
}
.category-pagination-out .page-item{
    margin: 0;
}
.category-pagination-out .page-link{
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    margin: 0;
    border: 1px solid var(--hy-border);
    border-radius: 8px !important;
    color: var(--hy-text) !important;
    font-size: 13px;
    font-weight: 600;
    background: #fff;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.category-pagination-out .page-link:hover{
    background: var(--hy-bg-soft);
    border-color: var(--hy-green);
    color: var(--hy-green) !important;
}
.category-pagination-out .page-item.active .page-link{
    background: var(--hy-green) !important;
    border-color: var(--hy-green) !important;
    color: #fff !important;
}

@media (max-width: 767px){
    .category-pagination-out .page-link{
        min-width: 34px;
        height: 34px;
        padding: 0 8px;
        font-size: 12px;
    }
}

/* ---- Anasayfa: alt guven seridi (anasayfaicerik.PNG referans alinarak
   eklendi) ---- */
/* Not: gercek bir "Anasayfa Modül Yönetimi" modulu (moduller.id=34,
   kod=includes/template/_modules/guven_seridi.php, sira=21 - en son aktif
   modul, footer'dan hemen once render edilir). Icerik (ikon/baslik/aciklama)
   guven_seridi tablosundan geliyor ve panelden (pages.php?page=guven_seridi)
   eklenip/duzenlenip surukle-birakla siralanabiliyor - ticaret_bilgi/
   tbox.php zincirinin ayni kalibi klonlanarak yapildi. */
.hy-trust-strip{
    max-width: 1300px;
    box-sizing: border-box;
    margin: 40px auto 0;
    padding: 30px 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px 24px;
    background: var(--hy-bg-soft);
    border-radius: 16px;
}
.hy-trust-item{
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1 1 220px;
    min-width: 0;
}
.hy-trust-item i{
    font-size: 32px;
    color: var(--hy-orange);
    flex-shrink: 0;
    line-height: 1;
}
.hy-trust-text{
    min-width: 0;
}
.hy-trust-text-h{
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: var(--hy-text);
    margin-bottom: 2px;
}
.hy-trust-text-s{
    display: block;
    font-size: 13px;
    color: var(--hy-muted);
}
@media (max-width: 900px){
    .hy-trust-strip{
        flex-direction: column;
        flex-wrap: nowrap;
        margin-top: 24px;
        padding: 22px 18px;
        gap: 18px;
    }
    .hy-trust-item{
        flex: none;
        width: 100%;
    }
}
@media (max-width: 480px){
    .hy-trust-item i{
        font-size: 26px;
    }
    .hy-trust-text-h{
        font-size: 14px;
    }
    .hy-trust-text-s{
        font-size: 12px;
    }
}

/* ---- Anasayfa: Sizden Gelenler (Müşteri Yorumları modülü) ----
   Not: Panelden yonetilen hicbir veri/sorgu degistirilmedi (yorum tablosu,
   pages.php?page=client_comments paneli, moduller.id=12) - sadece
   sizdengelenlerı.PNG referansina gore yeniden bicimlendirildi. Blog
   modulunden hemen once render edilir (moduller.sira=20). Slider (Swiper)
   3'lu/2'li/1'li responsive breakpoint'lerle assets/js/footerlibs.js icinde
   ayarlandi - burada sadece gorunum. */
.sizden-gelenler-inside{
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.sizden-gelenler-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-bottom: 24px;
}
.sizden-gelenler-head-h{
    font-size: 26px;
    font-weight: 800;
    margin: 0;
}
.sizden-gelenler-rating{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--hy-muted);
    white-space: nowrap;
}
.sizden-gelenler-rating-stars i{
    color: #ffb400;
    font-size: 15px;
    margin-right: 1px;
}
.sizden-gelenler-rating-num{
    font-weight: 700;
    color: var(--hy-text);
}
.sizden-gelenler-tumu{
    font-size: 13px;
    font-weight: 600;
    color: var(--hy-orange) !important;
    text-decoration: none !important;
    white-space: nowrap;
}
.sizden-gelenler-tumu:hover{
    text-decoration: underline !important;
}

.swiper-comments{
    position: relative;
    padding-bottom: 38px;
}
.swiper-comments .swiper-slide{
    height: auto;
    text-align: left !important;
    cursor: grab;
}
.swiper-comments .swiper-wrapper{
    align-items: stretch;
}
.swiper-comments .swiper-pagination{
    bottom: 0;
}
.sizden-gelenler-card{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid var(--hy-border);
    border-radius: 14px;
    padding: 20px;
    background: #fff;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 14px;
}
.sizden-gelenler-card-img{
    flex: none;
    width: 64px;
    height: 64px;
    border-radius: 12px;
    overflow: hidden;
}
.sizden-gelenler-card-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sizden-gelenler-card-content{
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.sizden-gelenler-card-stars{
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 8px;
}
.sizden-gelenler-card-h{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}
.sizden-gelenler-card-s{
    font-size: 14px;
    line-height: 1.5;
    color: var(--hy-muted);
    margin-bottom: 14px;
    flex: 1;
}
.sizden-gelenler-card-alt{
    font-size: 13px;
}
.sizden-gelenler-card-isim{
    font-weight: 700;
    color: var(--hy-text);
}
.sizden-gelenler-card-poz{
    color: var(--hy-orange) !important;
    font-weight: 600;
}

@media (max-width: 767px){
    .sizden-gelenler-head-h{
        font-size: 21px;
    }
    .sizden-gelenler-card{
        padding: 16px;
    }
}
.ticaret-kutulari-inside{
    border: none !important;
    background-color: #ffffff00 !important;
}