/*==================================================================
  ÖZEL RÖTUŞLAR v2 — ön yüz görsel iyileştirmeleri
  Sayfa açılır açılmaz GÖRÜNÜR; renkler ve içerik korunur.
  Vurgu: #1B9AA8  /  Koyu: #242424
==================================================================*/

:root{
  --rt-accent:#1B9AA8;
  --rt-dark:#242424;
  --rt-line:#eef2f4;
  --rt-soft:0 4px 14px rgba(0,0,0,.06);
}

/* Yumuşak genel geçişler */
a,button,.links,.li-button,.li-btn,.single-banner>a,.product-image img{
  transition: all .3s ease-in-out;
}

/* ---------------------------------------------------------------
   HERO SLIDER — köşeleri yuvarla (büyük ve görünür)
----------------------------------------------------------------*/
.single-slide{
  border-radius:14px;
  overflow:hidden;
}

/* ---------------------------------------------------------------
   ÜRÜN GÖRSELLERİ — sürekli görünen ince çerçeve + yuvarlak köşe
   + hover'da hafif zoom
----------------------------------------------------------------*/
.product-image>a{
  overflow:hidden;
  border-radius:10px;
  border:1px solid var(--rt-line);
  background:#f8fbfc;
  display:block;
}
.product-image img{ border-radius:9px; }
.single-product-wrap:hover .product-image img{ transform:scale(1.06); }

/* Ürün adı */
.product_desc_info h4 a{ transition:color .25s ease-in-out; }
.product_desc_info h4 a:hover{ color:var(--rt-accent); }

/* ---------------------------------------------------------------
   BANNER GÖRSELLERİ — yuvarlak köşe + yumuşak gölge (sürekli)
----------------------------------------------------------------*/
.single-banner>a,.li-banner>a{
  border-radius:12px;
  overflow:hidden;
  box-shadow:var(--rt-soft);
}
.single-banner>a>img,.li-banner>a>img{ transition:transform .45s ease; }
.single-banner:hover>a>img,.li-banner:hover>a>img{ transform:scale(1.04); }

/* ---------------------------------------------------------------
   ARAMA KUTUSU — daha yuvarlak + ince gölge + odak çerçevesi
----------------------------------------------------------------*/
.hm-searchbox{
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  transition:border-color .25s ease, box-shadow .25s ease;
}
.hm-searchbox:focus-within{
  border-color:var(--rt-accent);
  box-shadow:0 0 0 3px rgba(27,154,168,.12);
}
button.li-btn{ border-radius:0 8px 8px 0; }

/* ---------------------------------------------------------------
   ÜST MENÜ (camgöbeği şerit) — altına yumuşak gölge
----------------------------------------------------------------*/
.header-bottom{ box-shadow:0 3px 10px rgba(0,0,0,.07); }

/* ---------------------------------------------------------------
   KATEGORİ MENÜSÜ — başlık köşeleri yuvarlak, satırlarda yumuşak hover
----------------------------------------------------------------*/
.category-menu .category-heading{ border-radius:8px 8px 0 0; }
.category-menu .category-menu-list{ border-radius:0 0 8px 8px; }
.category-menu .category-menu-list>ul>li{ transition:background .2s ease; }
.category-menu .category-menu-list>ul>li:hover{ background:#EAF6F7; }

/* ---------------------------------------------------------------
   BÖLÜM BAŞLIKLARI — başlığın soluna küçük renkli vurgu çubuğu
----------------------------------------------------------------*/
.li-section-title>h2,
.li-trending-product-tab h2{
  position:relative;
  padding-left:14px;
  letter-spacing:.2px;
}
.li-section-title>h2::after,
.li-trending-product-tab h2::after{
  content:"";
  position:absolute;
  left:0; top:2px;
  width:4px; height:18px;
  background:var(--rt-accent);
  border-radius:3px;
}

/* ---------------------------------------------------------------
   BUTONLAR — yuvarlak köşe (sürekli) + hover'da hafif kalkış
----------------------------------------------------------------*/
a.links,a.links-2,.li-button,.error-button a,.contact-form .li-btn-3,
.cart-quantity .add-to-cart{
  border-radius:6px;
}
a.links:hover,a.links-2:hover,.li-button:hover,
.error-button a:hover,.contact-form .li-btn-3:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}

/* ---------------------------------------------------------------
   FOOTER — kargo/bilgi kutuları kart görünümü + sosyal ikon yuvarlak
----------------------------------------------------------------*/
.li-shipping-inner-box{
  background:#ffffff;
  border:1px solid var(--rt-line);
  border-radius:12px;
  padding:22px 12px;
  transition:box-shadow .25s ease, transform .25s ease;
}
.li-shipping-inner-box:hover{
  box-shadow:var(--rt-soft);
  transform:translateY(-3px);
}
.social-link>li>a{
  border-radius:8px;
  transition:transform .25s ease, background .25s ease;
}
.social-link>li:hover>a{ transform:translateY(-3px); }
.footer-block>ul>li>a{ transition:color .2s ease, padding-left .2s ease; }
.footer-block>ul>li>a:hover{ padding-left:4px; }

/* ---------------------------------------------------------------
   YUKARI ÇIK BUTONU — daha belirgin gölge
----------------------------------------------------------------*/
#scrollUp{
  box-shadow:0 6px 18px rgba(0,0,0,.25);
  transition:background .25s ease, transform .25s ease;
}
#scrollUp:hover{ transform:translateY(-3px); }

::selection{ background:var(--rt-accent); color:#fff; }

/* Mobilde gereksiz zoom efektlerini kapat */
@media (max-width:767px){
  .single-product-wrap:hover .product-image img,
  .single-banner:hover>a>img,
  .li-banner:hover>a>img{ transform:none; }
}

/* ===============================================================
   DİL GEÇİŞİ (TR | EN) + Google çeviri üst bandını gizleme
=============================================================== */
.goog-te-banner-frame,.skiptranslate{ display:none !important; }
body{ top:0 !important; }
#goog-gt-tt,.goog-te-balloon-frame{ display:none !important; }
.goog-text-highlight{ background:none !important; box-shadow:none !important; }

.lang-switch{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:14px;
  padding:4px;
  background:#fff;
  border:1px solid #e1e1e1;
  border-radius:8px;
  vertical-align:middle;
}
.lang-switch a{
  font-size:12px;
  font-weight:600;
  color:#242424;
  padding:5px 10px;
  border-radius:6px;
  line-height:1;
  cursor:pointer;
  transition:all .2s ease;
}
.lang-switch a:hover{ color:#1B9AA8; }
.lang-switch a.active{ background:#1B9AA8; color:#fff; }

@media (max-width:991px){
  .lang-switch{ margin:10px auto 0; }
}

/* ===============================================================
   BAYRAKLI DİL MENÜSÜ (TR / EN) — alt alta açılır
=============================================================== */
.lang-flags{ position:relative; display:inline-block; margin-left:14px; vertical-align:middle; }
.lang-flags .lf-current{
  display:flex; align-items:center; gap:6px;
  background:#fff; border:1px solid #e1e1e1; border-radius:8px;
  padding:5px 10px; cursor:pointer;
  font-size:13px; font-weight:600; color:#242424;
  transition:border-color .2s ease;
}
.lang-flags .lf-current:hover{ border-color:#1B9AA8; }
.lang-flags img{ width:20px; height:20px; border-radius:4px; display:block; object-fit:cover; }
.lang-flags .lf-arrow{ font-size:10px; line-height:1; transition:transform .2s ease; }
.lang-flags.open .lf-arrow{ transform:rotate(180deg); }

.lang-flags .lf-menu{
  position:absolute; right:0; top:calc(100% + 6px);
  background:#fff; border:1px solid #e1e1e1; border-radius:8px;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
  list-style:none; margin:0; padding:6px; min-width:150px;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:all .2s ease; z-index:9999;
}
.lang-flags.open .lf-menu,
.lang-flags:hover .lf-menu{ opacity:1; visibility:visible; transform:translateY(0); }
.lang-flags .lf-menu li{ list-style:none; }
.lang-flags .lf-menu li a{
  display:flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:6px; cursor:pointer;
  font-size:13px; color:#242424; white-space:nowrap; text-decoration:none;
  transition:all .2s ease;
}
.lang-flags .lf-menu li a:hover{ background:#EAF6F7; color:#1B9AA8; }

@media (max-width:991px){
  .lang-flags{ margin:10px auto 0; }
}

/* ===============================================================
   TASARIM TAZELEME v7 — sadece görsel (içerik/menü değişmez)
=============================================================== */

/* Breadcrumb alanı: yumuşak marka arka planı + vurgu */
.breadcrumb-area{
  background:linear-gradient(180deg,#f7feff 0%,#ecf8fb 100%);
  border-bottom:1px solid #e1f2f6;
  padding:24px 0;
}
.breadcrumb-content ul li.active{ color:#1B9AA8; font-weight:600; }
.breadcrumb-content ul li a{ transition:color .2s ease; }
.breadcrumb-content ul li a:hover{ color:#1B9AA8; }

/* Butonları markaya göre yenile (yuvarlak, gölgeli) */
a.links, a.default-btn, a.slide-btn, .li-button, .add-to-cart, .contact-form .li-btn-3{
  background:#1B9AA8 !important;
  color:#fff !important;
  border:none !important;
  border-radius:30px !important;
  padding:11px 28px !important;
  font-weight:600 !important;
  letter-spacing:.3px;
  box-shadow:0 4px 12px rgba(27,154,168,.25);
  transition:all .25s ease !important;
}
a.links:hover, a.default-btn:hover, a.slide-btn:hover, .li-button:hover,
.add-to-cart:hover, .contact-form .li-btn-3:hover{
  background:#15808C !important;
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(27,154,168,.35);
}

/* Ürün kartı: yumuşak kart + hover'da hafif marka gölgesi */
.single-product-wrap{
  border-radius:12px;
  padding:10px;
  transition:box-shadow .3s ease, transform .3s ease;
}
.single-product-wrap:hover{
  box-shadow:0 10px 26px rgba(27,154,168,.14);
}

/* Bölüm başlıkları arası ferahlık */
.li-section-title{ margin-bottom:6px; }

/* Genel ince yazı yumuşatma */
/* font-smoothing kaldırıldı (yazılar daha net/koyu görünsün) */

/* ===============================================================
   2026 MODERN TEMA KATMANI (v8) — sadece görsel
   Yumuşak teal + göze yormayan açık zemin + ferah yüzeyler
   İçerik/menü/yapı DEĞİŞMEZ.
=============================================================== */
:root{
  --tl:#1B9AA8;          /* yumuşak teal vurgu */
  --tl-d:#15808C;        /* koyu teal (hover) */
  --tl-soft:#EAF6F7;     /* çok açık teal zemin */
  --ink:#20262C;         /* yumuşak koyu metin */
  --muted:#6B7785;
  --line:#E9EEF0;
  --bg:#F6F9FA;          /* göze yormayan açık zemin */
  --r:14px;
  --sh-s:0 2px 10px rgba(20,40,60,.05);
  --sh:0 10px 30px rgba(20,40,60,.07);
}

/* Göze yormayan açık zemin + yumuşak metin (saf beyaz/siyah yerine) */
body{ background:var(--bg) !important; color:var(--ink); }

/* Vurgu rengini parlak camgöbeğinden yumuşak teal'e taşı */
a:hover{ color:var(--tl) !important; }
button.li-btn{ background:var(--tl) !important; }
.cart-quantity .add-to-cart{ background:var(--tl) !important; }
.cart-quantity .add-to-cart:hover{ background:var(--tl-d) !important; }
.owl-dots .owl-dot.active,
.product-active .owl-nav div:hover,
.nice-select .option.selected.focus,
.modal-wrapper .close:hover{ background:var(--tl) !important; }
#scrollUp{ background:var(--tl) !important; }
#scrollUp:hover{ background:var(--tl-d) !important; }

/* Üst menü şeridi & kategori başlığı: yumuşak teal */
.header-bottom{ background:var(--tl) !important; box-shadow:0 4px 16px rgba(27,154,168,.18); }
.category-heading{ background:var(--tl) !important; border-radius:var(--r) var(--r) 0 0; }

/* Header'a temiz beyaz + ince gölge (ferah his) */
.header-middle{ background:#fff; box-shadow:var(--sh-s); }

/* Modern yüzeyler: ürün & blog kartları, banner — geniş köşe + ferah gölge */
.single-product-wrap{
  background:#fff !important;
  border:1px solid var(--line);
  border-radius:var(--r) !important;
  box-shadow:var(--sh-s);
}
.single-product-wrap:hover{
  box-shadow:var(--sh) !important;
  border-color:#d9e6e8;
}
.li-blog-single-item, .li-blog-content, .about-text-wrap, .contact-page-side-content,
.contact-form, .li-shipping-inner-box{
  border-radius:var(--r);
}
.single-banner > a, .li-banner > a, .product-image > a, .product-image img{
  border-radius:var(--r) !important;
}

/* Arama kutusu & form alanları: yumuşak köşe */
.hm-searchbox{ border-radius:12px !important; }
.contact-form input, .contact-form textarea, .hm-searchbox input{
  border-radius:10px !important;
}

/* Bölüm başlığı vurgu çubuğu zaten teal; başlık metni yumuşak koyu */
.li-section-title > h2, .li-blog-heading, .product__details--info__title{
  color:var(--ink);
}

/* Breadcrumb: göze yormayan açık teal zemin */
.breadcrumb-area{
  background:linear-gradient(180deg,#fbfeff,var(--tl-soft)) !important;
  border-bottom:1px solid #e2eff1 !important;
}
.breadcrumb-content ul li.active{ color:var(--tl) !important; }

/* Footer: koyu yerine yumuşak; üst kenarda ince çizgi */
.footer-static-top{ border-top:1px solid var(--line); }

/* Genel yumuşak geçiş + yazı yumuşatma */
a, button, .links, .single-product-wrap, .li-shipping-inner-box{ transition:all .25s ease; }

/* ===============================================================
   v9 — Menü hover düzeltmesi + mobil dil çubuğu
=============================================================== */
/* Üst teal menü şeridi: hover'da yazı BEYAZ kalsın (silikleşmesin) */
.header-bottom .hb-menu nav > ul > li > a,
.hb-menu nav > ul > li > a{ color:#fff; }
.header-bottom .hb-menu nav > ul > li > a:hover,
.hb-menu nav > ul > li > a:hover{ color:#fff !important; opacity:.80; }
/* Açılır (beyaz) alt menüde teal hover görünür kalsın */
.hb-dropdown li a{ color:#2D3845; }
.hb-dropdown li a:hover{ color:var(--tl) !important; }

/* Mobil dil çubuğu (sadece mobilde görünür) */
@media (max-width:991px){ .header-middle .lang-flags{ display:none !important; } }
.mobile-lang{ display:flex; gap:10px; justify-content:center; padding:12px 0 6px; flex-wrap:wrap; }
.mobile-lang a{
  display:inline-flex; align-items:center; gap:6px;
  font-size:13px; font-weight:600; color:#2D3845;
  background:#fff; border:1px solid #E9EEF0; border-radius:10px; padding:7px 14px;
  text-decoration:none;
}
.mobile-lang a img{ width:20px; height:20px; border-radius:4px; }
.mobile-lang a:hover{ border-color:var(--tl); color:var(--tl); }

/* ===============================================================
   v10 — Yazı netliği + mobil dil dropdown (alt alta açılır)
=============================================================== */
/* Metinleri net ve okunur koyulukta tut (silik görünmesin) */
body{ color:#20262C !important; }
p, li, td, .product_desc_info, .product_desc_info h4 a,
.li-blog-content, .li-blog-content p, .about-text-wrap, .about-text-wrap p,
.breadcrumb-content, .contact-page-side-content p, .li-static-text{
  color:#262D34;
}
.li-section-title > h2, .li-blog-heading, h3, h4{ color:#1E252B; }

/* Mobil dil: masaüstü gibi alt alta açılır dropdown, ortalı */
.mobile-lang{ text-align:center; padding:12px 0 6px; }
.mobile-lang .lang-flags-m{ display:inline-block; position:relative; }
.lang-flags-m .lf-menu{ left:50%; right:auto; transform:translateX(-50%) translateY(-6px); }
.lang-flags-m.open .lf-menu{ transform:translateX(-50%) translateY(0); }
/* mobilde hover ile açılmayı kapat (sadece tıkla açılsın) */
@media (max-width:991px){
  .lang-flags-m:hover .lf-menu{ opacity:0; visibility:hidden; }
  .lang-flags-m.open .lf-menu{ opacity:1; visibility:visible; }
}

/* ===============================================================
   v11 — Ürün sekme menüsü: pasif yazılar silik olmasın
=============================================================== */
.li-product-tab ul li a,
.li-product-tab ul li a span,
.li-trending-product-tab ul li a,
.li-trending-product-tab ul li a span{
  color:#3A444D !important;
  font-weight:500;
  transition:color .2s ease;
}
.li-product-tab ul li a.active,
.li-product-tab ul li a.active span,
.li-product-tab ul li a:hover span,
.li-trending-product-tab ul li a.active span{
  color:#1B9AA8 !important;
}

/*==================================================================
  BAŞLIK TİPOGRAFİSİ v3 — temiz & premium görünüm
  Display font: Manrope (Türkçe karakter tam destek)
  Ürün kartları + ürün detay + blog + bölüm başlıkları
==================================================================*/
:root{ --rt-title:'Manrope','Titillium Web',system-ui,-apple-system,Segoe UI,sans-serif; }

/* ---- Ürün kartı başlığı (anasayfa / kategori / karusel) ---- */
/* Hem ".product_desc_info > h4" hem de anasayfadaki "<center><h4>" yapısını kapsar */
.product_desc_info h4,
.product_desc_info center h4{
  font-family:var(--rt-title);
  font-size:15px !important;
  line-height:1.45;
  font-weight:600;
  letter-spacing:-0.01em;
  padding-top:14px;
  margin:0;
  /* Kartların hizalı durması için 2 satır yüksekliği ayrılır;
     uzun isimler kırpılmadan alta taşar (ürün kodu kaybolmaz). */
  min-height:43px;
}
.product_desc_info h4 a{
  font-family:var(--rt-title);
  color:var(--rt-dark);
  font-weight:600;
}
.product_desc_info h4 a:hover{ color:var(--rt-accent); }

/* ---- Ürün detay sayfası başlığı ---- */
.product__details--info__title{
  font-family:var(--rt-title);
  font-weight:700;
  letter-spacing:-0.015em;
  line-height:1.25;
  color:var(--rt-dark);
}

/* ---- Bölüm başlıkları ("Diğer Ürünlerimiz", menü vb.) ---- */
.section__heading--maintitle,
.li-trending-product-tab h2,
.li-section-title > h2,
.li-product-menu li a,
.section-title-2 > h2,
.section-title-3 > h2{
  font-family:var(--rt-title);
  letter-spacing:-0.01em;
}

/* ---- Blog başlıkları ----
   Tema "Poppins" istiyordu ama yüklenmemişti; tek başlık fontuna birleştirildi. */
.li-blog-heading,
.li-blog-heading a,
.li-blog-single-item .li-blog-content .li-blog-details h3,
.li-blog-sidebar .li-blog-sidebar-title{
  font-family:var(--rt-title) !important;
  letter-spacing:-0.01em;
}
.li-blog-heading{
  font-size:18px;
  line-height:1.4;
  font-weight:700;
}
.li-blog-heading a{ color:var(--rt-dark); font-weight:700; }
.li-blog-heading a:hover{ color:var(--rt-accent); }

/* Genel: tüm başlık öğelerinde daha rahat satır aralığı */
h1,h2,h3,h4,h5,h6{ line-height:1.3; }

/*==================================================================
  ESTETİK v4 — modern başlık & slider yazı düzeni
  (tasarım/yerleşim korunur; sadece tipografi + ince dokunuşlar)
==================================================================*/

/* ---------- SLIDER ÜZERİ YAZILAR ---------- */
/* Yazı tarafına yumuşak koyu geçiş — her arka planda okunur, modern */
.single-slide{ position:relative; }
.single-slide::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.18) 38%, rgba(0,0,0,0) 68%);
  pointer-events:none;
  z-index:1;
  border-radius:inherit;
}
.slider-content{ z-index:2; }
.slider-content > h2,
.slider-content > h2 font{
  font-family:var(--rt-title) !important;
  font-weight:600;
  font-size:38px;
  line-height:1.12;
  letter-spacing:-0.015em;
  max-width:440px;
  margin-bottom:18px;
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}
.slider-content > h3{
  font-family:var(--rt-title);
  font-weight:500;
  font-size:18px;
  line-height:1.55;
  letter-spacing:.005em;
  max-width:380px;
  margin-bottom:30px;
  text-shadow:0 1px 12px rgba(0,0,0,.18);
}
/* Slider butonu — modern: yuvarlak köşe + yumuşak gölge */
.slider-content .slide-btn .links{
  font-family:var(--rt-title);
  font-weight:700;
  letter-spacing:.04em;
  border-radius:8px;
  height:48px;
  line-height:48px;
  width:auto;
  padding:0 32px;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.slider-content .slide-btn .links:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,.24);
  background:var(--rt-accent);
}
@media (max-width:991px){
  .slider-content > h2,.slider-content > h2 font{ font-size:30px; }
  .slider-content > h3{ font-size:16px; margin-bottom:22px; }
}
@media (max-width:575px){
  .slider-content > h2,.slider-content > h2 font{ font-size:24px; }
  .slider-content{ padding-left:28px; }
}

/* ---------- ÜRÜN DETAY BAŞLIĞI — modern, vurgu çizgili ---------- */
.product__details--info__title{
  position:relative;
  font-size:27px;
  line-height:1.25;
  padding-bottom:16px;
  margin-bottom:18px;
}
.product__details--info__title::after{
  content:"";
  position:absolute; left:0; bottom:0;
  width:54px; height:3px; border-radius:3px;
  background:var(--rt-accent);
}

/* ---------- ÜRÜN KARTI BAŞLIĞI — hover alt çizgi animasyonu ---------- */
.product_desc_info h4 a{
  background-image:linear-gradient(var(--rt-accent),var(--rt-accent));
  background-size:0% 2px;
  background-position:0 100%;
  background-repeat:no-repeat;
  transition:background-size .3s ease, color .25s ease;
  padding-bottom:2px;
}
.product_desc_info h4 a:hover{ background-size:100% 2px; }

/* ---------- BLOG BAŞLIKLARI — modern + vurgu ---------- */
.li-blog-heading{ position:relative; }
.li-blog-heading a{
  background-image:linear-gradient(var(--rt-accent),var(--rt-accent));
  background-size:0% 2px;
  background-position:0 100%;
  background-repeat:no-repeat;
  transition:background-size .3s ease, color .25s ease;
  padding-bottom:3px;
}
.li-blog-heading a:hover{ background-size:100% 2px; }

/* Blog detay başlığı — vurgu çizgisi */
.li-blog-single-item .li-blog-content .li-blog-details h3{
  position:relative;
  padding-bottom:14px;
}
.li-blog-single-item .li-blog-content .li-blog-details h3::after{
  content:"";
  position:absolute; left:0; bottom:0;
  width:48px; height:3px; border-radius:3px;
  background:var(--rt-accent);
}