@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Serif:wght@500;600;700&display=swap');

/* =====================================================================
   MODERN 2026 TASARIM KATMANI
   Yalnizca gorsel: renk, tipografi, buton, kart, golge, hover.
   Yapi / duzen / PHP / icerik DEGISMEZ. Bu dosya en son yuklenir.
   ===================================================================== */

:root{
  --m-primary:#335c6e;
  --m-primary-2:#44788b;
  --m-primary-dark:#244553;
  --m-accent:#11a39a;
  --m-accent-2:#0f8f93;
  --m-ink:#1c2630;
  --m-muted:#4c5762;
  --m-bg:#e9edf1;
  --m-surface:#ffffff;
  --m-border:#dde3ea;
  --m-radius:16px;
  --m-radius-sm:12px;
  --m-radius-pill:999px;
  --m-shadow-sm:0 2px 12px rgba(28,38,48,.07);
  --m-shadow:0 10px 28px rgba(28,38,48,.10);
  --m-shadow-lg:0 16px 36px rgba(40,65,86,.18);
  --m-grad:linear-gradient(135deg,#335c6e 0%,#44788b 100%);
  --m-grad2:linear-gradient(135deg,#2f5d72 0%,#11a39a 100%);
  --m-font-sans:'IBM Plex Sans',"Titillium Web",sans-serif;
  --m-font-serif:'IBM Plex Serif',Georgia,'Times New Roman',serif;
  --m-font:var(--m-font-sans);
}

/* ---------- Temel tipografi & zemin ---------- */
body{
  font-family:var(--m-font) !important;
  color:var(--m-ink) !important;
  font-weight:500;
  background:linear-gradient(180deg,#dfe5ec 0%,#e9edf1 320px) no-repeat var(--m-bg) !important;
  background-attachment:fixed !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  letter-spacing:0;
}
/* govde metnini koyu ve okunakli yap (silik gorunumu giderir) */
p,li,td,th,dd,dt,
.product_desc_info h4 a,.product_desc h4 a,
.li-blog-content,.li-blog-content p,.li-blog-heading a,
.breadcrumb-content,.kategori-seo-intro,
.category-menu-list>ul>li>a,.product__details--info__desc{
  color:var(--m-ink);
}
.product_desc_info h4 a,.product_desc h4 a,
.category-menu-list>ul>li>a,.li-blog-heading a{ font-weight:600; }
/* urun adlari kurumsal boyut (sablon h4=22px cok buyuktu) */
.product_desc_info h4,.product_desc h4,
.product_desc_info h4 a,.product_desc h4 a,
.single-product-wrap .product_name{
  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}
/* Basliklar: agirbasli SERIF (govde sans kalir). h4 HARIC -> urun adlari sans. */
h1,h2,h3,h5,h6,
.section__heading--maintitle,.li-section-title,.li-section-title h2,
.li-trending-product-tab h2,.li-blog-heading,.product__details--info__title,
.slider-content h2{
  --m-font:var(--m-font-serif);
  font-family:var(--m-font-serif) !important;
  color:var(--m-ink);
  letter-spacing:0;
  font-weight:600;
}
h4{
  font-family:var(--m-font-sans) !important;
  color:var(--m-ink);
  letter-spacing:-.2px;
  font-weight:700;
}
/* TUM site genelinde tutarli yazi tipi.
   Ikon fontlari (FontAwesome <i>, Material-Design-Iconic) KORUNUR. */
body *:not(i):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.zmdi):not([class^="zmdi-"]):not([class*=" zmdi-"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="pe-7s"]):not([class*=" pe-7s"]):not([class^="icon-"]):not([class*=" icon-"]){
  font-family:var(--m-font) !important;
}
a{ transition:color .25s ease, opacity .25s ease; }
::selection{ background:var(--m-primary); color:#fff; }
html{ scroll-behavior:smooth; }

/* ince modern scrollbar */
*{ scrollbar-width:thin; scrollbar-color:var(--m-primary-2) transparent; }
*::-webkit-scrollbar{ width:10px; height:10px; }
*::-webkit-scrollbar-thumb{ background:var(--m-primary-2); border-radius:999px; border:3px solid var(--m-bg); }

/* ---------- Header ---------- */
.header-middle{ background:var(--m-surface) !important; }
/* Menu cubugu: beyaz DEGIL, modern gradyan (beyaz yazilar gorunur kalsin) */
.header-bottom{
  background:var(--m-grad) !important;
  box-shadow:0 6px 22px rgba(63,96,118,.14) !important;
  border-radius:0 0 var(--m-radius) var(--m-radius);
}
.header-sticky.sticky,.header-sticky.is-sticky{
  background:var(--m-grad) !important;
  box-shadow:0 6px 20px rgba(63,96,118,.22) !important;
  border-radius:0 0 var(--m-radius) var(--m-radius);
}
/* arama kutusu -> pill */
.hm-searchbox{
  border:1px solid var(--m-border) !important;
  border-radius:var(--m-radius-pill) !important;
  overflow:hidden;
  background:var(--m-surface);
  box-shadow:var(--m-shadow-sm);
  transition:box-shadow .25s ease,border-color .25s ease;
}
.hm-searchbox:focus-within{ border-color:var(--m-primary-2) !important; box-shadow:0 0 0 4px rgba(90,126,148,.18); }
.hm-searchbox input{ background:transparent !important; border:0 !important; }
.hm-searchbox .li-btn,.hm-searchbox button{
  background:var(--m-grad) !important; color:#fff !important;
  border-radius:var(--m-radius-pill) !important; margin:4px !important;
}

/* menu linkleri - animasyonlu alt cizgi */
/* menu linkleri - beyaz kalir, hover'da beyaz alt cizgi */
.hb-menu-2 nav>ul>li>a,.hb-menu nav>ul>li>a{ color:#fff !important; }
.hb-menu-2 nav>ul>li>a,.hb-menu nav>ul>li>a,.hb-menu>nav>ul>li>a,.main-menu nav ul li a{
  position:relative !important; font-weight:600; transition:opacity .25s ease;
}
/* alt cizgi: sablonun ::after (acilir ok) ile cakismamasi icin ::before kullaniyoruz */
.hb-menu-2 nav>ul>li>a::before,.hb-menu nav>ul>li>a::before,.main-menu nav ul li a::before{
  content:""; position:absolute; left:0; right:0; bottom:3px; height:2px;
  background:#ffffff; border-radius:2px;
  transform:scaleX(0); transform-origin:left center;
  transition:transform .3s ease; pointer-events:none; z-index:2;
}
.hb-menu-2 nav>ul>li:hover>a::before,.hb-menu nav>ul>li:hover>a::before,
.hb-menu-2 nav>ul>li.active>a::before,.hb-menu nav>ul>li.active>a::before,
.main-menu nav ul li:hover>a::before{ transform:scaleX(1); }
.hb-menu nav>ul>li:hover>a{ color:#fff !important; }
/* acilan alt menu beyaz zemin, koyu yazi */
/* acilan alt menu (dropdown) - modern kart */
.hb-menu nav ul>li>ul.hb-dropdown,.hb-dropdown{
  border-radius:14px !important;
  box-shadow:0 18px 42px rgba(28,38,48,.18) !important;
  border:1px solid var(--m-border) !important;
  padding:8px !important;
  background:#ffffff !important;
  overflow:hidden;
}
.hb-dropdown::before{
  content:""; display:block; height:3px; margin:-8px -8px 8px -8px; background:var(--m-grad2);
}
.hb-dropdown>li>a{
  color:var(--m-ink) !important;
  border:0 !important; border-bottom:0 !important;
  border-radius:9px !important;
  padding:9px 14px 9px 16px !important;
  margin:1px 0; font-weight:500; position:relative;
  transition:background .2s ease, color .2s ease, padding .2s ease !important;
}
.hb-dropdown>li>a::before{
  content:""; position:absolute; left:6px; top:50%; transform:translateY(-50%);
  width:3px; height:0; background:var(--m-grad2); border-radius:3px; transition:height .2s ease;
}
.hb-dropdown>li>a:hover{
  background:#eef5f4 !important; color:var(--m-accent) !important; padding-left:22px !important;
}
.hb-dropdown>li>a:hover::before{ height:58%; }
.dropdown-holder:hover>.hb-dropdown{ animation:ddIn .22s ease both; }
@keyframes ddIn{ from{ opacity:0; transform:translateY(8px);} to{ opacity:1; transform:translateY(0);} }

/* ---------- Butonlar ---------- */
.li-btn,.li-btn-2,.li-btn-3,.btn,
.default-btn a,.slide-btn a,.default-btn .btn,.li-banner-btn a,
a.links,a.links-2,a.review-links,
button[type="submit"],input[type="submit"]{
  background:var(--m-grad) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:var(--m-radius-pill) !important;
  font-weight:600 !important;
  letter-spacing:.2px;
  box-shadow:0 6px 18px rgba(63,96,118,.18);
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}
.li-btn:hover,.li-btn-2:hover,.li-btn-3:hover,.btn:hover,
.default-btn a:hover,.slide-btn a:hover,.li-banner-btn a:hover,
a.links:hover,a.links-2:hover,a.review-links:hover,
button[type="submit"]:hover,input[type="submit"]:hover{
  transform:translateY(-2px);
  box-shadow:var(--m-shadow-lg);
  filter:brightness(1.04);
  color:#fff !important;
}

/* ---------- Kategori menusu (KATEGORILER kutusu) ---------- */
.category-menu .category-heading{
  background:var(--m-grad) !important;
  border-radius:var(--m-radius-sm) var(--m-radius-sm) 0 0 !important;
  box-shadow:0 8px 22px rgba(63,96,118,.16);
}
.category-menu .category-menu-list{
  border:1px solid var(--m-border) !important;
  border-top:0 !important;
  border-radius:0 0 var(--m-radius-sm) var(--m-radius-sm) !important;
  box-shadow:var(--m-shadow-sm);
  overflow:hidden;
}
.category-menu .category-menu-list>ul>li{ transition:background .2s ease; }
.category-menu .category-menu-list>ul>li:hover{ background:#f3f5fd; }
.category-menu .category-menu-list>ul>li:hover>a{ color:var(--m-primary) !important; }

/* ---------- Beyazligi kiran zemin derinligi ---------- */
.slider-with-banner,.product-area,.li-static-banner,.featured-pro-with-banner{
  background:transparent;
}
/* Slider ve banner alanlarina yumusak cerceve */
.single-slide,.slider-active,.li-static-home-image{ border-radius:var(--m-radius); overflow:hidden; }
.section__heading--maintitle,.li-section-title h2,.li-section-title{
  position:relative; font-weight:800 !important;
}
.section__heading{ text-align:center; }
.section__heading--maintitle:after{
  content:""; display:block; width:64px; height:4px; margin:14px auto 0;
  background:var(--m-grad); border-radius:999px;
}

/* ---------- Urun sekme (tab) menusu - net & kurumsal ---------- */
.li-product-menu li{ padding-right:22px !important; }
.li-product-menu li a{ color:var(--m-muted) !important; font-weight:600 !important; font-size:15px !important; line-height:1.3 !important; padding-right:22px !important; border-right-color:var(--m-border) !important; }
.li-product-menu li a:hover{ color:var(--m-primary) !important; }
.li-product-menu > li a.active{ color:var(--m-ink) !important; }
.li-product-menu > li > a span::before,
.li-product-menu > li > a.active span::before,
.li-product-menu > li:hover > a span::before{ background:var(--m-grad) !important; height:2px !important; bottom:-8px !important; }
/* bolum basligi & alt kategori cizgileri -> sakin palet (eski mavi degil) */
.li-trending-product-tab > h2 > span::before,
.li-section-title > h2 > span::before,
.li-sub-category-list > li > a::after{ background:var(--m-grad) !important; }
.li-section-title > h2,.li-trending-product-tab h2{ color:var(--m-ink) !important; }
.li-sub-category-list > li > a{ color:var(--m-muted) !important; }
.li-sub-category-list > li > a:hover{ color:var(--m-primary) !important; }

/* ---------- Urun kartlari ---------- */
.single-product-wrap{
  background:var(--m-surface) !important;
  border:1px solid var(--m-border) !important;
  border-radius:var(--m-radius) !important;
  padding:12px !important;
  box-shadow:var(--m-shadow-sm);
  transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, border-color .3s ease;
  overflow:hidden;
}
.single-product-wrap:hover{
  transform:translateY(-6px);
  box-shadow:var(--m-shadow);
  border-color:#dfe4f2 !important;
}
.single-product-wrap .product-image{
  border-radius:var(--m-radius-sm); overflow:hidden; background:#f2f3f5;
}
.single-product-wrap .product-image img{
  border-radius:var(--m-radius-sm);
  object-fit:cover; object-position:center top;
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
}
.single-product-wrap:hover .product-image img{ transform:scale(1.06); }
.product_desc_info h4 a,.product_desc h4 a{
  color:var(--m-ink) !important; font-weight:600; transition:color .25s ease;
}
.single-product-wrap:hover .product_desc_info h4 a{ color:var(--m-primary) !important; }

/* ---------- Breadcrumb ---------- */
.breadcrumb-area{
  background:linear-gradient(135deg,#eef0ff 0%,#eafaff 100%) !important;
  border-radius:0 0 var(--m-radius) var(--m-radius);
  border-bottom:1px solid var(--m-border);
}
.breadcrumb-content ul li.active{ color:var(--m-primary) !important; font-weight:600; }
.breadcrumb-content ul li a{ color:var(--m-muted) !important; }
.breadcrumb-content ul li a:hover{ color:var(--m-primary) !important; }

/* ---------- Kategori SEO tanitim kutusu ---------- */
.kategori-seo-intro{
  background:var(--m-surface);
  border:1px solid var(--m-border);
  border-left:4px solid var(--m-primary);
  border-radius:var(--m-radius);
  padding:22px 26px !important;
  box-shadow:var(--m-shadow-sm);
}
.kategori-seo-intro h1{ color:var(--m-ink); }

/* ---------- Blog kartlari ---------- */
.li-blog-single-item{
  background:var(--m-surface);
  border:1px solid var(--m-border);
  border-radius:var(--m-radius);
  overflow:hidden;
  box-shadow:var(--m-shadow-sm);
  transition:transform .3s ease, box-shadow .3s ease;
}
.li-blog-single-item:hover{ transform:translateY(-6px); box-shadow:var(--m-shadow); }
.li-blog-banner img{
  border-radius:var(--m-radius) var(--m-radius) 0 0;
  transition:transform .5s ease; display:block; width:100%;
}
.li-blog-single-item:hover .li-blog-banner img{ transform:scale(1.04); }
.li-blog-content{ padding:6px 18px 20px; }
.li-blog-heading a{ color:var(--m-ink) !important; font-weight:700; }
.li-blog-single-item:hover .li-blog-heading a{ color:var(--m-primary) !important; }
.read-more{
  display:inline-block; margin-top:6px; color:var(--m-primary) !important;
  font-weight:600; transition:gap .2s ease;
}
.li-blog-details-page .li-blog-content{ font-size:16px; line-height:1.8; color:#334155; }
.li-blog-details-page .li-blog-content h2{ margin:26px 0 10px; font-size:21px; }
.li-recent-post{ border-radius:var(--m-radius-sm); transition:background .25s ease; padding:8px; }
.li-recent-post:hover{ background:#f3f5fd; }
.li-recent-post-des a{ color:var(--m-ink) !important; font-weight:600; }

/* ---------- Formlar / inputlar ---------- */
input[type="text"],input[type="email"],input[type="password"],
input[type="search"],textarea,select{
  border:1px solid var(--m-border) !important;
  border-radius:var(--m-radius-sm) !important;
  transition:border-color .2s ease, box-shadow .2s ease !important;
}
input[type="text"]:focus,input[type="email"]:focus,
input[type="password"]:focus,textarea:focus,select:focus{
  border-color:var(--m-primary-2) !important;
  box-shadow:0 0 0 4px rgba(90,126,148,.18) !important;
  outline:0 !important;
}

/* ---------- Slider: profesyonel hero (sinematik karartma + beyaz yazi) ---------- */
.single-slide{ position:relative !important; border-radius:16px; overflow:hidden; }
.single-slide::before{
  content:""; position:absolute; left:0; top:0; right:0; bottom:0;
  background:linear-gradient(90deg, rgba(18,26,34,.66) 0%, rgba(18,26,34,.34) 40%, rgba(18,26,34,0) 70%);
  z-index:1; pointer-events:none;
}
.slider-content{
  position:absolute; z-index:2;
  background:transparent !important;
  -webkit-backdrop-filter:none; backdrop-filter:none;
  padding:0 30px 0 58px !important;
  max-width:560px;
}
.slider-content h2,.slider-content h2 font,.slider-content font,
.slider-content h3,.slider-content h5,.slider-content p,
.slider-content h3 span,.slider-content h5 span{
  color:#ffffff !important;
  text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
}
.slider-content h2{ font-size:40px !important; font-weight:800 !important; line-height:1.14 !important; margin-bottom:16px !important; max-width:none !important; }
.slider-content h3{
  font-size:16px !important; font-weight:500 !important; line-height:1.6 !important;
  margin-bottom:26px !important; opacity:.96;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
@media (max-width:767px){
  .slider-content h2{ font-size:26px !important; }
  .slider-content{ padding-left:28px !important; }
}

/* ---------- Urun sekmesi: "Polar" alt satira kaymasin (tek satir) ---------- */
.li-product-menu{ white-space:nowrap !important; overflow-x:auto !important; overflow-y:hidden; }
.li-product-menu li{ white-space:nowrap !important; padding-right:18px !important; }
.li-product-menu li a{ font-size:14px !important; padding-right:18px !important; }

/* ---------- Kalan parlak vurgular -> sakin palet ---------- */
.text-theme{ color:var(--m-primary) !important; }
a:focus,a:hover{ color:var(--m-primary); }

/* ---------- Shipping / ozellik kutulari (koyu footer uzerinde uyumlu) ---------- */
.li-shipping-inner-box{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--m-radius);
  padding:26px 18px !important;
  box-shadow:none;
  transition:transform .3s ease, background .3s ease, border-color .3s ease;
}
.li-shipping-inner-box:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.18);
}
/* koyu zeminde ikonlari acik tona getir */
.li-shipping-inner-box .shipping-icon img{
  transition:transform .3s ease; filter:brightness(0) invert(.82);
}
.li-shipping-inner-box:hover .shipping-icon img{ transform:scale(1.08); filter:brightness(0) invert(1); }
.li-shipping-inner-box .shipping-text h2{ color:#eef2f5 !important; }
.li-shipping-inner-box .shipping-text p{ color:#9fadba !important; }

/* ---------- Footer (sakin slate - palete uygun) ---------- */
.footer,.footer-static-middle,.footer-static-bottom,.footer-static-top{
  background:linear-gradient(180deg,#3a4754 0%,#2b3744 100%) !important; color:#c4cdd6;
}
.footer a,.footer p,.footer li,.footer span{ color:#c4cdd6 !important; }
.footer-block-title,.footer h2,.footer h3,.footer h4{ color:#ffffff !important; font-weight:700; }
.footer a:hover{ color:#ffffff !important; }
.footer-shipping{ border-bottom-color:rgba(255,255,255,.12) !important; }
.footer-logo-wrap{ border-bottom-color:rgba(255,255,255,.12) !important; }
.footer .social-link a{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%;
  background:rgba(255,255,255,.08); color:#fff !important; margin:3px;
  transition:transform .25s ease, background .25s ease;
}
.footer .social-link a:hover{ background:var(--m-grad); transform:translateY(-3px); }
.copyright,.footer-static-bottom .copyright{ color:#9fadba !important; }
.footer-links>ul>li>a{ color:#9fadba !important; }
.footer-links>ul>li>a:hover{ color:#fff !important; }
/* footer logosu koyu zeminde temiz yuvarlak cerceve */
.footer-logo img{ background:#fff; padding:10px 16px; border-radius:12px; box-shadow:var(--m-shadow-sm); }

/* ---------- Urun detay ---------- */
.product__details--info__title{ font-weight:800 !important; letter-spacing:-.5px; }
.product__details--info__desc{ color:#475569; line-height:1.8; }
.urunGaleri-main-img{ border-radius:var(--m-radius) !important; border:1px solid var(--m-border); }

/* ---------- Nice-select / dropdown yumusatma ---------- */
.nice-select{ border-radius:var(--m-radius-sm) !important; border:1px solid var(--m-border) !important; }
.nice-select:hover{ border-color:var(--m-primary-2) !important; }

/* ---------- Genel kart yuvarlatma & gecisler ---------- */
.li-static-banner img,.li-banner- img,.li-static-home img{ border-radius:var(--m-radius); }
img{ image-rendering:auto; }

/* scrollUp butonu */
#scrollUp{
  background:var(--m-grad) !important; color:#fff !important;
  border-radius:14px !important; box-shadow:var(--m-shadow-lg);
  border:0 !important;
}

/* WhatsApp siparis gorseli yumusak hover */
img[src*="whatsapp"]{ transition:transform .25s ease; border-radius:10px; }
img[src*="whatsapp"]:hover{ transform:scale(1.04); }

/* =====================================================================
   ZENGINLESTIRME — "cok sade" hissini kiran ince dokunuslar
   (sakin palet korunur; ikincil teal accent + derinlik + canlilik)
   ===================================================================== */

/* Bolum basliklari: onunde accent blok + iki tonlu (slate->teal) cizgi */
.li-section-title > h2,.li-trending-product-tab h2{ display:flex !important; align-items:center; }
.li-section-title > h2::before,.li-trending-product-tab h2::before{
  content:""; display:inline-block; width:6px; height:20px; border-radius:3px;
  background:var(--m-grad2); margin-right:12px; flex:0 0 auto;
}
.li-section-title > h2 > span::before,
.li-trending-product-tab > h2 > span::before{ background:var(--m-grad2) !important; height:3px !important; }
.section__heading--maintitle:after{ background:var(--m-grad2) !important; height:4px; width:72px; }

/* Banner gorselleri: yuvarlak kose + golge + hover'da hafif kalkma/zoom */
.li-static-banner .single-banner,.li-banner-2 .single-banner,
.li-static-home a{ display:block; border-radius:var(--m-radius); overflow:hidden; box-shadow:var(--m-shadow-sm); transition:transform .35s ease, box-shadow .35s ease; }
.li-static-banner .single-banner:hover,.li-banner-2 .single-banner:hover,
.li-static-home a:hover{ transform:translateY(-4px); box-shadow:var(--m-shadow); }
.li-static-banner .single-banner img,.li-banner-2 .single-banner img,
.li-static-home a img{ transition:transform .5s ease; display:block; }
.li-static-banner .single-banner:hover img,.li-banner-2 .single-banner:hover img,
.li-static-home a:hover img{ transform:scale(1.03); }

/* Urun gorsel zemini: temiz beyaz (urun fotograflari dogal gozuksun) */
.single-product-wrap .product-image,.product-item .product-image,.product-image{ background:#f2f3f5 !important; }
/* Urun gorselleri orantili dursun (height:250px'e ezilmesin) */
.product-image img,.single-product-wrap img,.product-item img,
img[style*="height:250px"],img[style*="height: 250px"]{
  object-fit:cover !important; object-position:center top;
}

/* Urun kartlari: hover'da accent halka + biraz daha belirgin golge */
.single-product-wrap{ border:1px solid var(--m-border) !important; }
.single-product-wrap:hover{ border-color:#c4d2da !important; box-shadow:0 14px 32px rgba(28,38,48,.12) !important; }

/* Kategori menusu: hover'da sol accent serit */
.category-menu .category-menu-list>ul>li{ border-left:3px solid transparent; transition:border-color .2s ease, background .2s ease; }
.category-menu .category-menu-list>ul>li:hover{ border-left-color:var(--m-accent); }

/* Alt kategori / linkler hover -> teal accent (canlilik) */
.li-sub-category-list>li>a:hover,.breadcrumb-content li a:hover{ color:var(--m-accent) !important; }

/* Sayfa bolumlerine hafif ayrim: one cikan urun alani yumusak kart zemini */
.featured-pro-with-banner{ background:linear-gradient(180deg,#eef1f4,#f3f5f7) !important; border-radius:var(--m-radius); }

/* Shipping kutularinda ikon altina ince accent (footer'da canlilik) */
.li-shipping-inner-box .shipping-icon{ position:relative; }
.li-shipping-inner-box .shipping-text h2::after{
  content:""; display:block; width:26px; height:3px; border-radius:3px;
  background:var(--m-grad2); margin:8px auto 0; opacity:.9;
}

/* Sosyal ikonlar zaten gradient hover; kategori basligi okuna yumusak gecis */
.category-heading > h2::before,.category-heading > h2:after{ transition:transform .3s ease; }

/* Butona ince ust parlama (cam hissi) */
.li-btn,.li-btn-2,.li-btn-3,.default-btn a,.slide-btn a,a.links{
  background-image:var(--m-grad), linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 45%) !important;
  background-blend-mode:overlay !important;
}

/* =====================================================================
   ZENGIN ACCENT — canli teal ile modern vurgular (slate taban korunur)
   ===================================================================== */
/* Urun kartlari: hover'da canli teal ust serit + baslik teal */
.single-product-wrap{ position:relative; }
.single-product-wrap::after{
  content:""; position:absolute; left:12px; right:12px; top:0; height:3px;
  background:var(--m-grad2); border-radius:0 0 3px 3px;
  transform:scaleX(0); transform-origin:left; transition:transform .35s ease; z-index:6;
}
.single-product-wrap:hover::after{ transform:scaleX(1); }
.single-product-wrap:hover .product_desc_info h4 a{ color:var(--m-accent) !important; }

/* Kategori aktif/hover -> canli teal */
.category-menu .category-menu-list>ul>li:hover>a{ color:var(--m-accent) !important; }
.li-product-menu li a:hover{ color:var(--m-accent) !important; }

/* Bolum baslik accent blogu zaten grad2 (slate->teal): biraz daha belirgin */
.li-section-title > h2::before,.li-trending-product-tab h2::before{ width:7px; height:22px; }

/* Buton hover'da hafif teal isiltisi (canlilik) */
.li-btn:hover,.li-btn-2:hover,.li-btn-3:hover,.default-btn a:hover,.slide-btn a:hover,a.links:hover{
  box-shadow:0 12px 28px rgba(17,163,154,.28) !important;
}

/* Linkler/breadcrumb hover -> teal */
.breadcrumb-content li a:hover,.li-blog-heading a:hover,.read-more:hover{ color:var(--m-accent) !important; }
.read-more{ color:var(--m-accent) !important; }

/* Footer sosyal ikon hover -> teal gradyan (zaten grad); baslik altina teal */
.footer-block-title{ position:relative; padding-bottom:10px; }
.footer-block-title::after{
  content:""; position:absolute; left:0; bottom:0; width:34px; height:3px;
  background:var(--m-grad2); border-radius:3px;
}

/* Arama butonu hover canli */
.hm-searchbox .li-btn:hover,.hm-searchbox button:hover{ filter:brightness(1.05); }

/* Kategori basligi (KATEGORILER) hafif teal alt vurgu */
.category-menu .category-heading{ border-bottom:3px solid var(--m-accent); }

/* =====================================================================
   MODERN DOKUNUSLAR (icerik guvenli, yalnizca gorsel)
   ===================================================================== */

/* --- 1) Scroll-reveal: .m-reveal sinifi YALNIZCA JS tarafindan eklenir.
   JS yoksa hicbir sey gizlenmez (icerik her zaman gorunur). --- */
.m-reveal{
  opacity:0; transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
  will-change:opacity, transform;
}
.m-reveal.m-in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){ .m-reveal{ opacity:1 !important; transform:none !important; } }

/* --- 2) Akilli sticky header: scroll'da golge + hafif inceltme --- */
.header-sticky{ transition:box-shadow .3s ease, padding .3s ease; }
.header-sticky.sticky{ box-shadow:0 8px 26px rgba(28,38,48,.20) !important; }
.header-sticky.sticky .hb-menu nav>ul>li>a{ padding-top:5px !important; padding-bottom:5px !important; }

/* --- 3) Ferah bosluk & ritim --- */
.li-section-title,.li-trending-product-tab{ margin-bottom:10px; }
.li-section-title>h2,.li-trending-product-tab h2{ font-size:23px !important; padding-bottom:16px; }
.li-static-banner{ padding-top:18px !important; }
.li-banner-2{ padding-top:12px !important; }
.product_desc{ margin-top:18px !important; }
.li-static-home{ margin-top:8px; }
.featured-pro-with-banner{ padding:56px 0 36px !important; }

/* --- 4) Urun kartinda "Hizli Incele" katmani --- */
.single-product-wrap .product-image{ position:relative; }
.single-product-wrap .product-image::before{
  content:""; position:absolute; inset:0; border-radius:inherit;
  background:rgba(28,38,48,0); transition:background .35s ease; z-index:3; pointer-events:none;
}
.single-product-wrap:hover .product-image::before{ background:rgba(28,38,48,.22); }
.single-product-wrap .product-image::after{
  content:"İncele"; position:absolute; left:50%; top:50%;
  transform:translate(-50%,-50%) translateY(10px);
  background:#ffffff; color:var(--m-ink);
  padding:9px 24px; border-radius:999px; font-weight:600; font-size:13px; letter-spacing:.3px;
  box-shadow:0 10px 24px rgba(28,38,48,.28); white-space:nowrap;
  opacity:0; transition:opacity .35s ease, transform .35s ease; z-index:4; pointer-events:none;
}
.single-product-wrap:hover .product-image::after{ opacity:1; transform:translate(-50%,-50%); }

/* --- 5) Modern bolum basliklari (editoryal his) --- */
.li-section-title>h2,.li-trending-product-tab h2{ letter-spacing:.2px; }
.li-section-title{ border-bottom:1px solid var(--m-border); }