/* ==========================================================================
   TESBIHFACTORY - TICIMAX CUSTOM OVERRIDE STYLES
   Ticimax Admin > Tasarım > Yönetimsel Tasarım > Css Düzenle
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --tf-primary: #0f2e24;
  --tf-primary-light: #1b4537;
  --tf-primary-dark: #071712;
  --tf-accent: #d4af37;
  --tf-accent-light: #e8cc6e;
  --tf-bg: #fdfbf7;
  --tf-bg-sec: #f6f3eb;
  --tf-text: #2a2a2a;
  --tf-text-light: #6a6a6a;
  --tf-border: rgba(15,46,36,0.08);
  --tf-white: #ffffff;
  --tf-serif: 'Cormorant Garamond', serif;
  --tf-sans: 'Plus Jakarta Sans', sans-serif;
  --tf-ease: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --tf-radius: 12px;
  --tf-shadow: 0 8px 24px rgba(15,46,36,0.03);
  --tf-shadow-hover: 0 16px 40px rgba(15,46,36,0.07);
  --theme-color: #0f2e24 !important;
}

/* === GLOBAL === */
body, #bodyGlobal, .global_body {
  font-family: var(--tf-sans) !important;
  background-color: var(--tf-bg) !important;
  color: var(--tf-text) !important;
  -webkit-font-smoothing: antialiased !important;
}
h1,h2,h3,h4,.productName a,.ProductName h1,.ProductName h1 span,.categoryTitle,.footer-title,.urunTab ul li a {
  font-family: var(--tf-serif) !important;
  font-weight: 500 !important;
}
a { color: var(--tf-text) !important; }
a:hover { color: var(--tf-accent) !important; }

/* === HTOP BAR === */
.htop {
  background-color: var(--tf-primary-dark) !important;
  color: rgba(255,255,255,0.7) !important;
  font-size: 12px !important;
  padding: 8px 0 !important;
  letter-spacing: 0.5px !important;
}
.htop a { color: rgba(255,255,255,0.7) !important; font-size: 12px !important; }
.htop a:hover { color: var(--tf-accent) !important; }
.htop-right { gap: 15px !important; }

/* === CUSTOM TOP ANNOUNCEMENT BAR === */
.custom-top-bar {
  background-color: var(--tf-primary-dark);
  color: rgba(255,255,255,0.85);
  font-size: 13px;
  padding: 10px 0;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  letter-spacing: 1px;
  font-family: var(--tf-sans);
}
.custom-top-bar i { color: var(--tf-accent); margin-right: 8px; }

/* === HEADER === */
#header, .homeHeader {
  background-color: rgba(253,251,247,0.92) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid var(--tf-border) !important;
  padding: 12px 0 !important;
  box-shadow: 0 4px 30px rgba(15,46,36,0.02) !important;
  height: auto !important;
  transition: var(--tf-ease) !important;
}
#header.touched {
  box-shadow: 0 4px 30px rgba(15,46,36,0.06) !important;
}
.headerContent {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  float: none !important;
  width: 100% !important;
}
#logo { float: none !important; margin: 0 !important; }
#logo a img {
  height: 38px !important;
  width: auto !important;
  transition: var(--tf-ease) !important;
}

/* === NAVIGATION === */
.navigation {
  background-color: var(--tf-white) !important;
  border-bottom: 1px solid var(--tf-border) !important;
  box-shadow: none !important;
}
.navigation .navUl {
  max-width: 1400px !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: center !important;
  gap: 0 !important;
}
.navigation .navUl > li { float: none !important; padding: 0 !important; }
.navigation .navUl > li > a,
.HeaderMenu2.navUl > li > a {
  font-family: var(--tf-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: var(--tf-primary) !important;
  padding: 14px 18px !important;
  border-bottom: 2px solid transparent !important;
  transition: var(--tf-ease) !important;
  display: inline-block !important;
}
.navigation .navUl > li > a:hover,
.navigation .navUl > li:hover > a,
.HeaderMenu2.navUl > li > a:hover {
  color: var(--tf-accent) !important;
  border-bottom-color: var(--tf-accent) !important;
}

/* Dropdown Submenu */
.navigation .navUl > li.ulVar > .Flexscroll,
.navigation .navUl > li > ul {
  background: var(--tf-white) !important;
  border: 1px solid var(--tf-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 48px rgba(15,46,36,0.08) !important;
  padding: 12px 0 !important;
  min-width: 220px !important;
}
.navigation .navUl > li > ul li a,
.navigation .navUl > li.ulVar ul li a {
  font-family: var(--tf-sans) !important;
  font-size: 13px !important;
  padding: 10px 24px !important;
  color: var(--tf-text) !important;
  transition: var(--tf-ease) !important;
}
.navigation .navUl > li > ul li a:hover,
.navigation .navUl > li.ulVar ul li a:hover {
  background-color: var(--tf-bg-sec) !important;
  color: var(--tf-accent) !important;
  padding-left: 28px !important;
}

/* === SEARCH === */
#divTopProductSearch, .searchContent { float: none !important; margin: 0 !important; position: relative !important; background: transparent !important; }
.search {
  background: var(--tf-bg-sec) !important;
  border: 1px solid var(--tf-border) !important;
  border-radius: 30px !important;
  padding: 5px 20px !important;
  display: flex !important;
  align-items: center !important;
}
.search input[type="text"] {
  background: transparent !important;
  border: none !important;
  color: var(--tf-text) !important;
  font-family: var(--tf-sans) !important;
  font-size: 13px !important;
  width: 180px !important;
  transition: var(--tf-ease) !important;
}
.search input[type="text"]:focus { width: 240px !important; }
.search input[type="button"].rsbButton {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230f2e24' viewBox='0 0 16 16'><path d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/></svg>") no-repeat center !important;
  width: 18px !important; height: 18px !important; border: none !important; cursor: pointer !important;
}

/* === CART ICON === */
#divHeaderCart, .mycart { float: none !important; margin: 0 !important; background: transparent !important; position: relative !important; }
#divHeaderCart a { display: flex !important; align-items: center !important; gap: 8px !important; color: var(--tf-primary) !important; }
.sepetTecxt, .sepetUrun { display: none !important; }
.sepetUrunSayisi {
  background-color: var(--tf-accent) !important;
  color: var(--tf-primary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  width: 18px !important; height: 18px !important;
  border-radius: 50% !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  position: absolute !important; top: -8px !important; right: -8px !important;
  line-height: 1 !important; padding: 0 !important;
}

/* === CART POPUP (CartProduct) === */
.CartProduct {
  background: var(--tf-white) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 48px rgba(15,46,36,0.12) !important;
  border: 1px solid var(--tf-border) !important;
}
.CartProduct .SepetUst {
  background: var(--tf-bg-sec) !important;
  border-bottom: 1px solid var(--tf-border) !important;
  padding: 16px 20px !important;
  font-family: var(--tf-serif) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: var(--tf-primary) !important;
}
.CartProduct ul li {
  border-bottom: 1px solid var(--tf-border) !important;
  padding: 15px 20px !important;
}
.CartProduct .sepett { padding: 15px 20px !important; }

/* === PRODUCT CARDS (.productItem) === */
.productItem {
  background-color: var(--tf-white) !important;
  border: 1px solid rgba(15,46,36,0.03) !important;
  border-radius: var(--tf-radius) !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: var(--tf-shadow) !important;
  transition: var(--tf-ease) !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
}
.productItem:hover {
  transform: translateY(-8px) !important;
  box-shadow: var(--tf-shadow-hover) !important;
}
.productImage {
  position: relative !important;
  background-color: var(--tf-bg-sec) !important;
  overflow: hidden !important;
  margin: 0 !important;
}
.productImage img { width: 100% !important; height: auto !important; transition: var(--tf-ease) !important; }
.productItem:hover .productImage img { transform: scale(1.05) !important; }
.productDetail {
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}
.productName { height: auto !important; margin-bottom: 12px !important; }
.productName a {
  font-size: 16px !important;
  color: var(--tf-primary) !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  transition: var(--tf-ease) !important;
}
.productName a:hover { color: var(--tf-accent) !important; }
.productPrice { margin-top: auto !important; display: flex !important; align-items: baseline !important; gap: 8px !important; }
.discountPriceSpan { font-family: var(--tf-sans) !important; font-size: 18px !important; font-weight: 700 !important; color: var(--tf-primary) !important; }
.regularPriceSpan { font-family: var(--tf-sans) !important; font-size: 13px !important; text-decoration: line-through !important; color: var(--tf-text-light) !important; }
.productIcon { position: static !important; display: block !important; padding: 0 20px 20px 20px !important; }
.mycartIcon { float: none !important; margin: 0 !important; display: block !important; }
.btnAddToCart {
  background-color: transparent !important;
  border: 1.5px solid var(--tf-primary) !important;
  color: var(--tf-primary) !important;
  font-family: var(--tf-sans) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  padding: 12px !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  transition: var(--tf-ease) !important;
}
.productItem:hover .btnAddToCart {
  background-color: var(--tf-primary) !important;
  color: var(--tf-white) !important;
}

/* Favorites */
.favori {
  position: absolute !important; top: 15px !important; right: 15px !important;
  z-index: 10 !important; float: none !important; margin: 0 !important;
}
.favoriteslist {
  background: var(--tf-white) !important;
  width: 38px !important; height: 38px !important;
  border-radius: 50% !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  box-shadow: 0 4px 10px rgba(15,46,36,0.05) !important;
  transition: var(--tf-ease) !important;
}
.favoriteslist:hover { background-color: var(--tf-primary) !important; color: var(--tf-white) !important; }

/* Discount/New/Firsat Badges */
.discountIcon, .newIcon, .firsatIcon {
  position: absolute !important; top: 15px !important; left: 15px !important;
  background-color: var(--tf-accent) !important;
  color: var(--tf-primary) !important;
  font-family: var(--tf-sans) !important;
  font-size: 11px !important; font-weight: 700 !important;
  padding: 4px 10px !important; border-radius: 4px !important;
  text-transform: uppercase !important; letter-spacing: 1px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
  z-index: 10 !important; height: auto !important; width: auto !important; float: none !important;
}
.newIcon { background-color: var(--tf-primary) !important; color: var(--tf-accent) !important; }
.firsatIcon { background-color: #c62828 !important; color: #fff !important; }
.discountIcon_s2, .discountIconDetail { display: none !important; }
.examineIcon { display: none !important; }

/* === PRODUCT DETAIL PAGE === */
.ProductDetailMain { max-width: 1400px !important; margin: 0 auto !important; padding: 0 40px !important; }
.TopDet {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 60px !important;
  padding: 40px 0 !important;
}
@media (max-width: 768px) {
  .TopDet { grid-template-columns: 1fr !important; gap: 30px !important; }
}
.leftImage { float: none !important; width: 100% !important; }
.RightDetail { float: none !important; width: 100% !important; padding: 0 !important; }

.ProductName h1, .ProductName h1 span {
  font-family: var(--tf-serif) !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  color: var(--tf-primary) !important;
  line-height: 1.2 !important;
}
.PriceList {
  background: var(--tf-bg-sec) !important;
  border: 1px solid var(--tf-border) !important;
  border-radius: 8px !important;
  padding: 20px !important;
  margin: 20px 0 !important;
}
.PriceList .urunDetayFiyat { font-size: 28px !important; font-weight: 700 !important; color: var(--tf-primary) !important; }
.PriceList .urunDetayIndFiyat { font-size: 15px !important; color: var(--tf-text-light) !important; text-decoration: line-through !important; }
#divIndirimOrani {
  background: var(--tf-accent) !important; color: var(--tf-primary) !important;
  display: inline-block !important; padding: 4px 12px !important; border-radius: 4px !important;
  font-weight: 700 !important; font-size: 13px !important;
}

/* Add to cart button - product detail */
.basketBtn .btnAddToCart, .BasketBtn .btnAddToCart {
  background-color: var(--tf-primary) !important;
  color: var(--tf-white) !important;
  border-color: var(--tf-primary) !important;
  padding: 16px 32px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
}
.basketBtn .btnAddToCart:hover, .BasketBtn .btnAddToCart:hover {
  background-color: var(--tf-accent) !important;
  border-color: var(--tf-accent) !important;
  color: var(--tf-primary) !important;
}
.buyfast a {
  background-color: var(--tf-accent) !important;
  color: var(--tf-primary) !important;
  border-color: var(--tf-accent) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

/* Tabs */
.urunTab ul { border-bottom: 2px solid var(--tf-border) !important; }
.urunTab ul li a {
  font-family: var(--tf-serif) !important;
  font-size: 18px !important;
  color: var(--tf-text-light) !important;
  padding: 12px 24px !important;
  border-bottom: 2px solid transparent !important;
  transition: var(--tf-ease) !important;
}
.urunTab ul li.active a, .urunTab ul li a:hover {
  color: var(--tf-primary) !important;
  border-bottom-color: var(--tf-accent) !important;
}
.urunDetayPanel { padding: 30px 0 !important; font-size: 14px !important; line-height: 1.7 !important; }
.mobilTab > ul > li { border-bottom: 1px solid var(--tf-border) !important; }
.mobilTab > ul > li > a {
  font-family: var(--tf-serif) !important;
  font-size: 18px !important;
  padding: 16px 0 !important;
  display: flex !important; justify-content: space-between !important;
}

/* Product detail - variant options */
#divUrunEkSecenek .eksecenekLine { margin-bottom: 15px !important; }
#divUrunEkSecenek .eksecenekLine .left_line {
  font-family: var(--tf-sans) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--tf-primary) !important;
}
.riSingle input[type="text"] {
  border: 1px solid var(--tf-border) !important;
  border-radius: 4px !important;
  text-align: center !important;
  font-weight: 600 !important;
}
.riSingle .riUp, .riSingle .riDown {
  background: var(--tf-bg-sec) !important;
  border: 1px solid var(--tf-border) !important;
  border-radius: 4px !important;
}

/* === CATEGORY / LISTING PAGE === */
.categoryTitle {
  font-family: var(--tf-serif) !important;
  font-size: 32px !important;
  color: var(--tf-primary) !important;
  padding: 30px 0 !important;
}
.leftBlock, .rightBlock {
  background: var(--tf-white) !important;
  border: 1px solid var(--tf-border) !important;
  border-radius: var(--tf-radius) !important;
  padding: 20px !important;
}
.category-vertical-filters .panel { border: none !important; box-shadow: none !important; margin-bottom: 8px !important; }
.category-vertical-filters .panel-heading {
  font-family: var(--tf-sans) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: var(--tf-primary) !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--tf-border) !important;
  cursor: pointer !important;
}
.category-vertical-filters .list-group-item a {
  font-size: 13px !important;
  color: var(--tf-text) !important;
  padding: 8px 0 !important;
  display: block !important;
  transition: var(--tf-ease) !important;
}
.category-vertical-filters .list-group-item a:hover,
.category-vertical-filters .list-group-item.selected a {
  color: var(--tf-accent) !important;
  padding-left: 6px !important;
}
.category-vertical-filters .list-group-item.selected a::before {
  content: '✓ ' !important;
  color: var(--tf-accent) !important;
}

/* Sort / Display buttons */
.blockSelect a {
  border: 1px solid var(--tf-border) !important;
  border-radius: 4px !important;
  padding: 6px 10px !important;
  transition: var(--tf-ease) !important;
}
.blockSelect a.Active { background: var(--tf-primary) !important; color: var(--tf-white) !important; border-color: var(--tf-primary) !important; }
.sortingContent select {
  border: 1px solid var(--tf-border) !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  font-family: var(--tf-sans) !important;
  font-size: 13px !important;
}

/* === BREADCRUMB === */
ul.breadcrumb, .breadList ul, .mBread ul {
  background: transparent !important;
  padding: 15px 0 !important;
}
ul.breadcrumb li a, .breadList ul li a, .mBread ul li a {
  color: var(--tf-text-light) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* === CHECKOUT / PAYMENT PAGE === */
.sepetimBody { background-color: var(--tf-bg) !important; }
.sepetimBody .headerContent { background: var(--tf-white) !important; }
.cariOdemeContainer, .BasketDetailTable, .BasketDetailCargo, .odemeMenuContent {
  background: var(--tf-white) !important;
  border: 1px solid var(--tf-border) !important;
  border-radius: var(--tf-radius) !important;
  padding: 30px !important;
  box-shadow: var(--tf-shadow) !important;
}
.cariOdemeContainer h2, .BasketDetailTable h2 {
  font-family: var(--tf-serif) !important;
  font-size: 24px !important;
  color: var(--tf-primary) !important;
  margin-bottom: 20px !important;
  padding-bottom: 15px !important;
  border-bottom: 1px solid var(--tf-border) !important;
}
.sepetimBody input[type="text"],
.sepetimBody input[type="email"],
.sepetimBody input[type="tel"],
.sepetimBody input[type="password"],
.sepetimBody select,
.sepetimBody textarea {
  border: 1px solid var(--tf-border) !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  font-family: var(--tf-sans) !important;
  font-size: 14px !important;
  background: var(--tf-bg-sec) !important;
  transition: var(--tf-ease) !important;
}
.sepetimBody input:focus, .sepetimBody select:focus, .sepetimBody textarea:focus {
  background: var(--tf-white) !important;
  border-color: var(--tf-primary) !important;
  outline: none !important;
}
.sepetimBody .odemeBtn, .sepetimBody .btnSiparisOnayla {
  background-color: var(--tf-primary) !important;
  color: var(--tf-white) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 16px 40px !important;
  font-family: var(--tf-sans) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: var(--tf-ease) !important;
}
.sepetimBody .odemeBtn:hover, .sepetimBody .btnSiparisOnayla:hover {
  background-color: var(--tf-accent) !important;
  color: var(--tf-primary) !important;
}
.Mic { display: flex !important; gap: 0 !important; }
.Mic > div {
  flex: 1 !important;
  text-align: center !important;
  padding: 12px !important;
  font-family: var(--tf-sans) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border-bottom: 3px solid transparent !important;
  color: var(--tf-text-light) !important;
  transition: var(--tf-ease) !important;
}
.Mic > div.active, .Mic > div.current {
  color: var(--tf-primary) !important;
  border-bottom-color: var(--tf-accent) !important;
}

/* === FOOTER === */
#footer {
  background-color: var(--tf-primary-dark) !important;
  color: rgba(255,255,255,0.7) !important;
  padding: 60px 0 30px !important;
  font-size: 13px !important;
}
#footer a { color: rgba(255,255,255,0.7) !important; }
#footer a:hover { color: var(--tf-accent) !important; }
#footer .linkler .blink > ul > li > span {
  font-family: var(--tf-serif) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--tf-white) !important;
  display: block !important;
  margin-bottom: 15px !important;
}
#footer .linkler .blink > ul > li ul li { padding: 4px 0 !important; }
#footer .linkler .blink > ul > li ul li a { font-size: 13px !important; }
#footer .socialdiv a {
  width: 38px !important; height: 38px !important;
  border-radius: 50% !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  background: rgba(255,255,255,0.08) !important;
  margin-right: 8px !important;
  transition: var(--tf-ease) !important;
}
#footer .socialdiv a:hover { background: var(--tf-accent) !important; color: var(--tf-primary) !important; }
.ebultenDiv input[type="text"], .ebultenDiv input[type="email"] {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 6px !important;
  color: #fff !important;
  padding: 12px 16px !important;
  font-family: var(--tf-sans) !important;
}
.ebultenDiv input[type="submit"], .ebultenDiv button {
  background: var(--tf-accent) !important;
  color: var(--tf-primary) !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

/* === MOBILE MENU === */
.mobilMenu {
  background: var(--tf-white) !important;
  box-shadow: 10px 0 40px rgba(15,46,36,0.15) !important;
}
.mobilMenu .menuUstBolum {
  background: var(--tf-bg-sec) !important;
  border-bottom: 1px solid var(--tf-border) !important;
  padding: 16px 20px !important;
}
.mobilMenu .menuUstBolum .mobilMenuBT span,
.mobilMenu .menuUstBolum .CloseBtnMenu {
  color: var(--tf-primary) !important;
}
.mobilMenu .navUl > li > a {
  padding: 14px 20px !important;
  border-bottom: 1px solid var(--tf-border) !important;
  font-family: var(--tf-sans) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--tf-primary) !important;
}
.mobilaf { background: rgba(7,23,18,0.4) !important; backdrop-filter: blur(4px) !important; }

/* === MOBILE BOTTOM BAR === */
.bottomHead {
  background: var(--tf-white) !important;
  border-top: 1px solid var(--tf-border) !important;
  box-shadow: 0 -4px 20px rgba(15,46,36,0.04) !important;
}
.bottomHead ul { display: flex !important; }
.bottomHead ul li { flex: 1 !important; text-align: center !important; }
.bottomHead ul li a {
  display: flex !important; flex-direction: column !important; align-items: center !important;
  padding: 10px 4px !important; gap: 4px !important;
  font-size: 10px !important; color: var(--tf-text-light) !important;
}
.bottomHead ul li a i { font-size: 18px !important; color: var(--tf-primary) !important; }

/* === MOBILE FILTER (category) === */
.FiltreUst {
  background: var(--tf-primary) !important;
  color: var(--tf-white) !important;
  padding: 14px 20px !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  font-weight: 600 !important;
}
.FiltreUst a.active i { color: var(--tf-accent) !important; }
.mobilFilterBtn {
  background: var(--tf-primary) !important;
  color: var(--tf-white) !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
}

/* === INJECTED HERO === */
.injected-hero {
  position: relative; height: 600px; background-color: var(--tf-primary-dark);
  display: flex; align-items: center; color: #fff; overflow: hidden; margin-bottom: 60px;
}
.injected-hero img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.35; z-index: 1; }
.injected-hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle,rgba(15,46,36,0.3) 0%,rgba(7,23,18,0.9) 100%); z-index: 2; }
.injected-hero-content { position: relative; z-index: 3; max-width: 650px; padding: 0 40px; }
.injected-hero-title { font-size: 48px; line-height: 1.15; margin-bottom: 20px; }
.injected-hero-title strong { font-weight: 700; color: var(--tf-accent); }
.injected-hero-desc { font-size: 15px; opacity: 0.85; margin-bottom: 30px; }
@media (max-width: 768px) {
  .injected-hero { height: 450px; }
  .injected-hero-title { font-size: 28px; }
}

/* === INJECTED CUSTOMIZER WIDGET === */
.injected-customizer {
  background-color: var(--tf-white); border: 1px solid var(--tf-border); border-radius: 16px;
  padding: 40px; box-shadow: 0 10px 40px rgba(15,46,36,0.04);
  max-width: 1200px; margin: 80px auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;
}
@media (max-width: 768px) { .injected-customizer { grid-template-columns: 1fr; padding: 20px; margin: 40px 20px; } }
.customizer-preview {
  background-color: var(--tf-bg-sec); border-radius: 12px; padding: 30px;
  min-height: 350px; position: relative; display: flex; align-items: center; justify-content: center;
}
.customizer-preview img { max-height: 250px; object-fit: contain; }
.customizer-bead-name {
  position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);
  background-color: var(--tf-primary); border: 1px solid var(--tf-accent); color: var(--tf-accent);
  padding: 8px 24px; border-radius: 30px;
  font-family: var(--tf-serif); font-size: 18px; font-weight: 600; letter-spacing: 2px; display: none;
}
.customizer-bead-name.active { display: flex; gap: 4px; }
.customizer-form { display: flex; flex-direction: column; }
.customizer-title { font-size: 32px; color: var(--tf-primary); margin-bottom: 15px; }
.customizer-input-wrap { margin-bottom: 20px; }
.customizer-label { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--tf-primary); margin-bottom: 8px; }
.customizer-input {
  width: 100%; background-color: var(--tf-bg-sec); border: 1px solid var(--tf-border);
  border-radius: 4px; padding: 12px 16px; font-size: 14px; font-family: var(--tf-sans);
}
.customizer-input:focus { background-color: var(--tf-white); border-color: var(--tf-primary); }

/* === PROMO/FEATURES BAR === */
.GuvenList {
  background: var(--tf-bg-sec) !important;
  border-top: 1px solid var(--tf-border) !important;
  border-bottom: 1px solid var(--tf-border) !important;
  padding: 40px 0 !important;
}
.GuvenList ul li {
  text-align: center !important;
  padding: 15px !important;
}
.GuvenList ul li i {
  font-size: 28px !important;
  color: var(--tf-accent) !important;
  margin-bottom: 10px !important;
  display: block !important;
}

/* === OWL CAROUSEL ARROWS === */
.ProductListprev, .ProductListnext {
  background: var(--tf-white) !important;
  border: 1px solid var(--tf-border) !important;
  border-radius: 50% !important;
  width: 40px !important; height: 40px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  box-shadow: 0 4px 10px rgba(15,46,36,0.05) !important;
  transition: var(--tf-ease) !important;
  color: var(--tf-primary) !important;
}
.ProductListprev:hover, .ProductListnext:hover {
  background: var(--tf-primary) !important;
  color: var(--tf-white) !important;
}

/* === HESABIM (ACCOUNT) === */
.HesabimTakip .hesabimBolumuTutucu {
  background: var(--tf-white) !important;
  border: 1px solid var(--tf-border) !important;
  border-radius: var(--tf-radius) !important;
  box-shadow: var(--tf-shadow) !important;
}

/* === SCROLL TRANSITIONS === */
.productItem, .btnAddToCart, a, input, select, button {
  transition: var(--tf-ease) !important;
}

/* === CONTACT PAGE === */
.Iletisimaspx .iletisimForm {
  background: var(--tf-white) !important;
  border: 1px solid var(--tf-border) !important;
  border-radius: var(--tf-radius) !important;
  padding: 30px !important;
}

/* === SLIDER BANNER === */
#pnlSlider { margin-bottom: 40px !important; }

/* === INSTAGRAM STORIES === */
#instaStories { margin: 0 !important; }

/* === INJECTED PROMISES SECTION === */
.injected-promises {
  background-color: var(--tf-bg-sec);
  border-top: 1px solid var(--tf-border);
  border-bottom: 1px solid var(--tf-border);
  padding: 60px 0;
  margin-bottom: 60px;
  width: 100%;
}
.promises-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  padding: 0 20px;
}
@media (max-width: 992px) {
  .promises-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .promises-container {
    grid-template-columns: 1fr;
  }
}
.promo-feature-card {
  text-align: center;
  padding: 30px;
  background-color: var(--tf-white) !important;
  border-radius: var(--tf-radius);
  box-shadow: var(--tf-shadow);
  border: 1px solid var(--tf-border);
}
.promo-icon {
  font-size: 36px !important;
  color: var(--tf-accent) !important;
  margin-bottom: 20px;
}
.promo-title {
  font-family: var(--tf-serif) !important;
  font-size: 20px !important;
  color: var(--tf-primary) !important;
  margin-bottom: 10px !important;
  font-weight: 500 !important;
}
.promo-desc {
  font-family: var(--tf-sans) !important;
  font-size: 13px !important;
  color: var(--tf-text-light) !important;
  line-height: 1.5 !important;
}

/* === TYPOGRAPHY & DESIGN SYSTEM OVERRIDES === */
.injected-hero-title {
  font-family: var(--tf-serif) !important;
  font-size: 48px !important;
  line-height: 1.15 !important;
  color: var(--tf-white) !important;
}
.injected-hero-desc {
  font-family: var(--tf-sans) !important;
  font-size: 15px !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
.customizer-title {
  font-family: var(--tf-serif) !important;
  font-size: 32px !important;
  color: var(--tf-primary) !important;
}