body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #dddddd;
	font-family: 'Open Sans',Arial,Tahoma;
}

.footer-iletisim p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #ffffff;
}

.iletisim-baslik {
    color: #f1c40f;
    font-weight: bold;
}

.wc-block-components-button__text {
    background: #000000;
    color: #ffffff;
    padding: 15px 25px;
    border-radius: 15px;
    display: block;
    font-weight: bold;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
	text-decoration:none;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    border: unset;
    background: unset;
}

.wc-block-components-sidebar-layout .wc-block-components-main {
    width: 100% !important;
    padding-right: 0 !important;
}

.wc-block-components-totals-wrapper {
    background: #a4ffc6;
    padding: 10px 20px;
}

tr.wc-block-cart-items__row {
    background: #fff3b7;
}

.wc-block-components-sidebar {
	width: 100%!important;
}

#whatsapp-support {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 12px;
}

#whatsapp-support a {
  display: flex;
  align-items: center;
  text-decoration: none;
  background: #25d366;
  color: #fff;
  padding: 10px 16px;
  border-radius: 40px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.13);
  transition: background 0.2s;
  font-weight: 500;
}

.whatsapp-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}

#whatsapp-support a:hover {
  background: #128c7e;
}

.whatsapp-hover-info {
  display: none;
  position: absolute;
  right: 0;
  bottom: 56px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.18);
  padding: 16px 24px;
  align-items: center;
  text-align: center;
  min-width: 210px;
  flex-direction: column;
  justify-content: center;
}

.support-photo {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-bottom: 10px;
  object-fit: cover;
  box-shadow: 0 1px 6px rgba(0,0,0,0.14);
}

.hover-message {
  color: #128c7e;
  font-size: 16px;
  font-weight: 500;
}



.card-img-top {
  height: 200px;
  object-fit: cover;
}

section#web-tasarim-aciklama {
    background: #edf4fa;
    padding: 35px;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: none;
}


.section-title {
 font-size: 32px;
  font-weight: 700;
  color: #1c3920;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 15px;
}

.section-title::after {
    content: "";
    width: 80px;
    height: 4px;
    background-color: #f1b918;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
}




@media (max-width: 991px) {
  /* Tüm seviyelerdeki dropdown-menu'ler */
  .main-menu .navbar-nav .dropdown-menu,
  .main-menu .navbar-nav .dropdown-menu .dropdown-menu,
  .main-menu .navbar-nav .dropdown-menu .dropdown-menu .dropdown-menu {
    background: #11235A !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 100% !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    box-shadow: none !important;
    position: static !important;
    top: auto !important;
  }

  /* Tüm seviyelerdeki dropdown-item'lar */
  .main-menu .navbar-nav .dropdown-menu .dropdown-item,
  .main-menu .navbar-nav .dropdown-menu .dropdown-menu .dropdown-item,
  .main-menu .navbar-nav .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    background: transparent !important;
    color: #fff !important;
    font-weight: 700;
    border-radius: 0 !important;
    text-align: left;
    padding: 13px 24px;
    margin: 0 !important;
    transition: background 0.18s, color 0.18s;
  }

  /* Hover efekti hepsine */
  .main-menu .navbar-nav .dropdown-menu .dropdown-item:hover,
  .main-menu .navbar-nav .dropdown-menu .dropdown-item:focus,
  .main-menu .navbar-nav .dropdown-menu .dropdown-menu .dropdown-item:hover,
  .main-menu .navbar-nav .dropdown-menu .dropdown-menu .dropdown-item:focus,
  .main-menu .navbar-nav .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item:hover,
  .main-menu .navbar-nav .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item:focus {
    background: #FFD600 !important;
    color: #11235A !important;
    border-radius: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .main-menu .navbar-nav,
  .main-menu-list {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .main-menu .navbar-nav > .menu-item,
  .main-menu .navbar-nav > li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
  }
}

@media (max-width: 991px) {
  .main-menu .navbar-nav .nav-link,
  .main-menu .navbar-nav .menu-item > a {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding: 15px 20px;
    background: transparent !important;
    color: #fff !important;
    font-weight: 700;
    border-radius: 0 !important;
    margin: 0;
    text-align: left;
    transition: background 0.18s, color 0.18s;
  }

  .main-menu .navbar-nav .nav-link:hover,
  .main-menu .navbar-nav .nav-link:focus,
  .main-menu .navbar-nav .menu-item > a:hover,
  .main-menu .navbar-nav .menu-item > a:focus {
    background: #FFD600 !important;
    color: #11235A !important;
    border-radius: 0 !important;
  }

  /* Dropdown menü de aynı şekilde */
  .main-menu .navbar-nav .dropdown-menu {
    background: #11235A !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 100%;
    left: 0 !important;
    box-shadow: none !important;
  }
  .main-menu .navbar-nav .dropdown-menu .dropdown-item {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    background: transparent !important;
    color: #fff !important;
    font-weight: 700;
    border-radius: 0 !important;
    text-align: left;
    padding: 13px 24px;
    margin: 0 !important;
    transition: background 0.18s, color 0.18s;
  }
  .main-menu .navbar-nav .dropdown-menu .dropdown-item:hover,
  .main-menu .navbar-nav .dropdown-menu .dropdown-item:focus {
    background: #FFD600 !important;
    color: #11235A !important;
    border-radius: 0 !important;
    width: 100% !important;
  }
}

/* ---- GENEL HEADER STİLİ ---- */
.site-header {
  background: #fff;
  box-shadow: 0 2px 20px rgba(22,34,90,0.06);
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
  overflow: visible !important; /* dropdown için kilit! */
  position: relative;
  z-index: 50;
}

/* ---- TOPBAR ---- */
.header-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 28px;
  padding-right: 28px;
}

.logo {
  margin-right: auto; /* Logo her zaman sola yaslanır */
}

.header-actions {
  margin-left: auto;  /* Her zaman sağa yaslanır */
  display: flex;
  align-items: center;
  gap: 13px;
  /* Gerekirse width:auto !important; */
}

.logo .navbar-brand {
  font-size: 1.8rem;
  font-weight: bold;
  color: #1a225a !important;
  letter-spacing: .5px;
  display: flex;
  align-items: center;
  text-decoration: none !important;
}
.logo-bg {
  background: #1c3920;
  color: #FFD600;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 9px;
  font-size: 1.3rem;
}
.logo-text {
  color: #1c3920;
  font-weight: 700;
  font-size: 1.17rem;
  letter-spacing: .8px;
}

/* ---- HEADER AKSİYONLARI ---- */
.header-actions .header-btn,
.header-actions-mobile .header-btn {
  background: #f7f8fd;
  color: #22337d;
  font-weight: 600;
  font-size: 1.03rem;
  border-radius: 9px;
  padding: 9px 19px;
  margin-left: 8px;
  transition: background 0.17s, color 0.17s, box-shadow 0.18s;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  box-shadow: 0 2px 9px rgba(16,30,94,0.04);
  text-decoration: none !important;
  border: none;
}
.header-actions .header-btn:hover,
.header-actions-mobile .header-btn:hover {
  color: #ff9800 !important;
}
.header-actions .mini-sepet-link,
.header-actions-mobile .mini-sepet-link {
  background: #e6eaf6;
  color: #1d222b;
  font-weight: 700;
  padding: 9px 19px;
  border-radius: 18px;
  margin-left: 12px;
}
.header-actions .mini-sepet-link:hover,
.header-actions-mobile .mini-sepet-link:hover {
  color: #ff9800 !important;
}
/* İcon+metin arası boşluklar */
.header-actions .icon-btn {
  background: none !important;
  color: #1c3920;
  font-size: 0.9rem;
  border-radius: 50%;
  padding: 6px 12px;
  margin-left: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  border: none;
  transition: background 0.13s, color 0.13s;
  position: relative;
  font-weight: 700;
}

.header-actions .icon-btn:hover,
.header-actions .icon-btn:focus {
  color: #ff9800 !important;
}

/* Sepet sayısı etiketi */
.mini-sepet-sayi {
  background: #ff9800;
  color: #fff;
  font-size: .88rem;
  font-weight: 700;
  min-width: 17px;
  height: 17px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 2px;
  position: absolute;
  top: 2px;
  right: -10px;
  font-family: Arial, sans-serif;
}

@media (max-width: 991px) {
  /* Mobilde ikonlar küçük ve sağda */
  .header-actions {
    justify-content: flex-end !important;
    gap: 8px !important;
  }
  .header-actions .icon-btn {
    font-size: 1.32rem;
    padding: 7px 7px;
    margin: 0 0 0 5px;
  }
  .mini-sepet-sayi {
    font-size: .78rem;
    min-width: 13px;
    height: 13px;
    top: 0;
    right: -8px;
  }
}

.mini-sepet-text {
  margin-left: 6px;
  font-weight: 500;
}

/* ---- MENÜ (NAVBAR) ---- */
.main-menu {
    background: #1c3920 !important;
    box-shadow: 0 3px 14px rgba(22, 34, 90, .07);
    min-height: 57px;
    z-index: 51;
    position: relative;
}
.main-menu-list, .main-menu .navbar-nav {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.main-menu .navbar-nav .nav-link,
.main-menu .navbar-nav .menu-item > a {
  color: #fff !important;
  font-weight: 600;
  padding: 15px;
  font-size: 1.07rem;
  margin: 0 4px;
  letter-spacing: .03em;
  background: transparent;
  transition: background 0.22s, color 0.18s;
  box-shadow: 0 2px 8px rgba(22,35,90,0.03);
  text-decoration: none !important;
  display: inline-block;
}
.main-menu .navbar-nav .nav-link:hover, .main-menu .navbar-nav .nav-link:focus, .main-menu .navbar-nav .active .nav-link, .main-menu .navbar-nav .menu-item.current-menu-item>a {
    color: #ffd600 !important;
}

/* Dropdown */
.main-menu .navbar-nav .dropdown-menu {
    background: #1c3920 !important;
    border-radius: 0 0 11px 11px;
    min-width: 220px;
    margin-top: 0;
    padding: 0;
    border: none;
}
.main-menu .navbar-nav .dropdown-menu .dropdown-item {
  color: #fff !important;
  font-weight: 500;
  border-radius: 0 !important;
  padding: 12px 24px;    /* YATAYDA BOL, DIŞTA SIFIR */
  width: 100%;
  transition: background 0.18s, color 0.18s;
  display: block;
  box-sizing: border-box;
  margin: 0;     /* ARALARDAKİ BOŞLUK DA SIFIR */
}

/* Hoverda tam geniş sarı ve radius sıfır */
.main-menu .navbar-nav .dropdown-menu .dropdown-item:hover,
.main-menu .navbar-nav .dropdown-menu .dropdown-item:focus {
  background: #ffffff !important;
  color: #1c3920 !important;
  border-radius: 0 !important;
  width: 100%;
  margin: 0;
}

/* Hamburger ve responsive */
@media (max-width: 991px) {
  .main-menu .navbar-nav,
  .main-menu-list {
    flex-direction: column;
    align-items: flex-start !important;
    width: 100%;
    gap: 0;
  }
  .main-menu .navbar-nav .nav-link {
    width: 100%;
    margin: 0 0 7px 0;
    border-radius: 7px;
    padding: 14px 18px;
  }
  .header-topbar {
    padding: 0 13px;
  }
  .header-actions-mobile {
    padding-bottom: 13px;
  }
  .logo .navbar-brand {
    font-size: 1.25rem;
  }
  .logo-bg {
    width: 28px;
    height: 28px;
    font-size: 1.09rem;
    margin-right: 5px;
  }
}

/* Banner */
.banner {
  background: #FFD600;
  padding: 48px 0 38px 0;
  position: relative;
  z-index: 1;
}
.banner h1 {
  font-size: 2.6rem;
  font-weight: 700;
  color: #1a225a;
  margin-bottom: 10px;
}
.banner p {
  font-size: 1.22rem;
  color: #3b425c;
  margin-bottom: 0;
}




















.stok-bilgi {
    color: #744b00;
    width: max-content;
    height: 48px;
    padding: 0 24px;
    font-size: 1.13rem;
    font-weight: 600;
    border-radius: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    display: flex;
    align-items: center;
    justify-content: center;
	margin-left:5px;
}
.stok-var {
  background: #e7ffe9;
  color: #1ba94c;
}
.stok-yok {
  background: #ffeded;
  color: #e23b2c;
}
.stok-bilgi i {
  font-size: 1.2em;
  margin-right: 4px;
}


.single-alt-aciklama {
    margin: 0;
}

.urun-sayfasi {
    background: #ffffff;
    margin: 30px auto;
    border-radius: 20px;
	padding:20px;
}

@media (max-width: 991px) {
.urun-sayfasi {
	padding:50px;
}	
.single-tarafi {
    padding: 0 20px;
}
}



/* Ürün detay grid ayarları */
.urun-sayfasi .col-md-7 {
  padding-left: 32px;
  padding-right: 8px;
}
@media (max-width: 991px) {
  .urun-sayfasi .col-md-7,
  .urun-sayfasi .col-md-5 {
    padding-left: 8px;
    padding-right: 8px;
  }
}

/* Görsel düzeni */
.urun-detay-gorsel-wrapper, .woocommerce .single-product .product .woocommerce-product-gallery {
  max-width: 400px;
  max-height: 400px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.urun-detay-gorsel-wrapper img,
.woocommerce .single-product .product .woocommerce-product-gallery img {
  max-width: 100%;
  max-height: 400px;
  width: auto;
  height: auto;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
@media (max-width: 767px) {
  .urun-detay-gorsel-wrapper, .woocommerce .single-product .product .woocommerce-product-gallery {
    max-width: 240px;
    max-height: 240px;
  }
}

/* Fiyat rozeti */
.urun-fiyat-badge {
    background: #ffe066;
    color: #744b00;
    width: max-content;
    height: 48px;
    padding: 0 24px;
    font-size: 1.13rem;
    font-weight: 600;
    border-radius: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    display: flex;
    align-items: center;
    justify-content: center;
	margin-right:5px;
}

/* Özellikler */
.urun-ozellikler ul {
  list-style: disc inside;
  margin: 0;
  padding-left: 0.5rem;
  font-size: 1rem;
}
.urun-ozellikler li {
  margin-bottom: 4px;
}

/* Sepete ekle alanı ve WhatsApp butonu aynı hizada ve yan yana */
.urun-sepet-whatsapp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

/* WooCommerce cart formunu inline-block yap */
.urun-sepet-whatsapp form.cart {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  min-width: 0 !important;
}

/* Adet inputu ve sepete ekle butonunu hizalı yap */
.urun-sepet-whatsapp form.cart .quantity {
  margin: 0 12px 0 0 !important;
}
.urun-sepet-whatsapp form.cart .quantity input.qty {
  width: 62px !important;
  height: 44px !important;
  margin: 0 !important;
}

.urun-sepet-whatsapp form.cart .single_add_to_cart_button {
  min-width: 145px;
  height: 44px;
  margin: 0 !important;
  border-radius: 8px;
  font-weight: 600;
}

.urun-sepet-whatsapp .whatsapp-btn {
  min-width: 170px;
  height: 44px;
  border-radius: 8px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0 !important;
}

/* Mobilde alt alta */
@media (max-width: 600px) {
  .urun-sepet-whatsapp {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  .urun-sepet-whatsapp form.cart,
  .urun-sepet-whatsapp .whatsapp-btn {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-content: stretch !important;
  }
}


/* Adet kutusu */
.urun-sayfasi .cart .quantity input.qty {
  width: 64px !important;
  height: 44px !important;
  border-radius: 8px !important;
  border: 1.5px solid #d2d2d2 !important;
  font-size: 1.13rem !important;
  text-align: center !important;
  margin-right: 10px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
.urun-sayfasi .cart .quantity input.qty:focus {
  border-color: #ffc107 !important;
  outline: none !important;
}

/* Mobilde butonlar alt alta */
@media (max-width: 600px) {
  .urun-sepet-whatsapp {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin-left: 0;
    margin-right: 0;
  }
  .urun-sepet-whatsapp .single_add_to_cart_button,
  .urun-sepet-whatsapp .whatsapp-btn {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}

.single-aciklama {
  font-size: 1.05rem;
  line-height: 1.7;
}


.my-wp-banner {
  width: 100%;
  height: 500px;
  position: relative;
  background: url('img/arkaplan.webp') center center / cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 60px 10px 10px 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.my-wp-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(30, 30, 30, 0.52);
  z-index: 1;
}

.my-wp-banner > * {
  position: relative;
  z-index: 2;
}

.my-wp-banner h1 {
    margin: 0 0 15px 0;
    font-size: 2.5rem;
    font-weight: bold;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    color: #f1c40f;
}

.my-wp-banner p {
  margin: 0 0 25px 0;
  font-size: 1.2rem;
  text-shadow: 0 2px 8px rgba(0,0,0,0.20);
}

/* Banner içindeki tüm linklerin rengi özel olsun */
.my-wp-banner a {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s;
}

/* Banner içindeki butonlar */
.banner-buttons {
  display: flex;
  gap: 15px;
}

.banner-btn {
  display: inline-block;
  padding: 12px 32px;
  background: #1c3920;
  color: #fff !important;
  text-decoration: none;
  font-size: 1.1rem;
  border-radius: 6px;
  font-weight: 600;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

/* Hover efekti: renk koyulaşsın ve hafif gölge gelsin */
.banner-btn:hover,
.banner-btn:focus {
  background: #000000;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.18);
  text-decoration: none;
}

/* Mobilde alt alta gelsin */
@media (max-width: 600px) {
  .banner-buttons {
    flex-direction: column;
    gap: 10px;
    width: 100%;
    align-items: center;
  }
  .banner-btn {
    width: 90%;
    max-width: 340px;
  }
}




.urun-gorsel-kapsayici {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 12px 12px 0 0;
  margin-bottom: 0;
  padding: 0;
}

.urun-gorsel-kapsayici {
  width: 100% !important;
  height: 180px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 12px 12px 0 0;
  margin-bottom: 0;
  padding: 0;
  box-sizing: border-box;
}

.urun-gorsel-img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block;
  background: transparent;
  border-radius: 12px 12px 0 0;
  margin: 0 auto !important;
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .urun-gorsel-kapsayici {
    width: 100% !important;
    height: auto !important;
    min-height: 90px !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .urun-gorsel-img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
    padding: 0 !important;
  }
}

/* Bootstrap grid'in default paddingsiz olmasını kesinleştir */
@media (max-width: 600px) {
  .row > [class*='col-'] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


.urun-gorsel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: 100%;
  display: block;
  object-fit: contain;
  background: transparent;
  border-radius: 12px 12px 0 0;
  margin: 0 auto;
}


.urunler-baslik {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.urun-kart {
    border-radius: 14px;
    transition: box-shadow 0.2s;
    background: #fff;
    margin: 0 4px;
}
.urun-kart:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,0.13) !important;
}
.urun-incele-btn {
  display: inline-block;
  padding: 12px 32px;
  background: #ff5c00;
  color: #fff !important;
  text-decoration: none;
  font-size: 1.1rem;
  border-radius: 6px;
  font-weight: 600;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

/* Hover efekti: renk koyulaşsın ve hafif gölge gelsin */
.urun-incele-btn:hover,
.urun-incele-btn:focus {
  background: #e74c00;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.18);
  text-decoration: none;
}
}
.urun-gorsel-link,
.urun-gorsel-link:focus,
.urun-gorsel-link:hover {
  text-decoration: none !important;
  outline: none !important;
}

progress {
  width: 100%;
  position: fixed;
  height: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  color: yellow;
}

progress::-webkit-progress-bar {
  background-color: transparent;
}

progress::-webkit-progress-value {
  background-color: yellow;
}

progress::-moz-progress-bar {
  background-color: yellow;
}

.footer-links a { color: #aaa; border: 0; }
.footer-links a:hover, .footer-links a:focus { color: #fff; }

.footer-bottom {
    padding: 15px 0 17px 0;
    background: #2b2b2b;
    text-align: left;
    color: #aaa;
    width: 100%;
}

.footer-social { padding-top: 3px; text-align: right; }
.footer-social a { margin-left: 20px; color: #777; border: 0; }
.footer-social a:hover, .footer-social a:focus { color: #79a05f; border: 0; }
.footer-social i { font-size: 24px; vertical-align: middle; }

.footer-copyright { color: #ffffff; padding-top: 5px; }
.footer-copyright a { color: #fff; border: 0; }
.footer-copyright a:hover, .footer-copyright a:focus { color: #aaa; border: 0; }

/***********************************SERVICES STYLES***********************************/
#services {
    background: #ffffff;
    margin: 0 30px;
}

.section-title {
    font-size: 35px;
    text-align: center;
    margin: 30px 0;
}

.accent-text {
    font-family: "Raleway", Arial, Tahoma;
    color: #5f5f5f;
    font-size: 28px;
    padding: 5px 25px;
    font-weight: 600;
}

.service-block {
  padding: 20px; 
  text-align: center;
}
  .service-block .icon {
    color: #E52E2D;
    font-size: 40px;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out; }
  .service-block .service-icon-animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.service-block .icofont {
    color: #2f9ecb;
    font-size: 40px!important;
}

i.icofont.responsive-icon.icofont-responsive {
    color: #f08d4c;
}

i.icofont.web-tasarim-icon.icofont-code {
    color: #8e71cd;
}

i.icofont.website-destek-icon.icofont-ui-settings {
    color: #2cbd75;
}

i.icofont.seo-icon.icofont-swoosh-up {
    color: #a5c24b;
}

i.icofont.google-icon.icofont-dashboard-web {
    color: #e15d47;
}

i.icofont.wordpress-icon.icofont-brand-wordpress {
    color: #319fcd;
}

.service-block h3 {
    font-size: 19px;
    padding: 15px 0 0;
    color: #5b5b5b;
    font-weight: bold;
}

.service-block p {
    font-size: 15px;
    color: #aaaaaa;
}

.hb:nth-child(1), .hb:nth-child(2), .hb:nth-child(3) {
  border-bottom: 1px #a3a3a3 solid; }

.kkblog {
    margin: 0;
    background: #ffffff;
    padding: 50px 0;
    border-top: 3px solid #c9c6c6;
    border-bottom: 3px solid #c9c6c6;
}

.card-body.kkisler {
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
    height: 100px;
}

.card.kkart {
    min-height: 255px;
    margin: 10px 0;
}

.card.kkart img {
    width: 100%;
    height: 150px;
}

.blogdan-yazilar {
    padding: 0;
}

.blogdan-basliklar {
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

h3.blogdan-son-yazilar-arka {
    font-size: 80px;
    position: relative;
    color: #108ab3;
    letter-spacing: 23px;
    opacity: 0.2;
    padding: 0;
    margin: 0;
}

h3.blogdan-son-yazilar-on {
    top: -53px;
    position: relative;
    font-weight: 800;
    font-size: 33px;
    color: #252525;
    letter-spacing: 5px;
    margin: 0;
    padding: 0;
}

.breadcrumbs {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 0;
    z-index: 10;
    background: #000000;
}

.breadcrumbs .bread-menu {
    color: #fff;
    z-index: 333;
    position: relative;
    line-height: initial;
    padding-left: 0;
    font-size: 0;
}

.breadcrumbs .bread-menu:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 32px;
    height: 5px;
    left: 0;
    background: #1c3920;
    margin-top: -2.5px;
}

.bread-menu ul {
    margin: 10px;
}

.breadcrumbs ul li {
    display: block;
    display: inline-block;
}

.breadcrumbs .bread-menu li a {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 15px;
    font-weight: 500;
    padding-right: 8px;
    margin-right: 8px;
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
}

.breadcrumbs ul li span {
    color: #f1c40f;
    font-size: 15px;
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
    font-weight: 600;
}

.breadcrumbs .bread-menu li + li::before {
    content: ">";
    left: -7px;
    position: relative;
    font-size: 15px;
    color: #ffffff;
}

h1.single-yazi-baslik {
    font-size: 26px;
    font-weight: 700;
    margin: 15px 0;
    border-bottom: 1px solid #dddddd;
    padding: 0 0 10px;
}

.single-yazi h2 {
    margin-bottom: .5rem;
    font-weight: bold;
    line-height: 1.2;
    color: #333333;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
	font-size:23px;
}

.single-yazi h3 {
    margin-bottom: .5rem;
    font-weight: bold;
    line-height: 1.2;
    color: #333333;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
	font-size:21px;
}

.single-yazi h4 {
    margin-bottom: .5rem;
    font-weight: bold;
    line-height: 1.2;
    color: #333333;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
	font-size:19px;
}

.single-yazi {
    background: #ffffff;
    padding: 20px;
	display:table;
}

.single-yazi img {
    max-width: 100%;
    height: auto;
    padding: 20px;
}

.single-yazi p {
    line-height: 26px;
    margin-bottom: 25px;
    color: #2c2f34;
    font-size: 15px;
}

.kk-sidebar {
}

.son-konular {
    margin: 0;
    padding: 0;
}

span.sidebar-baslik {
    width: 100%;
    background: #2b2b2b;
    display: block;
    padding: 10px 50px;
    color: #ffffff;
    line-height: initial;
    position: relative;
}

span.sidebar-baslik::before {
    content: "";
    position: absolute;
    top: 19px;
    width: 15px;
    height: 5px;
    left: 0;
    background: #f9ba06;
    margin: 0 20px;
    clear: both;
    overflow: hidden;
}

.sidebar-widget ul {
    margin: 0;
    padding: 0 10px;
}

.sidebar-widget ul li {
    list-style: none;
    line-height: 17px;
    overflow: hidden;
    width: 100%;
    display: block;
    padding: 11px 0px;
    border-bottom: 1px dotted #dddddd;
    font-size: 14px;
}

.sidebar-widget ul li a {
    color: #333333;
    font-weight: 600;
}

.sidebar-konu {
    margin: 0 0 0 10px;
    float: left;
    width: 80%;
}

.sidebar-thumb {
    width: 16%;
    float: left;
    height: 50px;
}

img.attachment-blogdan-son-yazilar {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

p.tarihveyazar {
    font-size: 11px;
    font-style: italic;
    color: #ffffff;
    bottom: 0;
    position: absolute;
    right: 0;
    margin: 0;
    background: #fbbe04;
    padding: 5px 10px;
}

p.tarihveyazar a {
    color: #5e490b;
}

p.baslikat {
    margin: 8px 0 0;
}

.kkisler a {
    color: #21252a;
}

.kkhizmetlerim {
    background: #ffffff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    margin: 0 0 40px;
}

.hizmetlerimsirala {
    margin: 0;
}

.single-kategoriismi {
    background: #2b2b2b;
    padding: 5px 20px;
    display: table;
    font-size: 11px;
    border-radius: 6px;
    margin-right: 10px;
    color: #fff;
}

.single-kategoriismi a {
    color: #ffffff;
}

.single-okumasayisi {
    background: #f1c40f;
    padding: 5px 20px;
    display: table;
    font-size: 11px;
    border-radius: 6px;
    color: #2b2b2b;
}

.post-area {
    padding-top: 0;
    position: relative;
}

.col-lg-offset-1 {
    margin: 0;
    padding: 0;
}

.single-post {
    margin: 0 0 30px 0;
}

.post-area .single-post .inner-post {
    padding: 20px;
    -webkit-box-shadow: 0 0 40px #dcdbff;
    -o-box-shadow: 0 0 40px #dcdbff;
    -moz-box-shadow: 0 0 40px #dcdbff;
    -ms-box-shadow: 0 0 40px #dcdbff;
    box-shadow: 0 0 40px #dcdbff;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    background: #ffffff;
}

.post-area .single-post .inner-post .post-img {
    float: left;
    width: 40%;
}

.post-area .single-post .inner-post .post-info {
    float: left;
    width: 60%;
    padding-left: 30px;
}

.post-area .single-post .inner-post .post-info .post-title h3 {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 18px;
}

.post-area .single-post .inner-post .post-info .post-title h3 a {
    color: #041d28;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.single-post .inner-post .post-info .post-content p {
    font-size: 18px;
    color: #53585C;
    line-height: 29px;
    margin-bottom: 10px;
    font-weight: 400;
    font-style: normal;
}

.blog-meta .meta-left {
    margin-bottom: 0;
}

.blog-meta .meta-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-meta .meta-left ul li {
    display: -webkit-inline-box;
    margin-right: 30px;
    font-size: 12px;
}

section#services-anasayfa {
    margin: 20px 0;
}

section#services-single {
    margin: 20px 0;
}

.sidebar-widget {
    background: #ffffff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.meta-left ul li i {
    margin: 0 5px 0 0;
}

.meta-left ul li p {
    color: #b0b0b0;
    font-weight: 600;
}

.meta-left ul li a {
    font-weight: 600;
    color: #b0b0b0;
}

.sidebar-tarih {
    font-size: 10px;
    color: #f9ba06;
    font-weight: bold;
}

ul.yorumlistele {
    padding: 25px 0 30px 0;
}

.yorum {
    overflow: hidden;
    margin-bottom: 25px;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.yorumkullanici {
    background: #ffffff;
    padding: 30px 10px;
}

h4.kacyorum {
	font-weight: bold;
	font-size: 18px; 
	color: #404040;
	line-height: 28px;
	margin: 15px 0 0;
}

.yorum a {
    color: #fbc411;
}

.yorumavatar {
    float: left;
    width: 8%;
    height: auto;
}

.yorumavatar img {
    width: 100%;
    height: auto;
    background: none;
    padding: 5px;
}

.yorumavatar img:hover {border-radius: 1px;}

.yorumkullanici h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 11px;
}

.yorumkullanici h3 a {
    color: #5f9af6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    margin-right: 15px;
}

.yorumlistele li {
    list-style: none;
}

.yorumtarih {
    margin-top: 0px;
    margin-bottom: 7px;
    font-size: 10px;
}

.yorumtarih a {color: #fbc411;}

i.yorumtarihikon {
    float: left;
    width: 16px;
    height: 16px;
    display: block;
    margin-top: 3px;
    margin-right: 1px;
    color: #ee6054;
}

.yorumyazi {
    color: #626262;
    line-height: 24px;
}

.yorumyazi p {
    text-indent: 0px;
}

ul.children{padding:0px 0px 0px 60px !important;}
.cevapla {font-size: 12px; margin-top: 5px;}

i.cevaplaikon {
    float: left;
    width: 16px;
    height: 16px;
    display: block;
    margin-top: 3px;
    margin-right: 1px;
    color: #ee6054;
}

em.yorumonay {font-size:12px;}

/* Yorum Ekle */
#respond {
    overflow: hidden;
    background-color: #F5F5F5;
    border: 2px solid #FFFFFF;
    border-radius: 0 0 2px 2px;
    padding: 15px;
    width: 100%;
}

#respond h4 {
    margin-top: 0px;
    font-size: 21px;
    font-weight: 700;
    color: #333333;
    margin: 5px 0 14px 0;
    padding-left: 0;
}

#respond h4 a {color: #D45255;}
#respond .comment {width: 98%; font-family: 'Open Sans', sans-serif; border: none; padding: 15px 10px 30px 15px; margin-top: 10px; border-radius: 2px;}
#respond input[type="text"] {
    float: left;
    border: none;
    border-radius: 2px;
    padding: 12px 5px 11px 5px;
    margin-right: 10px;
    width: 48%;
}

#respond input[type='submit'] {
    float: left;
    border: none;
    background-color: #5f99f6;
    padding: 12px 10px 11px 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 2px;
    margin: 10px 0 0 0;
    padding: 10px 30px;
}

p#yorumgiris {font-size: 13px;}
p.comment-subscription-form {display: none;}

.yoruminfo {
    width: 92%;
    margin-left: 0;
    padding: 0;
}

.profil-foto {
    text-align: center;
    padding: 0;
}

.profil-foto img {
    width: 60%;
    height: auto;
    border-radius: 50%;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.isimvebaslik {
    text-align: center;
    margin: 0;
    padding: 20px;
}

p.profilisim {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

p.profilunvan {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-style: italic;
    color: #000000;
    font-weight: bold;
}

p.profilaciklama {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 0 20px 20px 20px;
    font-size: 14px;
    margin: 0;
}

.pagination ul {
    margin: 0;
    padding: 0;
}

.pagination ul li {
    float: left;
    list-style: none;
    margin-right: 10px;
    border-radius: 100%;
    line-height: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #000000;
}

.pagination li.page.active {
    background: #ffffff;
}

.pagination li.page {
    background: #000000;
}

.pagination li.page:hover {
    background: #ffffff;
}

.pagination li.page a {
    color: #ffffff;
    display: block;
}

.pagination li.page a:hover {
	color:#000000;
	text-decoration:none;
}

.etiketleme {
    margin: 10px 0;
    overflow: hidden;
}

.etiketleri-diz a {
    background: #2b2b2b;
    padding: 5px 20px;
    display: table;
    font-size: 11px;
    border-radius: 6px;
    float: left;
    margin-right: 10px;
    color: #ffffff;
	display:block;
}

.etiketleri-diz a:hover {
    background: #f1c40f;
    color: #2b2b2b;
    text-decoration: none;
}

.single-tarafi blockquote {
    background: #dddddd;
    padding: 10px;
    border-left: 2px solid #f1c40f;
}

.single-tarafi blockquote p {
	padding:0;
	margin:0;
}

.single-tarafi a {
	word-break: break-all;
}

/*-----WhatsApp Button----*/

.cbh-phone {
    position: fixed;
    right: 10px;
    bottom: 10px;
    visibility: hidden;
    background-color: transparent;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 99;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
}



.cbh-phone {
    position: fixed;
    right: 10px;
    bottom: 10px;
    visibility: hidden;
    background-color: transparent;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 99;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
}

#kmacb {
    position: fixed;
    display: none;
    background-color: transparent;
    width: 160px;
    height: 160px;
    z-index: 200000!important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    right: 15px;
    bottom: 15px;
}



.kmacb__manager-border {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -39.5px;
    margin-left: -39.5px;
    border-radius: 100%;
    border: 2px solid #ffe787;
    -webkit-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -moz-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -ms-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -o-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    opacity: .8;
    transform-origin: center;
}
.kmacb__manager-fill {
    background: #52aff7 center bottom no-repeat;
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -37.5px;
    margin-left: -37.5px;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -moz-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -ms-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -o-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    transform-origin: center;
}
.kmacb__manager-circle {
    background: #52aff7;
    position: absolute;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    border-radius: 100%;
}

/*-----WhatsApp Buton-----*/


.kategori-baslik h1 {
    background: #ffffff;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 20px;
}



@media screen and (max-width: 991px) {
  .hb:nth-child(-n+4) {
    border-bottom: 1px #a3a3a3 solid; } }

@media screen and (max-width: 768px) {
  .hb:nth-child(5) {
    border-bottom: 1px #a3a3a3 solid; } }

.vb:nth-child(1), .vb:nth-child(2), .vb:nth-child(4), .vb:nth-child(5) {
  border-right: 1px #a3a3a3 solid; }

@media screen and (max-width: 991px) {
  .vb:nth-child(1), .vb:nth-child(2), .vb:nth-child(4), .vb:nth-child(5) {
    border-right: none; }
  .vb:nth-child(2n+1) {
    border-right: 1px #a3a3a3 solid; } }

@media screen and (max-width: 768px) {
  .vb:nth-child(-n+6) {
    border-right: none; } }


.kkkarsila {
    padding: 140px 0 0;
    text-align: center;
}

.kkslider {
    height: 500px;
    background: url(img/kkback.jpg);
    text-align: left;
	background-size:cover;
}

.kkslider::before {
    background: linear-gradient(0deg,#0d8db4 0,#470d96 100%);
    width: 100%;
    height: 500px;
    content: ' ';
    position: absolute;
    left: 0;
    background-size: cover;
    opacity: .6;
}

p.kadirkarabulut {
    color: #ffffff;
    font-size: 50px;
    padding: 17px 0 0 0;
    font-weight: 800;
    z-index: 1;
    position: relative;
    text-shadow: 1px 1px 1px #f1c40f;
    font-family: Raleway, Arial, sans-serif;
}

p.kkslogan {
    color: #ffffff;
    position: relative;
    font-size: 24px;
    font-family: "Open Sans", Arial, Tahoma;
    font-weight: 200;
}

.kkbar {
    background: url(img/topcolor.jpg);
    height: 4px;
}

.kkslider2 {
    background: url(img/kkback2.jpg);
    text-align: left;
    background-size: cover;
    height: auto;
	padding:20px 0;
}

.kkslider2::before {
    background: linear-gradient(0deg,#0d8db4 0,#470d96 100%);
    width: 100%;
    content: ' ';
    position: absolute;
    left: 0;
    background-size: cover;
    opacity: .6;
    height: auto;
    display: block;
}

.kkkarsila2 {
    padding: 0;
}


p.kadirkarabulut2 {
    color: #ffffff;
    font-size: 30px;
    padding: 17px 0 0 0;
    font-weight: 800;
    z-index: 1;
    position: relative;
    text-shadow: 1px 1px 1px #f1c40f;
    font-family: Raleway, Arial, sans-serif;
}

p.kkslogan2 {
    color: #ffffff;
    position: relative;
    font-size: 16px;
    font-family: "Open Sans", Arial, Tahoma;
    font-weight: 200;
}

@media (max-width: 405px) {
	.logo {
    width: 80%;
}
.logo img {
    width: 100%;
}
.blogdan-basliklar {
    margin: 20px auto;
    text-align: center;
}
h3.blogdan-son-yazilar-arka {
    font-size: 1.4rem;
    position: relative;
    color: #108ab3;
    letter-spacing: 15px;
    opacity: 0.2;
}
h3.blogdan-son-yazilar-on {
    top: -19px;
    position: relative;
    font-weight: 800;
    font-size: 0.7rem;
    color: #252525;
    letter-spacing: 5px;
}
.post-area .single-post .inner-post .post-img {
    width: 100%;
}
.post-area .single-post .inner-post .post-info {
    width: 100%;
    padding: 0 10px;
    margin: 20px 0;	
}
.pagination-area {
    padding: 0 20px 20px;
}
.yoruminfo {
    width: 87%;
    margin-left: 32px;
    padding: 0;
}	
}


@media (min-width: 768px) {
   .hero-top-content-text a {
       float:left;
       font-size:13px;
   } 
}

@media (min-width: 596px) {
   .hero-top-content-text a {
       float:left;
   }

.kkkarsila {
    padding: 50px 0 0 0;
}

.kkslider {
    height:330px;
}

.kkslider:before {
    height:330px;
}

p.kadirkarabulut {
    font-size: 35px;
}

p.kkslogan {
    font-size: 18px;
}
	.sidebar-thumb {
		width:10%;
	}
	.sidebar-thumb img {
		width:100%;
		height:auto;
	}
}







/* ====== WOOCOMMERCE HESABIM MODERN TASARIM ====== */
.woocommerce-MyAccount-navigation {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 3px 14px 0 rgba(44,46,82,0.09);
    border: 2px solid #FFD60044;
    padding: 24px 0 20px 0;
}

.woocommerce-MyAccount-navigation .modern-account-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.woocommerce-MyAccount-navigation .modern-account-menu li {
    border-left: 4px solid transparent;
    border-radius: 8px;
    transition: all 0.22s;
    font-size: 1.06rem;
}

.woocommerce-MyAccount-navigation .modern-account-menu li:not(.is-active):hover {
  background: #faf6e4;
  cursor: pointer;
  transition: background 0.2s;
}


.woocommerce-MyAccount-navigation .modern-account-menu li.is-active,
.woocommerce-MyAccount-navigation .modern-account-menu li:hover {
    background: #112049;
    border-left: 4px solid #FFD600;
}

.woocommerce-MyAccount-navigation .modern-account-menu li.is-active a,
.woocommerce-MyAccount-navigation .modern-account-menu li:hover a {
    color: #FFD600;
}

.woocommerce-MyAccount-navigation .modern-account-menu li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    font-size: 1.08rem;
    font-weight: 600;
    color: #112049;
    border-radius: 8px;
    background: transparent;
    text-decoration: none;
    transition: all 0.18s;
    position: relative;
}

.woocommerce-MyAccount-navigation .modern-account-menu li a i {
    font-size: 1.2rem;
    min-width: 22px;
    color: #FFD600;
    transition: color 0.18s;
}

.woocommerce-MyAccount-navigation .modern-account-menu li.is-active a i,
.woocommerce-MyAccount-navigation .modern-account-menu li:hover a i {
    color: #fff;
}

.account-content-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px 0 rgba(44,46,82,0.08);
    border: 2px solid #FFD60044;
    padding: 36px 32px;
    margin-bottom: 24px;
}

.account-content-card p {
    font-size: 1.1rem;
    color: #22325a;
}

.account-content-card a {
    color: #1a237e;
    font-weight: 500;
    transition: color .18s;
}
.account-content-card a:hover {
    color: #FFD600;
    text-decoration: underline;
}

.woocommerce-MyAccount-navigation .modern-account-menu li:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .woocommerce-MyAccount-navigation, .account-content-card {
        padding: 14px 6px;
        border-radius: 9px;
    }
    .woocommerce-MyAccount-navigation .modern-account-menu li a {
        padding: 11px 9px;
        font-size: 1rem;
    }
    .account-content-card {
        padding: 18px 10px;
    }
}

/* Başlık ve highlight bar */
.woocommerce h1, .woocommerce-MyAccount-content h2, .account-content-card h2 {
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 2rem;
}
.woocommerce h1::before, .woocommerce-MyAccount-content h2::before, .account-content-card h2::before {
    content: "";
    display: block;
    position: absolute;
    height: 4px;
    width: 44px;
    left: 0;
    bottom: -9px;
    background: #FFD600;
    border-radius: 2px;
}

	
	
	
	
	
	
	
	
	
/* Ürün kartı modern görünüm */
.urun-kart {
    background: #fffbea;
    border-radius: 20px;
    border: 2px solid #1c3920;
    box-shadow: 0 6px 22px 0 rgba(44, 46, 82, 0.11);
    transition: transform .15s, box-shadow .15s;
    overflow: hidden;
    position: relative;
}
.urun-kart:hover {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 12px 32px 0 rgba(255, 204, 0, 0.16);
    border-color: #ffd600;
}

.urun-gorsel-img {
    border-radius: 18px 18px 0 0;
    object-fit: cover;
    height: 190px;
    width: 100%;
    background: #fffbe1;
}

.card-title.urun-baslik {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1c3920;
    min-height: 46px;
}

.product-price {
    color: #e2b100;
    font-size: 1.14rem;
    font-weight: bold;
    margin-bottom: 8px;
}

.indirim-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    background: linear-gradient(90deg, #ffd600 0%, #ffefb1 100%);
    color: #1c3920;
    font-weight: bold;
    font-size: 0.92rem;
    padding: 5px 13px;
    border-radius: 12px;
    z-index: 4;
    box-shadow: 0 2px 8px 0 rgba(255, 214, 0, 0.18);
    letter-spacing: 1px;
}

.urun-kart .btn, .urun-kart .button {
    font-size: 0.97rem;
    font-weight: 600;
    border-radius: 9px;
    box-shadow: none !important;
    border: 1.5px solid #ffd600;
    background: #1c3920;
    color: #ffd600;
    transition: all 0.13s;
}
.urun-kart .btn:hover, .urun-kart .button:hover {
    background: #ffd600;
    color: #1c3920;
    border-color: #1c3920;
}

/* Responsive grid ayarları */
@media (max-width: 767px) {
  .urun-gorsel-img { height: 145px; }
}


	
	
	


/* === KRB Shop Modern Mağaza Tasarımı === */

/* Sayfa arka planı */
body.archive.woocommerce {
    background: #f5f6fa;
}

/* Mağaza genel kutusu */
.woocommerce-shop-krb {
    max-width: 1180px;
    margin: 30px auto 40px auto;
    padding: 0 18px 24px 18px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 3px 32px 0 rgba(44,46,82,0.09);
    min-height: 600px;
}

.shop-header-box {
    margin-bottom: 28px;
    text-align: center;
    padding-top: 28px;
}
.shop-title {
    font-size: 2.5rem;
    font-weight: 800;
    color: #1c3920;
    margin-bottom: 7px;
    letter-spacing: -1.5px;
}
.shop-desc {
    color: #6c7a91;
    font-size: 1.09rem;
    margin-bottom: 10px;
}

/* Üst bar (ürün sayısı, sıralama) */
.shop-bar {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 32px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}
.woocommerce-result-count, .woocommerce-ordering {
    margin: 0 !important;
    font-size: 1.1rem;
    color: #464849;
}
.woocommerce-ordering select {
    padding: 8px 20px;
    border-radius: 12px;
    border: 1.5px solid #ececec;
    min-width: 200px;
    background: #fff;
    font-size: 1.13rem;
    box-shadow: 0 1px 7px 0 rgba(44,46,82,0.04);
}

/* Ürün grid: Ortalı, responsive */
.krb-shop-product-list {
    display: flex;
    flex-wrap: wrap;
    gap: 34px 22px;
    justify-content: center;
    min-height: 400px;
}

/* Ürün kartı */
.krb-shop-product-card {
    border-radius: 17px;
    box-shadow: 0 2px 20px 0 rgba(44,46,82,0.10);
    border: 1.8px solid #eee;
    background: #fff;
    transition: box-shadow 0.19s, border 0.19s, transform 0.13s;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 260px;
    min-height: 410px;
    position: relative;
}
.krb-shop-product-card:hover {
    box-shadow: 0 10px 30px 0 rgba(255,187,0,0.17), 0 2px 14px 0 rgba(44,46,82,0.15);
    border-color: #ffbb00;
    transform: translateY(-3px) scale(1.014);
    z-index: 3;
}

/* Rozet (İndirim, yeni vb.) */
.krb-badge {
    position: absolute;
    top: 15px; left: 15px;
    background: #ffd600;
    color: #222642;
    font-size: .96rem;
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 11px;
    box-shadow: 0 1px 6px 0 rgba(44,46,82,0.13);
    z-index: 2;
}

/* Görsel alanı */
.krb-product-img-link {
    display: block;
    height: 215px;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    background: #fafafc;
}
.krb-product-img {
    width: 100%;
    height: 215px;
    object-fit: cover;
    display: block;
    transition: transform .14s;
}
.krb-shop-product-card:hover .krb-product-img {
    transform: scale(1.05);
}

/* Kart iç gövde */
.krb-product-card-body {
    padding: 22px 15px 20px 15px;
    text-align: center;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
}
.krb-product-title {
    font-size: 1.14rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #1c3920;
    min-height: 38px;
}
.krb-product-price {
    font-size: 1.18rem;
    color: #1c3920;
    font-weight: 600;
    margin-bottom: 17px;
}
.krb-product-card-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

/* Butonlar */
.krb-btn-outline, .krb-shop-product-card .button {
    background: #1c3920 !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 500;
    transition: background .13s, color .13s;
    box-shadow: 0 1px 8px 0 rgba(44, 46, 82, 0.04);
    text-decoration: none !important;
    min-width: 108px;
    font-size: 1.09rem;
    padding: 11px 0 !important;
    border-radius: 11px !important;
    margin: 0 !important;
    outline: none !important;
}

.krb-btn-outline:hover, .krb-shop-product-card .button:hover {
    background: #ffd600 !important;
    color: #1c3920 !important;
    box-shadow: 0 2px 13px 0 rgba(255,187,0,0.07);
}

/* --- Responsive --- */
@media (max-width: 1199px) {
    .woocommerce-shop-krb { max-width: 98vw; }
}
@media (max-width: 991px) {
    .krb-shop-product-card { width: 47%; min-width: 210px; }
    .krb-shop-product-list { gap: 19px 5px; }
}
@media (max-width: 576px) {
    .woocommerce-shop-krb { padding: 0 2vw 24px 2vw; }
    .krb-shop-product-card { width: 99%; min-width: unset; }
    .krb-product-img-link, .krb-product-img { height: 130px; }
    .shop-header-box, .shop-title { text-align: center; }
    .shop-bar { flex-direction: column; gap: 14px; }
}

.iletisim-kutu {
    background: #ffffff;
}


.footer a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
}

.footer a:hover {
  text-decoration: none;
  color: #f1c40f;
}

.footer h5 {
    font-size: 16px;
    margin-bottom: 16px;
    color: #f1c40f;
    font-weight: bold;
}

.footer-design {
    background: #000000 !important;
    border-top: 7px solid #1c3920;
}

.text-muted {
    color: #ffffff !important;
}

.anasayfa-baslik a {
    font-size: 1.1rem;
    color: #333;
    font-weight: 600;
    text-decoration: none;
}

.anasayfa-baslik a:hover {
    color: #007bff;
}

.anasayfa-aciklama {
    font-size: 0.95rem;
    color: #555;
}

.anasayfa-gorsel {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    width: 100%;
    height: auto;
    object-fit: unset; /* or contain */
}



    .cta-section {
      background: linear-gradient(270deg, #28a745, #000);
      background-size: 400% 400%;
      animation: gradientMove 8s ease infinite;
      color: #fff;
      text-align: center;
      padding: 60px 20px;
    }
    .cta-section h2 {
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 15px;
    }
    .cta-section p {
      font-size: 1.2rem;
      margin-bottom: 25px;
    }
    .cta-btn {
      background: #25d366;
      color: #fff;
      padding: 12px 30px;
      border-radius: 30px;
      text-decoration: none;
      font-size: 1.2rem;
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }
    .cta-btn:hover {
      background: #1ebe5c;
      color: #fff;
    }
    @keyframes gradientMove {
      0% {background-position: 0% 50%;}
      50% {background-position: 100% 50%;}
      100% {background-position: 0% 50%;}
    }
    .process-section {
      padding: 60px 20px;
      text-align: center;
    }
    .process-title {
      font-size: 2rem;
      font-weight: bold;
    }
    .process-subtitle {
      color: #e74c3c;
      font-weight: bold;
    }
    .process-step {
      background: #fff;
      border-radius: 10px;
      padding: 40px 20px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      transition: transform 0.3s;
      min-height: 300px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
    }
    .process-step:hover {
      transform: translateY(-10px);
    }
    .process-step .bi {
      font-size: 4rem;
      margin-bottom: 20px;
    }
    .arrow {
      font-size: 2rem;
      color: #aaa;
      margin: auto 0;
    }
    .blue { color: #007bff; }
    .orange { color: #ff6600; }
    .green { color: #28a745; }
    .red { color: #dc3545; }