body #PM_alt .copyright_row {
    background-color: #0199d8;
}

body #PM_alt .site_telif{
	padding: var(--bs-gutter-x, .75rem);
    max-width: 100%;
    padding: 0;
}

body #PM_alt .pm_telif {
    display: none;
}
#PM_alt  {
    background-color: #fff!important;
}
.telifmain {
	text-align: center;
}

.telifmain .social{
	margin-right: 0 !important;
}

body #PM_alt .site_telif .baslik,
body #PM_alt .site_telif ul li a {
    color: #333;

}

@media screen and (max-width: 650px) {
  header .py-4{
    padding-top: .5rem!important;
  }
}


/* Sosyal Giriş Butonları - Daha Dengeli Stil */
a.dropdown-item[href*="google"],
a.dropdown-item[href*="facebook"] {
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  padding: 8px 12px;
  margin: 6px 0;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #333 !important;
  transition: 0.3s ease;
}

a.dropdown-item[href*="google"]:hover {
  background-color: #e8f0fe;
  border-color: #4285F4;
  color: #1a73e8 !important;
}

a.dropdown-item[href*="facebook"]:hover {
  background-color: #e7f0ff;
  border-color: #3b5998;
  color: #3b5998 !important;
}

/* Küçük ikonlarla sosyal medya logoları */
a.dropdown-item[href*="google"]::before {
  content: "";
  background: url('https://cdn-icons-png.flaticon.com/512/281/281764.png') no-repeat center;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
}

a.dropdown-item[href*="facebook"]::before {
  content: "";
  background: url('https://cdn-icons-png.flaticon.com/512/733/733547.png') no-repeat center;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
}

/* Arama kutusu ve butonu yan yana hizalamak için temel ayarlar */
#urun_arama_input, #search-btn {
    vertical-align: middle !important; /* Dikeyde aynı hizaya getirir */
    height: 50px !important; /* İkisinin de yüksekliğini eşitler */
    box-sizing: border-box !important; /* Padding ve border'ı yüksekliğe dahil eder */
}

/* ARAMA KUTUSU (INPUT) */
input#urun_arama_input {
    width: 100% !important; /* Genişliği doldurur */
    font-size: 15px !important;
    color: #555 !important;

    /* Kenarlık ve alt gölge efekti */
    border: 1px solid #333 !important;
    border-radius: 8px !important; /* Köşeleri yuvarla */
    box-shadow: 2px 2px 0 #00a9e0;
    animation: shadow-renkler 15s linear infinite;
    
    /* İkonun geleceği sağ tarafta boşluk bırak */
    padding: 14px 50px 14px 16px !important; 

    outline: none !important;
    transition: all 0.2s ease-out !important;
}

/* Arama kutusuna tıklandığında (focus) */
input#urun_arama_input:focus {
    border-color: #00796B !important;
    box-shadow: 0 2px 0 #00796B !important;
}

/* Placeholder (silik yazı) stili */
input#urun_arama_input::placeholder {
    color: #999 !important;
}

/* ARAMA BUTONU (BUTTON) */
#search-btn {
    /* Butonun arka planını ve kenarlığını kaldırarak görünmez yap */
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;

    /* Butonu input'un üzerine çekme */
    width: 50px !important;
    margin-left: -50px !important; /* Genişliği kadar eksi değerle sola çek */
    position: relative !important; /* Diğer elemanların üzerine çıkması için */
    
    background-color: #333 !important; /* BU, İKONUN RENGİNİ BELİRLER */
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z'/%3E%3C/svg%3E") !important;
    mask-size: 50% 50% !important; /* İkonun boyutu */
    mask-position: center !important;
    mask-repeat: no-repeat !important;
}

/* Butonlar normal görünüm */
.kullanici-btn .btn,
.kullanici-btn .user.btn,
#sepete_ekle_buton,
.urun_sepete_ekle:not(.urun_detay_orta .urun_sepete_ekle),
#sepete_ekle_buton,
.alt_butonlar a,
#oyuncak_ara,
.owl-nav > button,
.anasayfa-baslik-link{
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: 6px;
    color: #222 !important;
    min-width: 43.75px !important;
    display: flex;
    align-items: center;
    justify-content: center; /* İkonu yatayda ortalar */
    box-shadow: 2px 2px 0 #00a9e0;
    animation: shadow-renkler 15s linear infinite;
    transition: all 0.2s ease-in-out;
}

.owl-nav > button svg{
    fill: #555555 !important;
}

.owl-nav > button{
    min-width: 25px !important;
    width: 25px !important;
}

@keyframes shadow-renkler {
    0% { box-shadow: 2px 2px 0 #00a9e0; }
    16.67% { box-shadow: 2px 2px 0 #f39200; }
    33.33% { box-shadow: 2px 2px 0 #FEC600; }
    50% { box-shadow: 2px 2px 0 #8dc63f; }
    66.67% { box-shadow: 2px 2px 0 #ec2427; }
    83.33% { box-shadow: 2px 2px 0 #662d91; }
    100% { box-shadow: 2px 2px 0 #00a9e0; }
}
 
/* Hover olduğunda görünüm */
.kullanici-btn .btn:hover,
.kullanici-btn .user.btn:hover,
#oyuncak_ara:hover,
.owl-nav > button:hover,
.anasayfa-baslik-link:hover {
    /* background-color: rgba(13,110,253,.2) !important; */
    box-shadow: 0 0 0 #00a9e0 !important;
    transition: all 0.2s ease-in-out;
   /* transform: translate(3px, 3px); */
}

body .urun .urun_butonlar .urun_sepete_ekle:not(.urun_hemen_al)::before,
body .urun .urun_butonlar .urun_sepete_ekle{
    font-size: 12px;
    color:#000 !important;
}

body .urun .urun_butonlar .urun_sepete_ekle:hover::before,
body .urun .urun_butonlar .urun_sepete_ekle,
.alt_butonlar a{
    background-color: transparent !important;
}

/* Mobil Giriş Butonu */
#user-btn {
  background-color: #fff;
  border: 1px solid #6B6B6B;
  border-radius: 6px;
  padding: 8px 12px;
  font-weight: 600;
  box-shadow: 0 3px 0 #6B6B6B;
  color: #222;
  transition: all 0.3s ease;
  margin-right: 10px;
}

#user-btn:hover {
  background-color: #0199D8;
  color: #fff;
  border-color: #0199D8;
  box-shadow: 0 3px 0 #0199D8;
}


.header-marquee{
 background: linear-gradient(to right, #0187be, #32c2eb)!important;
  color: #fff;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  display: flex;
  align-items: center;
  overflow: hidden;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}
#mainPageBrandsOwl img{
height:125px;
width:125px;
}
 
/* --- Ana Menü Konteyneri ve Animasyonlu Alt Çizgi --- */
.top-menu {
    background-color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    position: relative; /* Animasyonlu çizgi için gerekli */
    padding: 0;
}

/* Animasyonlu alt çizgiyi oluşturuyoruz */
.top-menu::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    
    /* Gradyan renk sıralamasını ve konumunu ayarlayın */
    background: linear-gradient(-45deg, 
    #f39200, /* Turuncu */
        #FEC600, /* Sarı */
        #00a9e0, /* 1. Renk: Mavi (BAŞLANGIÇ) */
        #8dc63f, /* Yeşil */
        #ec2427, /* Kırmızı */
        #662d91, /* Mor */
        #00a9e0  /* SON: Döngü için tekrar mavi */
    );
    background-size: 400% 400%;
    animation: kayan-renkler 15s ease infinite;
}

@keyframes kayan-renkler {
    0% { background-position: 0% 50%; } /* Maviden başla */
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; } /* Maviye dön */
}
 
/* Menüyü ortalamak için */
#PopupMenu1 {
    justify-content: center !important;
}


/* Üst Seviye Menü Linkleri (a) ve Genel Stil */
#PopupMenu1 > li > a {
    color: #444 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    padding: 20px 15px !important;
    transition: color 0.3s ease !important;
    position: relative;
    z-index: 10; /* a elementini en öne çıkarır */
    background: transparent !important;
    display: inline-block; /* Padding ve hover efektleri için */
}

/* Hover Efekti */
#PopupMenu1 > li:hover > a {
    color: #000 !important;
}

/* Ortak Pseudo-Element Stilleri */
#PopupMenu1 > li > a::before,
#PopupMenu1 > li > a::after{
    content: '';
    position: absolute;
    transition: all 0.3s ease-in-out;
}

#PopupMenu1 > li::before{
    right: 0;
    top: calc(50% - 11px);
    background:#e1e1e1;
    width: 2px;
    height:22px;
}

/* ::after ile Alt Çizgi Efekti */
#PopupMenu1 > li > a::after {
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    z-index: -1; /* Alt çizgiyi arka plana alır */
}

#PopupMenu1 > li:hover > a::after {
    width: 40px;
}

/* ::before ile Arka Plan Efekti */
#PopupMenu1 > li > a::before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -1; /* ::before'u a'nın arkasına alır */
}

#PopupMenu1 > li:hover > a::before {
    height: 100%;
}

/* Her Menü Öğesine Farklı Renk Ataması */
#PopupMenu1 > li:nth-child(1) > a::before { background-color: rgba(131, 122, 183, 0.2); } /* Mor */
#PopupMenu1 > li:nth-child(1) > a::after { background-color: #837ab7; } /* Mor */
#PopupMenu1 > li:nth-child(2) > a::before { background-color: rgba(247, 200, 109, 0.2); } /* Sarı */
#PopupMenu1 > li:nth-child(2) > a::after { background-color: #f7c86d; } /* Sarı */
#PopupMenu1 > li:nth-child(3) > a::before { background-color: rgba(91, 178, 179, 0.2); } /* Turkuaz */
#PopupMenu1 > li:nth-child(3) > a::after { background-color: #5bb2b3; } /* Turkuaz */
#PopupMenu1 > li:nth-child(4) > a::before { background-color: rgba(229, 107, 111, 0.2); } /* Pembe */
#PopupMenu1 > li:nth-child(4) > a::after { background-color: #e56b6f; } /* Pembe */
#PopupMenu1 > li:nth-child(5) > a::before { background-color: rgba(243, 162, 83, 0.2); } /* Turuncu */
#PopupMenu1 > li:nth-child(5) > a::after { background-color: #f3a253; } /* Turuncu */
#PopupMenu1 > li:nth-child(6) > a::before { background-color: rgba(74, 74, 74, 0.2); } /* Siyah */
#PopupMenu1 > li:nth-child(6) > a::after { background-color: #4a4a4a; } /* Siyah */
#PopupMenu1 > li:nth-child(7) > a::before { background-color: rgba(131, 122, 183, 0.2); } /* Mor */
#PopupMenu1 > li:nth-child(7) > a::after { background-color: #837ab7; } /* Mor */

/* Mavi Arka Plan Rengini Engelleme */
.top-menu #PopupMenu1 > li:hover > a,
.top-menu #PopupMenu1 > li > a:focus,
.top-menu #PopupMenu1 > li.current-menu-item > a,
.top-menu #PopupMenu1 > li.current_page_item > a,
.top-menu #PopupMenu1 > li.active > a {
    background-color: transparent !important;
}


/* === MOBİL UYUMLULUK === */
@media (max-width: 991.98px) {
    #PopupMenu1 > li:not(:last-child)::after { display: none !important; }
    #PopupMenu1 > li > a::after { display: none !important; }
    #PopupMenu1 > li > a { padding: 15px 10px !important; font-size: 13px !important; }
}

@media (max-width: 767.98px) {
    #PopupMenu1 { flex-direction: column !important; align-items: stretch !important; width: 100% !important; }
    #PopupMenu1 > li { width: 100%; border-bottom: 1px solid #f0f0f0; }
    #PopupMenu1 > li:last-child { border-bottom: none; }
    #PopupMenu1 > li > a { text-align: left; padding: 15px !important; }
}

/* Bilgi ve İkon Alanı Stili */
.infoarea {
    background-color: transparent !important;
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    padding: 1.5rem 0; /* Alanın iç yüksekliği */
}

.infoarea > .col-lg-3 {
    /* Her bir kutunun kendi iç boşlukları */
    padding: 1rem 1.5rem;
    position: relative;
    transition: background-color 0.3s ease;
}

/* Kutuların arasına dikey ayırıcı çizgi ekliyoruz */
.infoarea > .col-lg-3:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    height: 60px; /* Çizginin yüksekliği */
    transform: translateY(-50%);
    border-right: 1px solid #e9ecef;
}

/* Üzerine gelince kutu hafifçe belirginleşsin */
.infoarea > .col-lg-3:hover {
    background-color: #f8f9fa;
    border-radius: .5rem;
}

.infoarea_icon {
    margin-right: 1rem;
    color: #6c757d; /* İkonların varsayılan rengi */
    transition: color 0.3s ease;
}

.infoarea_icon svg {
    width: 36px;
    height: 36px;
    fill: currentColor; /* Rengin CSS'ten kontrol edilebilmesi için */
}

.infoarea span {
    display: block;
    line-height: 1.4;
}

.infoarea span:first-of-type {
    font-weight: 500;
    color: #343a40;
    font-size: 1.05rem;
}

/* Her bir kutuya özel hover rengi tanımlaması */
.infoarea > .col-lg-3:nth-child(1):hover .infoarea_icon {
    color: #007bff; /* Güvenli Alışveriş - Mavi */
}
.infoarea > .col-lg-3:nth-child(2):hover .infoarea_icon {
    color: #28a745; /* İptal & Değişim - Yeşil */
}
.infoarea > .col-lg-3:nth-child(3):hover .infoarea_icon {
    color: #fd7e14; /* Müşteri Memnuniyeti - Turuncu */
}
.infoarea > .col-lg-3:nth-child(4):hover .infoarea_icon {
    color: #6f42c1; /* Güvenli Kargo - Mor */
}


/* Mobil Cihazlar için Düzenleme (768px altı) */
@media (max-width: 767.98px) {
    .infoarea {
        padding: 0;
    }
    
    .infoarea > .col-lg-3 {
        padding: 1.5rem 1rem;
        /* Yatay ayırıcı çizgi */
        border-bottom: 1px solid #e9ecef;
    }

    /* Dikey ayırıcı çizgiyi mobilde kaldır */
    .infoarea > .col-lg-3:not(:last-child)::after {
        display: none;
    }

    /* Son elemanın alt çizgisini kaldır */
    .infoarea > .col-lg-3:last-child {
        border-bottom: none;
    }
}

body header .kullanici-btn #sepet-btn #sepet_bildirim{
    left: 20px !important;
}

.navbar{
    border: 1px solid #6B6B6B;
    border-radius: 6px;
    padding: 8px;
    max-width: 43.75px;
    max-height: 43.75px;
    font-weight: 600;
    box-shadow: 2px 2px 0 #00a9e0;
    animation: shadow-renkler 15s linear infinite;
}

@media (min-width: 700px) {
    body #anasayfa_yazisi .banner-hover:after {
        border-radius: .25rem;
    }
    body header .kullanici-btn #sepet-btn {
        background-color: transparent;
        color: #555555;
    }
    body header .kullanici-btn #sepet-btn svg{
        fill: #555555 !important;
    }
    body header .kullanici-btn #sepet-btn #sepet_bildirim span{
        color: #fff;
    }
    body header .kullanici-btn #sepet-btn #sepet_bildirim{
        background-color: #00a9e0;
        left: 24px !important;
    }
}

.urun_sepete_ekle,
.alt_butonlar a,
a#sepet-btn,
.dropdown .user.btn{
 position: relative;
 z-index: 99; /* a elementini en öne çıkarır */
}

.urun_sepete_ekle::after,
.alt_butonlar a::after,
#sepet-btn::after,
.dropdown .user.btn::after {
    content: '';
    position: absolute;
    transition: all 0.3s ease-in-out;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    z-index:-1;/* ::before'u a'nın arkasına alır */
}

#sepete_ekle_buton:hover::after,
.urun .urun_sepete_ekle:hover::after,
#sepet-btn:hover::after,
.dropdown:hover .user.btn::after{
 background-color: rgba(9, 132, 227,0.2);
 height: 100% !important;
 transition: all 0.3s ease-in-out;
}

.urun_sepete_ekle:hover,
.alt_butonlar a:hover{
    box-shadow: none !important;
}

.alt_butonlar a::before{
    background-color: rgba(0, 184, 148,1.0);
}

.alt_butonlar a:hover::before{
    background-color: rgb(0, 126, 101) !important;
}

#sepet-btn:hover,
.kullanici-btn .user.btn:hover
{
    background-color: transparent !important;
}

body .main-banner.partBanner .banner-right .offer .card-body .owl-theme .owl-nav [class*=owl-] {
    width: 25px !important;
    max-width: 25px !important;
}

body .main-banner.partBanner .banner-right .offer .card-body .owl-theme .owl-nav .owl-prev {
    left: -10px !important;
    overflow: hidden;
}

body .main-banner.partBanner .banner-right .offer .card-body .owl-theme .owl-nav .owl-next {
    right: -10px !important;
    overflow: hidden;
}

body .main-banner.partBanner .owl-carousel .owl-nav .owl-next{
    right: 10px !important;
}

body .main-banner.partBanner .owl-carousel .owl-nav .owl-prev {
    left: 10px !important;
}

/* Ürün Detay Butonları - Düzeltilmiş ve İyileştirilmiş Tasarım */

/* Ana formu yan yana hizalamak için flex yapısı */
form#urun_detay_sepete_ekle_form {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
}

/* Tablo yapısının gereksiz boşluklarını kaldır */
form#urun_detay_sepete_ekle_form .urun_secenekleri,
form#urun_detay_sepete_ekle_form .urun_secenekleri table {
    margin: 0 !important;
    padding: 0 !important;
}

/* Miktar Seçici Grubu */
form#urun_detay_sepete_ekle_form .miktar-group {
    display: flex !important;
    align-items: center !important;
}

form#urun_detay_sepete_ekle_form .miktar-group .btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border: 1px solid #ced4da !important;
    color: #495057 !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    padding: 0 !important;
}

form#urun_detay_sepete_ekle_form .miktar-group .btn:hover {
    background-color: #e9ecef !important;
}

form#urun_detay_sepete_ekle_form .miktar-group .btn[disabled] {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}


form#urun_detay_sepete_ekle_form #urun_miktar_secenekleri {
    width: 55px !important;
    height: 48px !important;
    text-align: center !important;
    border: 1px solid #ced4da !important;
    border-left: none !important;
    border-right: none !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #212529 !important;
    padding: 0 !important;
    -moz-appearance: textfield !important;
}
form#urun_detay_sepete_ekle_form #urun_miktar_secenekleri::-webkit-outer-spin-button,
form#urun_detay_sepete_ekle_form #urun_miktar_secenekleri::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
form#urun_detay_sepete_ekle_form #urun_miktar_secenekleri:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15) !important;
}


/* Butonların olduğu ana taşıyıcı */
form#urun_detay_sepete_ekle_form .urun_sepete_ekle {
    display: flex !important;
    flex-grow: 1 !important;
    gap: 10px !important;
}

#sepete_ekle_buton:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 5px rgba(13, 110, 253, 0.2) !important;
}

/* Favorilere Ekle Butonu */
a.favori-ekle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border: 1px solid #ced4da !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    transition: all 0.2s ease !important;
    box-shadow: 2px 2px 0 #dc3545 !important;
}


a.favori-ekle svg {
    width: 22px !important;
    height: 22px !important;
    fill: #727272 !important;
    transition: all 0.2s ease !important;
}

a.favori-ekle:hover {
    border-color: #dc3545 !important;
    background-color: #fff5f5 !important;
    box-shadow: 0 0 0 #dc3545 !important;
}

a.favori-ekle:hover svg {
    fill: #dc3545 !important;
    transform: scale(1.1) !important;
}

/* Eklenen tasarımlar */
#PM_urun_detayi .icerik .urun_detay_tablar .urun_detay_tablar_ul li.active a{
    border: none !important;
}

#PM_urun_detayi .icerik .urun_detay_tablar .urun_detay_tablar_ul li.active a span{
    color: #444444;
}

/* Ürün Açıklama sekmeleri */
.urun_detay_tablar_ul > li > a {
    color: #444 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: color 0.3s ease !important;
    position: relative;
    z-index: 10; /* a elementini en öne çıkarır */
    background: transparent !important;
    display: inline-block; /* Padding ve hover efektleri için */
}

/* Hover Efekti */
.urun_detay_tablar_ul > li:hover > a {
    color: #000 !important;
}

/* Ortak Pseudo-Element Stilleri */
.urun_detay_tablar_ul > li > a::before,
.urun_detay_tablar_ul > li > a::after {
    content: '';
    position: absolute;
    transition: all 0.3s ease-in-out;
}

/* ::after ile Alt Çizgi Efekti */
.urun_detay_tablar_ul > li > a::after {
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    z-index: -1; /* Alt çizgiyi arka plana alır */
}

.urun_detay_tablar_ul > li:hover > a::after,
.urun_detay_tablar_ul > li.active > a::after{
    width: 40px;
}

/* ::before ile Arka Plan Efekti */
.urun_detay_tablar_ul > li > a::before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -1; /* ::before'u a'nın arkasına alır */
}

.urun_detay_tablar_ul > li:hover > a::before,
.urun_detay_tablar_ul > li.active > a::before{
    height: 100%;
}

.urun_detay_tablar_ul > li:nth-child(1) > a::before { background-color: rgba(131, 122, 183, 0.2); } /* Mor */
.urun_detay_tablar_ul > li:nth-child(1) > a::after { background-color: #837ab7; } /* Mor */
.urun_detay_tablar_ul > li:nth-child(2) > a::before { background-color: rgba(247, 200, 109, 0.2); } /* Sarı */
.urun_detay_tablar_ul > li:nth-child(2) > a::after { background-color: #f7c86d; } /* Sarı */
.urun_detay_tablar_ul > li:nth-child(3) > a::before { background-color: rgba(91, 178, 179, 0.2); } /* Turkuaz */
.urun_detay_tablar_ul > li:nth-child(3) > a::after { background-color: #5bb2b3; } /* Turkuaz */
.urun_detay_tablar_ul > li:nth-child(4) > a::before { background-color: rgba(229, 107, 111, 0.2); } /* Pembe */
.urun_detay_tablar_ul > li:nth-child(4) > a::after { background-color: #e56b6f; } /* Pembe */

#PM_urun_detayi .icerik .urun_detay_tablar .urun_detay_tablar_ul li a{
    border: none !important;
}

.urun_detay_tablar_ul > li:not(:last-child){
    margin-right: 10px;
}

#PM_urun_detayi .icerik .urun_bilgiler .urun_detay_orta form .urun_secenekleri table tr td.baslik, #PM_urun_detayi .icerik .urun_bilgiler .urun_detay_orta form .urun_secenekleri tbody tr td.baslik{
    display: none !important;
}

#PM_urun_detayi .icerik .urun_bilgiler .urun_detay_orta form .urun_sepete_ekle #sepete_ekle_buton::before {
    padding: 12px !important;
    color: #555555 !important;
    background-color: transparent !important;
    font-weight: bold !important;
}

body .main-banner.partBanner .owl-carousel .owl-nav [class*=owl-]{
    height: 35px !important;
}

#sepete_ekle_buton{
    background-color: transparent !important;
    overflow: hidden;
    position: relative;
}

#sepete_ekle_buton::after {
    content: '';
    position: absolute;
    transition: all 0.3s ease-in-out;
    bottom: 0;
    height: 0;
    width: 100%;
    z-index: -1; /* ::before'u a'nın arkasına alır */
}

.urun_detay_orta > a{
    color: #0199d8;
    font-weight: bold;
    transition: .3s;
}
.urun_detay_orta > a:hover{
    color: #016fd8;
}

#PM_urun_detayi .icerik .urun_bilgiler .urun_detay_orta .urun_ikonlar div,
.hizli_ucretsiz,
.urun .ikonlar .yeni_urun,
.communication_bar a,
.pushbar_close{
    background: #fff !important;
    color: #727272 !important;
    border-color: #ced4da;
    box-shadow: 2px 2px 0 #00a9e0;
    transition: 300ms ease;
    cursor: pointer;
    border: 1px solid #e1e1e1;
}

.hizli_ucretsiz{
    width: 32px !important;
}
.hizli_ucretsiz svg {
    width: 20px;
    height: 20px;
}

#PM_urun_detayi .icerik .urun_bilgiler .urun_detay_orta .urun_ikonlar div:hover,
.hizli_ucretsiz:hover,
.urun .ikonlar .yeni_urun:hover,
.communication_bar a:hover,
.pushbar_close:hover{
    box-shadow: 0px 0px 0 #00a9e0 !important;
    transition: 300ms ease !important;
}

.pushbar_close{
    min-width: 27px;
}


body .urun .favori .favori-ekle{
    transition: all 0.2s ease !important;
    box-shadow: 1px 1px 0 #dc3545 !important;
    border: 1px solid #e1e1e1;
    width: 30px !important;
    height: 30px;
}
body .urun .favori .favori-ekle:hover{
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 #dc3545 !important;
}

body .urun .ikonlar .kargo_bedava,body .urun .ikonlar .ayni_gun_kargo_urun{
    display: none;
}
body .urun .ikonlar .kritik_stok,
body .urun .ikonlar .hizli_ucretsiz,body .urun .ikonlar .yeni_urun {
    width: fit-content;
     padding: 4px;
    border-radius: 3px;
}

.ikonlar{
    margin: 3px 0 0 3px !important;
}
.urun .favori-ekle{
    margin: 3px 3px 0 0 !important;
}

.main-menu.container .py-4{
    padding-bottom: 5px !important;
}

    /* roketoyuncak Active Üst Bilgi Slider Stilleri */
#roketoyuncak-top-bar {
    background-color: #0199D8; /* Siyah arkaplan */
    color: #fff; /* Beyaz yazı rengi */
    text-align: center; /* Yazıyı ortala */
    padding: 12px 10px; /* Üstten/alttan ve sağdan/soldan boşluk */
    font-family: Arial, sans-serif; /* Okunaklı bir font */
    font-weight: bold; /* Yazıyı kalın yap */
    font-size: 14px; /* Yazı boyutu */
    width: 100%; /* Tam genişlik */
    position: sticky; /* Sayfa kaysa bile üstte sabit kal */
    top: 0;
    left: 0;
    z-index: 999; /* Diğer tüm elementlerin üzerinde olmasını sağlar */
}

#roketoyuncak-slider-text {
    /* Geçiş efektini yumuşatmak için */
    transition: opacity 0.5s ease-in-out;
}

.communication_bar{
    display: flex;
    flex-direction: column;
    margin-top: 14px;
    justify-content: flex-start;
    -webkit-box-pack: start;
  	bottom: 55px;
    left: 10px;
    opacity: 1;
    transition: opacity 0.5s ease 0s;
    box-sizing: border-box;
    direction: ltr;
    position: fixed !important;
    z-index: 99 !important;
}

.communication_bar a{
     border-radius: 50%;
     width: 50px;
     height: 50px;
     color: rgb(77, 194, 71) !important;
     display: flex;
     justify-content: center;
     text-decoration:none;
}
  .communication_bar a:focus{
  text-decoration:none !important;
}
.communication_bar a svg{
  	width: 2rem
}
.cookie-notification {
   width: calc(100% + 10px);
   z-index: 999 !important;
}

.wstasi{
    position: fixed;
    bottom: 20px;
    z-index: 999;
    background: #fff;
    left:0px;
    display:block;
}


@media screen and (min-width: 768px){
  .main-menu .search {
    width: 51% !important;
  }
}


.rocket-why-us-section {
  width: 100%;
  margin-top: 120px;
  padding: 40px 0;
  background-color: #0199D8;
  position: relative;
}

.rocket-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 15px;
}

.rocket-logo {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
    position: absolute;
    top: -95px;
    left:calc(50% - 95px);
    background: #fff;
    display:inline-block;
    width: max-content;
    border-radius: 100px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.rocket-logo img {
    max-height: 190px;
}

.rocket-title {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}

.rocket-title div {
  font-size: 28px;
  font-weight: 700;
  color: #0199D8;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.rocket-title div:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background-color: #0199D8;
}

.rocket-features{
    margin-top: 100px;
}

.rocket-features ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.rocket-features ul li {
  width: 23%;
  box-sizing: border-box;
}

.feature-item {
  width: 100%;
  text-align: center;
  background: white;
  border-radius: 8px;
  padding: 25px 15px;
  height: 100%;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  cursor: pointer;
}

.feature-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(1, 153, 216, 0.1);
}

.feature-icon {
  width: 100%;
  display: block;
  margin-bottom: 15px;
}

.feature-icon img {
  height: 60px;
  width: auto;
}

.feature-title {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.feature-desc {
  width: 100%;
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}

@media (max-width: 992px) {
  .rocket-features ul li {
    width: 49%;
    margin-bottom: 15px;
  }
}

@media (max-width: 576px) {
  .rocket-features ul li {
    width: 100%;
  }
  
  .rocket-title div {
    font-size: 24px;
  }
  
  .feature-item {
    padding: 20px 10px;
  }
}

body header .top-menu .acilirmenu.list .Popup ul li{
    position: relative;
}