/* SAYFA TAM YÜKSEKLİK */
html,
body {
  height: 100%;
}

/* ANA YAPI */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* MAIN BÜYÜSÜN */
main {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* İÇERİĞİ AŞAĞI İTSİN */
.container.margin_30 {
  flex: 1;
}

/*------------------------------ BİLDİRİM ------------------------------*/
/* ================= TOAST BİLDİRİM ================= */
#bildirim-alani {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
}

.toast-msg {
  min-width: 280px;
  margin-bottom: 10px;
  padding: 14px 16px;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  gap: 10px;
  animation: slideIn 0.3s ease;
}

/* renkler */
.toast-success {
  background: #22c55e;
}

.toast-error {
  background: #ef4444;
}

.toast-warning {
  background: #f97316;
}

/* animasyon */
@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/*------------------------------ BİLDİRİM ------------------------------*/


/*------------------------------ ÜST MENÜ ------------------------------*/

/* ================= HEADER ================= */
.main_nav {
  background: var(--ana-renk);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  padding: 10px 0;
}

/* LOGO */
.logo img {
  height: 45px;
}

/* ================= MENU ================= */
.main-menu ul {
  display: flex;
  align-items: center;
  gap: 30px;
}

/* TÜM TEMA ÇİZGİLERİNİ SİL */
.main-menu ul li a::before,
.main-menu ul li a::after {
  display: none !important;
}

/* LINK */
.main-menu ul li a {
  position: relative;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  padding: 10px 0;
  border: none !important;
}

/* YENİ ALT ÇİZGİ (SOLDAN SAĞA) */
.main-menu ul li a::before {
  width: 0 !important;
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 3px;
  background: #fff;
  transition: 0.3s ease;
}

/* HOVER */
.main-menu ul li a:hover::before {
  width: 100% !important;
}

.main-menu ul li a:hover {
  opacity: 0.85;
}

/* ================= DROPDOWN ================= */
.submenu ul {
  background: #fff;
  border-radius: 6px;
  padding: 10px 0;
}

.submenu ul li a {
  color: #222;
  padding: 8px 15px;
  display: block;
}

.submenu ul li a:hover {
  background: #f5f7fa;
}

/* ================= LAYOUT ================= */
.menu-center {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.top_tools {
  display: flex;
  align-items: center;
  gap: 15px;
}


/* TÜM TEMA EFEKTLERİNİ EZ */
.main-menu ul li a::before,
.main-menu ul li a::after {
  all: unset !important;
  display: none !important;
}

/* YENİ SİSTEM */
.main-menu ul li a {
  position: relative !important;
  color: #fff !important;
}

/* ÇİZGİ */
.main-menu ul li a::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -5px !important;
  width: 0% !important;
  height: 3px !important;
  background: #fff !important;
  transition: 0.3s ease !important;
  display: block !important;
}

/* HOVER */
.main-menu ul li a:hover::before {
  width: 100% !important;
}

/* AKTİF MENÜ ÇİZGİSİNİ KALDIR */
.main-menu ul li.active>a::before,
.main-menu ul li.active>a::after,
.main-menu ul li.show>a::before,
.main-menu ul li.show>a::after {
  display: none !important;
}

/* SUBMENU TEMEL */
.main-menu ul li {
  position: relative;
}

/* ================= PREMIUM DROPDOWN ================= */
.main-menu ul li ul {
  position: absolute;
  top: 110%;
  left: 0;
  min-width: 220px;

  background: #0c2f45;
  /* ana renkten biraz koyu */
  border-radius: 8px;
  padding: 8px 0;

  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35);

  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: 0.25s ease;
  z-index: 999;
}

/* AÇILMA */
.main-menu ul li:hover>ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* ITEM */
.main-menu ul li ul li a {
  display: block;
  padding: 12px 18px;
  color: #e5eef5 !important;
  font-size: 14px;
  transition: 0.2s;
}

/* HOVER */
.main-menu ul li ul li a:hover {
  background: #154a6a;
  /* hafif açık ton */
  padding-left: 22px;
}

.main-menu ul li ul::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 20px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #0c2f45 transparent;
}


/*------------------------------ ÜST MENÜ ------------------------------*/
/*------------------------------ BANNER ------------------------------*/

/* ================= BANNER BOX ================= */
.banner-box {
  background: rgba(10, 30, 45, 0.75);
  /* koyu lacivert */
  border: 1px solid rgba(255, 255, 255, 0.08);

  padding: 25px 30px;
  border-radius: 12px;

  backdrop-filter: blur(6px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35);
}

/* ================= CINEMATIC OVERLAY ================= */
.owl-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;

  background: linear-gradient(to right,
      rgba(0, 0, 0, 0.55) 0%,
      rgba(0, 0, 0, 0.25) 30%,
      rgba(0, 0, 0, 0.10) 60%,
      rgba(0, 0, 0, 0.40) 100%);
}


/* AKTİF */
.owl-dots .owl-dot.active span {
  width: 45px !important;
  background: #fff !important;
}

/* BAŞLIK */
.banner-box h2 {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.banner-box h2,
.banner-box p {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.owl-dots {
  position: absolute;
  bottom: 20px;
  width: 100%;
}


.owl-dots .owl-dot.active span {
  width: 55px !important;
  background: #fff !important;
}

.banner-box {
  animation: slideFade 1s ease;
}

@keyframes slideFade {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* AÇIKLAMA */
.banner-box p {
  font-size: 17px;
  color: #cfd8df !important;
}

/* BANNER KARARTMA */
.hero_single::after,
.owl-carousel .item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.10);
  /* %10 */
}

/* YAZI BLOĞU */
.banner-content {
  display: inline-block;
  background: rgba(0, 0, 0, 0.15);
  /* %15 */
  padding: 20px 25px;
  border-radius: 8px;
  backdrop-filter: blur(2px);
}

/* BAŞLIK */
.banner-content h3 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 8px;
}

/* AÇIKLAMA */
.banner-content p {
  color: #ddd;
  font-size: 16px;
  margin: 0;
}

/* DOT → ÇİZGİ */
.owl-dots {
  text-align: center;
  margin-top: 15px;
}

.owl-dots .owl-dot span {
  width: 30px;
  height: 3px;
  background: rgba(255, 255, 255, 0.4);
  display: none !important;
  transition: 0.3s;
  border-radius: 2px;
}

/* DOT CONTAINER */
.owl-dots {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
}

/* HER DOT */
.owl-dots .owl-dot {
  width: 50px;
  height: 4px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}

/* İÇ DOLAN ÇUBUK */
.owl-dots .owl-dot::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #fff;
}

.owl-dot::after {
  animation: none !important;
}

/* AKTİF OLUNCA BAŞTAN BAŞLASIN */
.owl-dot.active::after {
  animation: progressBar 10s linear forwards;
}

/* AKTİF DOT */
.owl-dots .owl-dot.active::after {
  animation: progressBar 10s linear forwards;
}

/* ANİMASYON */
@keyframes progressBar {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

.owl-dots .owl-dot.active::after {
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
}

/* AKTİF */
.owl-dots .owl-dot.active span {
  background: #fff;
  width: 40px;
}

/*------------------------------ BANNER ------------------------------*/
/*------------------------------ BLOG ------------------------------*/

/* BLOG CARD */
.box_news {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #fff;
  padding: 18px;
  border-radius: 12px;
  transition: 0.3s;
  border: 1px solid #eee;
}

/* HOVER */
.box_news:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10);
}



/* 1:1 KARE RESİM */
.box_news figure {
  width: 130px;
  height: 130px;
  flex: 0 0 130px;
  overflow: hidden;
  border-radius: 10px;
}

.box_news img {
  transition: 0.4s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.box_news:hover img {
  transform: scale(1.08);
}

.box_news h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 5px 0;
}

.box_news p {
  font-size: 14px;
  color: #666;
  margin: 0;
}

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

.box_news ul li {
  font-size: 12px;
  color: #999;
}

.row>.col-lg-6 {
  margin-bottom: 20px;
}

/*------------------------------ BLOG ------------------------------*/

/*------------------------------ PRODUCT GALLERY ------------------------------*/

.product-gallery {
  display: flex;
  gap: 25px;
  align-items: center;
}

/* THUMBS */
.thumbs {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  margin-left: 10px;
}

/* KÜÇÜK RESİM */
.thumb {
  width: 80px;
  height: 80px;
  display: block;
  object-fit: cover;
  border-radius: 10px;
  cursor: pointer;
  opacity: 0.6;
  transition: 0.2s;
  border: 2px solid transparent;
  background: #fff;
}

.thumb:hover {
  opacity: 1;
}

.thumb.active {
  opacity: 1;
  border: 2px solid #0f3650;
  transform: scale(1.05);
}

/* BÜYÜK RESİM */
.main-image {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  overflow: hidden;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* OWL TAMAMEN KAPAT */
/* sadece thumbs eski slider kalıntılarını kapat */
.thumbs .owl-stage,
.thumbs .owl-stage-outer,
.thumbs .owl-nav,
.thumbs .owl-dots {
  display: none !important;
}

/*------------------------------ DETAY HİZMET ------------------------------*/
/*------------------------------ KURUMSAL-HAKKIMIZDA-MİSYON ------------------------------*/

/* HEADER FLEX */
.kurumsal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

/* BAŞLIK */
.kurumsal-header h1 {
  display: inline-block;
  background: #0f3650;
  color: #e5e7eb;
  padding: 12px 18px;
  border-radius: 6px;
  margin: 0;
}

/* LOGO */
.header-logo img {
  height: 60px;
  object-fit: contain;
}

.kurumsal-header h1 {
  border-left: 5px solid #051a27;
  background: linear-gradient(135deg, #0f3650, #2c729e);
}

/*------------------------------ KURUMSAL-HAKKIMIZDA-MİSYON ------------------------------*/

/*------------------------------ HİZMETLERİMİZ ------------------------------*/
/* ================= PRODUCT CARD ================= */
.card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  transition: 0.3s;
  border: 1px solid #e5e7eb;
  position: relative;
}

/* HOVER */
.card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

/* ================= PRODUCT CARD ================= */
.card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  transition: 0.3s;
  border: 1px solid #e5e7eb;
  position: relative;
}

/* HOVER */
.card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.card-image {
  position: relative;
  height: 220px;
  overflow: hidden;
}

.card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}

/* HOVER ZOOM */
.card:hover .card-image img {
  transform: scale(1.08);
}

.card-body {
  padding: 15px;
}

/* BAŞLIK */
.card-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
  min-height: 40px;
}

.card-price {
  display: flex;
  flex-direction: column;
}

/* ESKİ FİYAT */
.old_price {
  font-size: 13px;
  color: #999;
  text-decoration: line-through;
}

/* YENİ FİYAT */
.new_price {
  font-size: 18px;
  font-weight: bold;
  color: var(--ana-renk);
}

.small-gutters>[class*='col-'] {
  margin-bottom: 25px;
}

.card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.05);
  transition: 0.3s;
}

.card:hover::after {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

/* ================= TOP BANNER FIX ================= */
.modern_banner {
  position: relative;
  height: 300px;

  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  display: flex;
  align-items: center;
}

.banner_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}

.banner_title {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
}

.banner_overlay {
  background: linear-gradient(to right,
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.2));
}

/* FLEX YAPI */
.banner-flex {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

/* LOGO */
.banner-logo img {
  height: 70px;
  object-fit: contain;
  opacity: 0.9;
  transition: 0.3s;
}

/* HOVER */
.banner-logo img:hover {
  opacity: 1;
}

/* BAŞLIK */
.banner_title {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
}

.banner-logo img {
  opacity: 0.7;
}

@media (max-width: 768px) {
  .banner-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .banner-logo img {
    height: 50px;
  }
}

/* LINK TÜM KARTI KAPLAMALI */
.card a {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

/* OVERLAY VARSA TIKLAMAYI ENGELLEMESİN */
.card::after {
  pointer-events: none;
}

/*------------------------------ HİZMETLERİMİZ ------------------------------*/

/*------------------------------ BLOG DETAY ------------------------------*/
/* sağdaki kutu */
.wiki-box {
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

/* resim düzen */
.wiki-box img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 10px;
}

.wiki-box {
  position: sticky;
  top: 100px;
}

/* WIKI HEADER */
.wiki-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.wiki-header h1 {
  display: inline-block;
  background: #0f3650;
  color: #e5e7eb;
  padding: 12px 18px;
  border-radius: 6px;
  margin: 0;
  border-left: 5px solid #051a27;
  font-size: 22px;
}

@media (max-width: 768px) {
  .wiki-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

.wiki-header h1 {
  background: linear-gradient(135deg, #0f3650, #2c729e);
}

/*------------------------------ BLOG DETAY ------------------------------*/

/*------------------------------ ÜRÜN DETAY ------------------------------*/
/* ÜRÜN BİLGİ BLOĞU */
.whatsapp_box a {
  display: block;
  background: #25d366;
  color: #fff;
  text-align: center;
  padding: 12px;
  border-radius: 8px;
  margin-top: 10px;
  font-weight: 600;
  transition: 0.3s;
}

.whatsapp_box a:hover {
  background: #1ebe5d;
}

/* SAĞ BLOK DAHA TOK */
.prod_info {
  background: #fff;
  padding: 25px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* BAŞLIK */
.prod_info h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}

/* ÜRÜN KODU */
.prod_info small {
  color: #888;
}

.price_area {
  background: #f9fafb;
  padding: 15px;
  border-radius: 10px;
  margin-top: 10px;
}

/* İNDİRİM */
.badge_discount {
  background: #e11d48;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
}

/* FİYAT */
.price_line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 5px;
}

.new_price {
  font-size: 24px;
  font-weight: bold;
  color: var(--ana-renk);
}

.old_price {
  font-size: 14px;
  color: #999;
  text-decoration: line-through;
}

.adet-row {
  margin-top: 15px;
}

/* ADET */
.numbers-row {
  display: flex;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}

.numbers-row input {
  width: 50px;
  text-align: center;
  border: none;
}

.numbers-row button {
  background: #f3f4f6;
  border: none;
  width: 35px;
}

/* BUTON */
/* SEPET BUTONU FIX */
.btn_add_to_cart .btn_1 {
  display: block;
  background: #0f3650;
  color: #fff;
  text-align: center;
  padding: 12px;
  border-radius: 8px;
  margin-top: 10px;
  font-weight: 600;
  transition: 0.3s;
}

/* HOVER */
.btn_add_to_cart .btn_1:hover {
  background: #051a27;
}

.whatsapp_box a,
.btn_add_to_cart .btn_1 {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.adet-row .col-auto {
  display: flex;
  gap: 10px;
  align-items: center;
}

.item-box {
  height: 400px;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
}

/* THUMB */
.slider-two .item {
  height: 80px;
  border-radius: 8px;
  background-size: cover;
  background-position: center;
  opacity: 0.6;
  cursor: pointer;
}

.slider-two .item.active {
  opacity: 1;
  border: 2px solid var(--ana-renk);
}

.tabs_product {
  margin-top: 40px;
}

.nav-tabs .nav-link {
  border: none;
  color: #555;
}

.nav-tabs .nav-link.active {
  color: var(--ana-renk);
  border-bottom: 2px solid var(--ana-renk);
}

/* CONTENT */
.tab_content_wrapper {
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
}

.grid_item {
  background: #fff;
  border-radius: 12px;
  padding: 10px;
  border: 1px solid #eee;
  transition: 0.3s;
}

.grid_item img {
  border-radius: 10px;
}

.grid_item h3 {
  font-size: 14px;
  margin-top: 10px;
}

.price_box {
  font-weight: 600;
  margin-top: 5px;
}

.grid_item:hover {
  transform: translateY(-5px);
}

.feat {
  background: #fff;
  border-top: 1px solid #eee;
}

.feat .box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.qty-box {
  display: flex;
  align-items: center;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  height: 42px;
}

.qty-box button {
  width: 40px;
  height: 100%;
  border: none;
  background: transparent;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

.qty-box button:hover {
  background: #f1f5f9;
}

.qty-box input {
  width: 50px;
  border: none;
  text-align: center;
  background: transparent;
  font-weight: 600;
}

.qty-box button:first-child {
  border-right: 1px solid #e5e7eb;
}

.qty-box button:last-child {
  border-left: 1px solid #e5e7eb;
}

/* ===== SOLA YASLI TAB ===== */
.tabs_product .nav-tabs {
  border: none;
  justify-content: flex-start;
  gap: 12px;
  position: relative;
  padding-bottom: 10px;
}

/* alt çizgi */
.tabs_product .nav-tabs::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #eee;
}

/* buton */
.tabs_product .nav-tabs {
  flex-wrap: wrap;
  gap: 8px;
}

.tabs_product .nav-tabs .nav-link {
  flex: 1;
  text-align: center;
  background: #f1f3f5;
  color: #333;
  padding: 6px;
  border-radius: 8px;
  font-size: 13px;
}

.tabs_product .nav-tabs .nav-link {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

@media (max-width: 768px) {

  .tab-pane {
    display: none;
  }

  .tab-pane.active {
    display: block;
  }

  .tab_content_wrapper .card-header {
    display: none !important;
  }

}

@media (max-width: 768px) {

  .tabs_product .nav-tabs {
    display: flex;
  }

  .tabs_product .nav-tabs .nav-link {
    font-size: 12px;
    padding: 8px;
  }

  /* AKTİF TAB DAHA BELİRGİN */
  .tabs_product .nav-tabs .nav-link.active {
    background: #0f3650;
    color: #fff;
  }

}

/* hover */
.tabs_product .nav-tabs .nav-link:hover {
  background: #e4e7ea;
}

/* aktif */
.tabs_product .nav-tabs .nav-link.active {
  background: #0f3650;
  color: #fff;
  box-shadow: 0 6px 18px rgba(15, 54, 80, 0.25);
  transform: translateY(-2px);
}

/* aktif alt çizgi efekti */
.tabs_product .nav-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  left: 20%;
  bottom: -12px;
  width: 60%;
  height: 4px;
  background: linear-gradient(90deg, #0f3650, #2c729e);
  border-radius: 5px;
}

/* ===== TAB CONTENT ===== */
.tab_content_wrapper .card {
  border: none;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
  margin-top: 15px;
}

.tab_content_wrapper .card-body {
  padding: 25px;
  box-sizing: border-box;
}

.tab_content_wrapper p {
  word-break: break-word;
}

.tab_content_wrapper .card-body {
  padding: 20px;
}

.product-desc {
  background: #f8f9fb;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #eee;
  font-size: 14px;
  line-height: 1.6;
  color: #444;
}

/* içindeki p'ler için ekstra boşluk */
.product-desc p {
  margin-bottom: 10px;
}

.no-comment {
  background: #f8f9fb;
  padding: 15px 20px;
  border-radius: 12px;
  border: 1px solid #eee;
  font-size: 14px;
  color: #555;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
}

.no-comment i {
  color: #0f3650;
  font-size: 16px;
}

.no-comment {
  border-left: 4px solid #0f3650;
}

/* başlık varsa */
.product-desc h1,
.product-desc h2,
.product-desc h3 {
  margin-bottom: 10px;
  font-weight: 600;
}

/* liste varsa */
.product-desc ul {
  padding-left: 20px;
}

@media (max-width: 768px) {
  .tab_content_wrapper .card-body {
    padding: 15px;
  }
}

.card-header {
  background: linear-gradient(135deg, #0f3650, #2c729e);
  color: #fff;
  border: none;
  padding: 15px 20px;
}

.card-header h5 a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.review_content {
  background: #fff;
  border-radius: 12px;
  padding: 18px;
  border: 1px solid #eee;
  transition: .3s;
  height: 100%;
}

.review_content:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.review_content h4 {
  font-size: 15px;
  font-weight: 600;
  margin-top: 10px;
}

.review_content p {
  font-size: 14px;
  color: #666;
}

.rating i {
  color: #ffb400;
  font-size: 14px;
}

.rating i.empty {
  color: #ddd;
}

.write_review {
  background: #fafafa;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #eee;
}

.write_review textarea {
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 12px;
  transition: .3s;
}

.write_review textarea:focus {
  border-color: #0f3650;
  box-shadow: 0 0 0 3px rgba(15, 54, 80, 0.1);
}

.write_review .btn_1 {
  background: #0f3650;
  border-radius: 8px;
  padding: 10px 20px;
  transition: .3s;
}

.write_review .btn_1:hover {
  background: #2c729e;
}

.main_title {
  text-align: center;
  margin-bottom: 30px;
}

.main_title h2 {
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.main_title h2::after {
  content: "";
  width: 60px;
  height: 3px;
  background: #0f3650;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  border-radius: 5px;
}

.main_title p {
  color: #777;
  margin-top: 8px;
}

.grid_item {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  transition: .3s;
  border: 1px solid #eee;
  padding-bottom: 15px;
}

.grid_item:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.grid_item figure {
  height: 180px;
  overflow: hidden;
}

.grid_item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid_item h3 {
  font-size: 14px;
  font-weight: 600;
  margin: 10px 15px 5px;
  color: #222;
  min-height: 40px;
}

.price_box {
  padding: 0 15px;
}

.price_box .new_price {
  font-size: 16px;
  font-weight: 700;
  color: #0f3650;
}

.product-btn {
  display: block;
  margin: 10px 15px 0;
  padding: 8px;
  text-align: center;
  background: #0f3650;
  color: #fff;
  border-radius: 8px;
  font-size: 13px;
  transition: .3s;
}

.product-btn:hover {
  background: #2c729e;
}

.products_carousel .owl-stage-outer {
  position: relative;
  z-index: 1;
}

.grid_item {
  position: relative;
  z-index: 2;
}

.product-btn {
  position: relative;
  z-index: 3;
  display: block;
  cursor: pointer;
}

.product-title {
  display: inline-block;
  background: linear-gradient(135deg, #0f3650, #2c729e);
  color: #fff;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  margin: 10px auto 5px;
  text-decoration: none;
  transition: .3s;
}

.product-title:hover {
  transform: scale(1.05);
  color: #fff;
}

/*------------------------------ ÜRÜN DETAY ------------------------------*/

/*------------------------------ GALERİ ------------------------------*/


/* ===== GALERİ ===== */
.galeri-item {
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 15px;
}

.galeri-item img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: .3s;
}

.galeri-item:hover img {
  transform: scale(1.1);
}

/* ===== MODAL ===== */
/* MODAL */
.galeri-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

/* ORTALAMA */
.galeri-modal img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 700px;
  width: 90%;
  border-radius: 12px;
}

/* KAPAT */
.galeri-modal .close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 35px;
  color: #fff;
  cursor: pointer;
}

/* OKLAR */
.galeri-modal .nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  user-select: none;
}

.galeri-modal .prev {
  left: 20px;
}

.galeri-modal .next {
  right: 20px;
}

.galeri-modal .nav:hover {
  color: #2c729e;
}

.galeri-modal img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  max-width: 95%;
  max-height: 80%;
  width: auto;
  height: auto;
  border-radius: 12px;
}

/*------------------------------ GALERİ ------------------------------*/

/*------------------------------ GİRİŞ YAP ------------------------------*/

/* GENEL */
.box_account {
  background: #fff;
  border-radius: 14px;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: .3s;
}

.box_account:hover {
  transform: translateY(-3px);
}

/* BAŞLIKLAR */
.box_account h3 {
  font-weight: 600;
  margin-bottom: 20px;
  position: relative;
}

.box_account h3:after {
  content: "";
  width: 40px;
  height: 3px;
  background: #0f3650;
  display: block;
  margin-top: 8px;
}

/* INPUT */
.form-control {
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #ddd;
  transition: .2s;
}

.form-control:focus {
  border-color: #0f3650;
  box-shadow: 0 0 0 2px rgba(15, 54, 80, 0.1);
}

/* BUTON */
.btn_1 {
  background: #0f3650;
  border-radius: 8px;
  padding: 12px;
  font-weight: 500;
  transition: .3s;
}

.btn_1:hover {
  background: #2c729e;
}

/* RADIO */
.container_radio {
  font-weight: 500;
}

/* SAYFA BAŞLIK */
.page_header h1 {
  font-weight: 600;
  text-align: center;
  margin-bottom: 40px;
}


/*------------------------------ GİRİŞ YAP ------------------------------*/
.btn_login {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 6px 14px;
  border-radius: 20px;
  margin-right: 8px;
  transition: 0.3s;
}

.user-menu {
  position: relative;
}

.user-btn {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 6px 14px;
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: 0.3s;
}

.user-btn:hover {
  background: #fff;
  color: #0d3b5c;
}

.user-dropdown {
  position: absolute;
  top: 40px;
  right: 0;
  background: #fff;
  width: 180px;
  border-radius: 10px;
  display: none;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.btn-green {
  background: #28a745;
  color: #fff;
  padding: 1px 18px;
  border-radius: 8px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: 0.3s;
}

.btn-login {
  background: #28a745;
  color: #fff;
  padding: 8px 18px;
  border-radius: 8px;
  font-weight: 600;
  transition: 0.3s;
}

.btn-login:hover {
  background: #218838;
}

.btn-green:hover {
  background: #218838;
  color: #fff;
  transform: translateY(-1px);
}

.user-dropdown li a {
  display: block;
  padding: 10px;
  color: #333;
  transition: 0.2s;
}

.user-dropdown li a:hover {
  background: #f5f5f5;
}

.user-menu:hover .user-dropdown {
  display: block;
}

/* Giriş butonu - yeşil dolu */
.btn_login {
  background-color: #28a745 !important;
  color: #fff !important;
  border-radius: 8px;
  padding: 1px 18px;
  border: none !important;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  transition: 0.3s;
}

/* hover efekti */
.btn_login:hover {
  background-color: #218838 !important;
  color: #fff !important;
}

/* icon boşluk */
.btn_login i {
  margin-right: 6px;
}

/*------------------------------ GİRİŞ YAP ------------------------------*/

/*------------------------------ MOBİL ÜST MENÜ ------------------------------*/

/* =========================
   MOBİL MENU - NEXT LEVEL
========================= */

/* Menü butonu (hamburger) */
.menu-btn {
  font-size: 26px;
  cursor: pointer;
  z-index: 10001;
  color: #fff;
}

/* Overlay arka plan (blur + karartma) */
.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(6px);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 9998;
}

/* Menü panel */
.mobile-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 80%;
  max-width: 300px;
  height: 100%;
  background: #fff;
  box-shadow: 5px 0 25px rgba(0, 0, 0, 0.1);
  padding: 25px;
  transition: 0.3s;
  z-index: 9999;
  display: flex;
  flex-direction: column;
}

/* Menü açık hali */
body.menu-open .mobile-menu {
  left: 0;
}

body.menu-open .menu-overlay {
  opacity: 1;
  visibility: visible;
}

/* Menü üst alan */
.mobile-menu .menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.mobile-menu .menu-header h3 {
  font-size: 18px;
  font-weight: 600;
}

.menu-close {
  font-size: 22px;
  cursor: pointer;
}

/* Menü listesi */
.mobile-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-menu ul li {
  margin-bottom: 15px;
}

.mobile-menu ul li a {
  text-decoration: none;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  transition: 0.2s;
}

.mobile-menu ul li a:hover {
  color: var(--ana-renk);
}

/* Scroll kilitle */
body.menu-open {
  overflow: hidden;
}

/* Header fix */
.main_header {
  position: relative;
  z-index: 10;
}

/* SADECE MOBİLDE GÖSTER */
.main_header {
  display: none;
}

/* 768px altı (telefon) */
@media (max-width: 768px) {
  .main_header {
    display: block;
  }

  .main_nav {
    display: none;
  }
}

/* Taşma fix */
#page {
  overflow-x: hidden;
}



/* ================= MOBILE MENU UPGRADE ================= */

.mobile-menu-list li {
  border-bottom: 1px solid #eee;
}

/* ITEM */
.mobile-menu-list .menu-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 5px;
  font-weight: 500;
  cursor: pointer;
}

/* LINK */
.mobile-menu-list a {
  display: block;
  padding: 14px 5px;
  color: #333;
}

/* OK */
.mobile-menu-list .arrow {
  width: 8px;
  height: 8px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg);
  transition: 0.3s;
}

/* SUBMENU */
.sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s ease;
  padding-left: 10px;
}

/* AÇILINCA */
.has-sub.active .sub-menu {
  max-height: 500px;
}

/* OK DÖNSÜN */
.has-sub.active .arrow {
  transform: rotate(-135deg);
}

/* SUB ITEM */
.sub-menu li a {
  font-size: 14px;
  padding: 10px 5px;
  color: #666;
}

/* HOVER */
.mobile-menu-list a:hover {
  color: var(--ana-renk);
}

/*------------------------------ MOBİL ÜST MENÜ ------------------------------*/

/*------------------------------ ÜRÜN DETAY ARAMA ------------------------------*/

/* ANA SEARCH */
.search-modern {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 520px;
  background: #f3f3f3;
  border-radius: 14px;
  overflow: hidden;
  transition: all 0.25s ease;
}

/* FOCUS EFEKTİ */
.search-modern:focus-within {
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

/* SOL İKON */
.search-icon-left {
  background: #0f3650;
  color: #fff;
  padding: 13px 15px;
}

.search-icon-left i {
  font-size: 16px;
  color: #fff;
}

.box_news img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}

/* INPUT */
.search-modern input {
  flex: 1;
  border: none;
  background: transparent;
  padding: 0 12px;
  height: 46px;
  font-size: 14px;
  outline: none;
}

/* TEMİZLE BUTONU */
.search-clear {
  opacity: 0;
  cursor: pointer;
  padding: 0 12px;
  color: #888;
  transition: 0.2s;
}

.search-clear:hover {
  color: #000;
}

.search-modern {
  height: 46px;
}

.search-icon-left {
  height: 46px;
}

/* AKTİF OLUNCA GÖRÜNÜR */
.search-modern.active .search-clear {
  opacity: 1;
}

.search-modern {
  border: 1px solid #e5e5e5;
}

/* SONUÇ YAZISI */
#aramaSonuc {
  font-size: 13px;
  color: #777;
}

/* ÜRÜN ANİMASYON */
.urun-kart {
  transition: all 0.25s ease;
}

.urun-kart.gizli {
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
}

.search-icon-left,
.search-clear {
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-modern {
  height: 46px;
}

.search-modern input {
  font-family: inherit;
}

.search-clear {
  min-width: 40px;
}

.search-modern input::placeholder {
  color: #999;
  font-weight: 400;
}

@media (max-width:576px) {

  .search-modern {
    position: sticky;
    top: 70px;
    z-index: 10;
  }

}
.box_news figure {
    overflow: hidden;
    border-radius: 10px;
}

.box_news img {
    transition: 0.3s;
}

.box_news:hover img {
    transform: scale(1.05);
}
.search-modern:hover {
  background: #ededed;
}

/* MOBİL */
@media (max-width:576px) {
  .search-modern {
    max-width: 100%;
  }

  .search-modern input {
    font-size: 13px;
  }
}

.search-icon-left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
}

/*------------------------------ ÜRÜN DETAY ARAMA ------------------------------*/