/* =========================================================
 *  ArtıMarin Design System — Custom Overrides
 *  Replaces previous custom section. Sources:
 *  - inject-category-page.js CSS (category cards)
 *  - inject-product-page.js CSS (product detail)
 *  - nowweroll.css (slider styles)
 *  - Current LastRun overrides (homepage cards, Altraluce)
 * ========================================================= */

/* ===== FOUC PROTECTION ===== */
#divIcerik { opacity: 0; transition: opacity 0.15s ease; }
#divIcerik.am-ready { opacity: 1 !important; }

/* ===== CSS VARIABLES ===== */
:root {
  --am-font-family: 'Roboto', Helvetica, Inter, 'Myriad Pro', Arial, sans-serif;
  --am-color-text: #0f172a;
  --am-color-muted: #64748b;
  --am-color-border: #e2e8f0;
  --am-color-surface: #ffffff;
  --am-color-primary: #0066cc;
  --am-color-primary-dark: #004f99;
  --am-color-shadow: rgba(15, 23, 42, 0.12);
  --theme-color: #0066cc;
}

/* ===== GLOBAL BODY ===== */
body, html { overflow-x: hidden !important; }
body, #bodyGlobal, .global_body {
  font-family: var(--am-font-family);
  color: var(--am-color-text);
  margin: 0 !important;
  padding: 0 !important;
}
/* Hide Ticimax CloudZoom preview bar and zoom overlays.
   IMPORTANT: Do NOT target .Images.imageZoomPreview —
   Ticimax's main product image container has class="Images imageZoomPreview"
   so that combined selector would hide the actual product photo. */
#imgZoomPreview, .imgZoomPreview,
#ZoomResult, .zoomResult,
div[id*="ZoomPreview"],
div[id*="zoomPreview"] { display: none !important; }
/* Hide inner zoom preview div that is NOT the main product image container */
.imageZoomPreview:not(.Images) { display: none !important; }
/* Also hide any empty non-Images, non-SmallImages divs inside .leftImage */
/* :empty ensures only truly empty ghost divs are hidden — Ticimax's mobile image slider has content and must NOT be hidden */
#contentProductDetail .leftImage > div:not(.Images):not(.SmallImages):not(.am-mobile-breadcrumb):empty { display: none !important; }
#divSubHeader { display: none !important; }

/* ===== NEWSLETTER REMOVAL ===== */
#divNewsLetter,
.newaslater { display: none !important; }
.footerTop:has(#divNewsLetter) { display: none !important; }

/* ===== TICICONTAINER GLOBAL OVERRIDE ===== */
.ticiContainer {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#divIcerik.ticiContainer {
  width: 100% !important;
  max-width: 100% !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}
#formGlobal {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

/* ===== INNER WRAPPER RESETS — removes nested-box look on all page types ===== */
/* These apply without JS classes — no delay, no flash */
#divBlocks, #mainHolder_divBlocks {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

/* ===== GLOBAL LINK & NAV RESET ===== */
a { text-decoration: none !important; }
.navigation a, .navUl a, #header a, .header a, .bottomHead a,
.topHead a, .welcome a, .sepetimHead a { text-decoration: none !important; }
/* Ensure sticky nav header always has solid white background — prevents body background
   (#f1f5f9 on product detail pages) from bleeding through on iOS */
#header, .header, .topHead, .bottomHead, .siteHeader, #siteHeader,
[id*="SiteHeader"], [id*="siteHeader"] { background-color: #fff !important; }

/* ==========================================================
 *  HOMEPAGE CARD SYSTEM (.am-card) — for sliders & carousels
 * ========================================================== */
.am-card {
  position: relative;
  background: var(--am-color-surface);
  border: 2px solid var(--am-color-border);
  border-radius: 18px;
  padding: clamp(16px, 3vw, 20px);
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  box-shadow: 0 0 0 transparent;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.am-card:hover {
  box-shadow: 0 18px 34px var(--am-color-shadow);
  transform: translateY(-4px);
}
.am-card .itemCategory,
.am-card .itemCategoryLine,
.am-card .urunListeAdet,
.am-card .productSatisBirimi,
.am-card .productMarka,
.am-card .productIcon,
.am-card .urunListeAdetContainer { display: none !important; }

.am-card .productImage {
  position: relative;
  border-radius: 14px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  aspect-ratio: 1 / 1;
}
.am-card .productImage img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.35s ease;
}
.am-card:hover .productImage img { transform: scale(1.03); }

.am-card .productName {
  font-size: 16px;
  font-weight: 600;
  margin: 6px 0 4px;
  padding: 0 10px;
  color: var(--am-color-text);
}
.am-card .productName a { text-decoration: none; color: inherit; display: block; }
.ItemOrj .am-card .productName { padding-left: 5px; padding-right: 10px; }

.am-card .productPrice {
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0 10px;
  font-size: 17px;
  font-weight: 600;
  color: var(--am-color-primary);
  position: relative;
}
.am-card .productPrice .discountKdv,
.am-card .productPrice .tlfiyatikdv {
  font-size: 12px;
  font-weight: 500;
  color: var(--am-color-muted);
}
.am-card .productPrice .am-out-of-stock {
  display: none;
  font-size: 13px;
  font-weight: 500;
  color: rgba(15, 23, 42, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 2px;
}

/* Homepage card grid tweaks */
.ItemOrj { padding: 0 !important; margin-bottom: 10px; }
.ItemOrj .am-card { padding: 10px; margin: 0 5px 10px; min-height: calc(100% - 10px); }
.ItemOrj .am-card .productImage { padding: 10px; }
.ItemOrj .am-card .productPrice { margin-top: 2px; margin-bottom: 0; padding-left: 5px; padding-right: 10px; }
.productItem.IndirimliUrun { margin-bottom: 10px !important; }
.productPrice.IndirimVar { margin-bottom: 0 !important; margin-top: 5px !important; padding-left: 5px !important; padding-right: 10px !important; }
.productItem.IndirimliUrun.am-card { margin: 5px 5px 10px !important; padding-top: 5px !important; }

/* ===== HOMEPAGE CARD FAVORITES ===== */
.am-card .am-fav {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #0066cc;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: all 0.3s ease;
}
.am-card:hover .am-fav { opacity: 1; }
.am-card .am-fav:hover {
  background: #004f99;
  color: #fff;
  transform: scale(1.1);
}
.am-card .am-fav i,
.am-card .am-fav .favoriteslist {
  font-style: normal;
  font-size: 18px;
  line-height: 1;
  color: #fff !important;
  transition: color 0.2s ease;
}
.am-card:hover .am-fav i,
.am-card:hover .am-fav .favoriteslist { color: #fff !important; }
.am-card .am-fav:hover i,
.am-card .am-fav:hover .favoriteslist { color: #fff !important; }
.am-card .am-fav a,
.am-card .am-fav button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: none;
  border: none;
  color: inherit;
  font-size: 18px;
  text-decoration: none;
  cursor: pointer;
  padding: 0;
  transition: none;
}
.am-card .am-fav a:hover,
.am-card .am-fav button:hover {
  background: none;
  transform: none;
}

/* ===== HOMEPAGE SLIDER ARROWS & DOTS ===== */
.anasayfa_urun_slider .owl-dots { gap: 8px; }
.anasayfa_urun_slider .owl-dot span { background: #cbd5f5; width: 36px; height: 4px; border-radius: 999px; transition: background 0.2s ease; }
.anasayfa_urun_slider .owl-dot.active span { background: var(--am-color-primary); }

/* OWL NAV — positioned RELATIVE to ticiContainer, outside the carousel */
.anasayfa_urun_slider .owl-carousel {
  padding: 0 !important;
  position: relative !important;
}
/* Contain hover animations and prevent text leaking outside cards */
.anasayfa_urun_slider .owl-stage-outer {
  overflow: hidden !important;
  padding: 8px 0 !important;
}
.anasayfa_urun_slider .owl-carousel .owl-item {
  overflow: visible !important;
}
/* Hide stray product codes / SKUs that leak outside cards */
.anasayfa_urun_slider .productCode,
.anasayfa_urun_slider .urunKodu,
.anasayfa_urun_slider .productSku { display: none !important; }
/* The native Ticimax slider list — prevent height jump */
.anasayfa_urun_slider .ulUrunSlider,
.anasayfa_urun_slider section.landing-block {
  overflow: visible !important;
  padding-bottom: 0 !important;
}
.anasayfa_urun_slider .owl-nav {
  position: absolute !important;
  top: 50% !important;
  left: -24px !important;
  right: -24px !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  justify-content: space-between !important;
  pointer-events: none !important;
  z-index: 10 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.anasayfa_urun_slider .owl-prev { margin-left: 0 !important; }
.anasayfa_urun_slider .owl-next { margin-right: 0 !important; }
.anasayfa_urun_slider .owl-nav button {
  pointer-events: auto !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid #e2e8f0 !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  color: #1a1a1a !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.anasayfa_urun_slider .owl-nav button:hover {
  background: var(--am-color-primary) !important;
  border-color: var(--am-color-primary) !important;
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(0, 102, 204, 0.35) !important;
  transform: scale(1.06) !important;
}
.anasayfa_urun_slider .owl-nav button span {
  font-size: 36px !important;
  line-height: 1 !important;
  font-weight: 300 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Hide old-style prev/next buttons */
.anasayfa_urun_slider .ProductListprev,
.anasayfa_urun_slider .ProductListnext { display: none !important; }

/* Custom prev/next nav buttons — appended as direct children of .anasayfa_urun_slider by JS */
.anasayfa_urun_slider { position: relative !important; }
.am-owl-prev,
.am-owl-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 20 !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  color: #1a1a1a !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 0 2px 0 !important;
  margin: 0 !important;
  transition: all 0.25s ease !important;
}
.am-owl-prev { left: -22px !important; }
.am-owl-next { right: -22px !important; }
.am-owl-prev:hover,
.am-owl-next:hover {
  background: var(--am-color-primary) !important;
  border-color: var(--am-color-primary) !important;
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(0, 102, 204, 0.35) !important;
  transform: translateY(-50%) scale(1.06) !important;
}

/* ==========================================================
 *  NON-SLIDER HOMEPAGE SECTION TITLES (e.g. ÖNE ÇIKAN KATEGORİLER)
 * ========================================================== */
body:not(.am-category-page):not(.am-detail-page) .categoryTitle {
  text-align: left !important;
  text-transform: none !important;
  font-style: normal !important;
  font-family: var(--am-font-family) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--am-color-text) !important;
  letter-spacing: -0.02em !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
}
body:not(.am-category-page):not(.am-detail-page) .categoryTitle::after {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 3px !important;
  background: var(--am-color-primary) !important;
  margin-top: 10px !important;
  border-radius: 2px !important;
}
body:not(.am-category-page):not(.am-detail-page) .categoryTitle span {
  font-family: var(--am-font-family) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  color: var(--am-color-text) !important;
  text-transform: none !important;
  font-size: inherit !important;
}

/* ==========================================================
 *  HOMEPAGE SLIDER SECTIONS — Category Title + Tabs + Cards
 * ========================================================== */

/* Slider section overall background */
.anasayfa_urun_slider {
  background: transparent !important;
}
.anasayfa_urun_slider section[id^="urunblok_"] {
  padding: 24px 0 !important;
}

/* Slider section container spacing — wide, room for arrows */
.anasayfa_urun_slider .ticiContainer {
  max-width: 1720px !important;
  margin: 0 auto !important;
  padding: 0 48px !important;
  position: relative !important;
}
/* hazirBlokContent should not add extra bottom padding */
.anasayfa_urun_slider .hazirBlokContent {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.anasayfa_urun_slider .sliderBannerContainer {
  padding: 0 !important;
  max-width: 1720px !important;
  margin: 0 auto !important;
}

/* ── SECTION HEADER — title + tabs on same horizontal axis ── */
.am-section-header {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 0 32px !important;
  margin-bottom: 0 !important;
  width: 100% !important;
}
.am-section-header .am-slider-title,
.am-section-header .JKatAdi.categoryTitle {
  grid-column: 1 !important;
  justify-self: start !important;
  margin: 0 !important;
  padding: 0 !important;
}
.am-section-header .am-tabs-wrapper {
  grid-column: 2 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
}

/* Category title — left-aligned with blue stripe */
.anasayfa_urun_slider .JKatAdi.categoryTitle,
.am-slider-title {
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  position: relative !important;
}
.anasayfa_urun_slider .JKatAdi.categoryTitle span,
.am-slider-title span {
  font-family: var(--am-font-family) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--am-color-text) !important;
  text-transform: none !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  display: inline !important;
}
.anasayfa_urun_slider .JKatAdi.categoryTitle span.bold { font-weight: 700 !important; }
.anasayfa_urun_slider .JKatAdi.categoryTitle span.satir1 { display: inline !important; }
.anasayfa_urun_slider .JKatAdi.categoryTitle::after,
.am-slider-title::after {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 3px !important;
  background: var(--am-color-primary) !important;
  margin-top: 10px !important;
  border-radius: 2px !important;
}

/* Tabbed slider headers — underline indicator style (NOT pills) */
.anasayfa_urun_slider .ticimaxTabHead,
#ticimaxTabContent .ticimaxTabHead {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  text-align: left !important;
}
.anasayfa_urun_slider .ticimaxTabHead ul._clearfix,
#ticimaxTabContent .ticimaxTabHead ul._clearfix {
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 2px solid #e2e8f0 !important;
  background: none !important;
  line-height: 1.15 !important;
}
.anasayfa_urun_slider .ticimaxTabHead ul._clearfix li,
#ticimaxTabContent .ticimaxTabHead ul._clearfix li {
  float: none !important;
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.anasayfa_urun_slider .ticimaxTabHead ul._clearfix li a,
#ticimaxTabContent .ticimaxTabHead ul._clearfix li a {
  display: block !important;
  padding: 12px 18px !important;
  font-family: var(--am-font-family) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  line-height: 1.4 !important;
}
.anasayfa_urun_slider .ticimaxTabHead ul._clearfix li a:hover,
#ticimaxTabContent .ticimaxTabHead ul._clearfix li a:hover {
  color: var(--am-color-primary) !important;
  background: none !important;
}
.anasayfa_urun_slider .ticimaxTabHead ul._clearfix li.ticimaxTabHead_active a,
#ticimaxTabContent .ticimaxTabHead ul._clearfix li.ticimaxTabHead_active a {
  color: var(--am-color-primary) !important;
  font-weight: 600 !important;
  border-bottom: 2px solid var(--am-color-primary) !important;
  margin-bottom: -2px !important;
  background: none !important;
  box-shadow: none !important;
}

/* Slider product cards — clean up Ticimax defaults */
.anasayfa_urun_slider .productItem .itemCategory,
.anasayfa_urun_slider .productItem .itemCategoryLine,
.anasayfa_urun_slider .productItem .productSatisBirimi,
.anasayfa_urun_slider .productItem .productMarka,
.anasayfa_urun_slider .productItem .urunListeAdet,
.anasayfa_urun_slider .productItem .urunListeAdetContainer,
.anasayfa_urun_slider .productItem .productItemVariantDetail,
.anasayfa_urun_slider .productItem .newIcon,
.anasayfa_urun_slider .productItem .examineIcon { display: none !important; }

/* Slider card — match category page card design */
.anasayfa_urun_slider .productItem {
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  height: 100% !important;
  padding: 0 !important;
  text-align: left !important;
  margin: 0 !important;
}
.anasayfa_urun_slider .productItem:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(0, 102, 204, 0.25) !important;
  box-shadow: 0 16px 32px rgba(0, 102, 204, 0.12) !important;
}

/* Slider card image — edge-to-edge, no padding */
.anasayfa_urun_slider .productImage {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  background: #ffffff !important;
  border-radius: 16px 16px 0 0 !important;
  margin: 0 !important;
  padding: 12px 12px 0 12px !important;
  width: 100% !important;
  float: none !important;
  height: auto !important;
}
.anasayfa_urun_slider .productImage a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  position: relative !important;
}
.anasayfa_urun_slider .productImage img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) !important;
  position: relative !important;
  max-width: 100% !important;
  max-height: 100% !important;
  left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
  margin: 0 !important;
}
.anasayfa_urun_slider .productItem:hover .productImage img { transform: scale(1.04) !important; }

/* Slider card detail */
.anasayfa_urun_slider .productDetail {
  border-top: 1px solid #f0f0f0 !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  flex: 1 !important;
  text-align: left !important;
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  background: transparent !important;
}
.anasayfa_urun_slider .productDetail > a,
.anasayfa_urun_slider .productName a { color: #1a1a1a !important; text-decoration: none !important; }
.anasayfa_urun_slider .productName a:hover { color: var(--am-color-primary) !important; }

/* Slider card title — 2 line clamp */
.anasayfa_urun_slider .productName {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  line-height: 1.45 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-height: 40px !important;
  text-decoration: none !important;
  font-family: 'Roboto', sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  white-space: normal !important;
  word-break: break-word !important;
  max-width: 100% !important;
}
.anasayfa_urun_slider .productName *,
.anasayfa_urun_slider .productName a,
.anasayfa_urun_slider .productName span {
  font-size: inherit !important; font-weight: inherit !important;
  color: inherit !important; line-height: inherit !important;
  height: auto !important; white-space: normal !important;
  display: inline !important; width: auto !important;
  max-width: 100% !important;
}
.anasayfa_urun_slider .productDetail > a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Slider card price — row layout, centered */
.anasayfa_urun_slider .productPrice {
  margin-top: auto !important;
  padding: 0 !important;
  border-top: none !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 4px 10px !important;
  height: auto !important;
  float: none !important;
}
.anasayfa_urun_slider .productPrice .urunIndirimsizFiyat,
.anasayfa_urun_slider .productPrice .am-old-price {
  font-size: 13px !important;
  color: #ccc !important;
  text-decoration: line-through !important;
  order: -2 !important;
  font-weight: 400 !important;
}
.anasayfa_urun_slider .dovizfiyati { order: -1 !important; }
.anasayfa_urun_slider .tlfiyati { order: 1 !important; }
.anasayfa_urun_slider .dovizfiyati span:first-child,
.anasayfa_urun_slider .discountPrice .discountPriceSpan {
  font-size: 24px !important; font-weight: 700 !important; color: #0066cc !important;
  display: inline !important; float: none !important;
}
.anasayfa_urun_slider .tlfiyati span:first-child {
  font-size: 13px !important; font-weight: 500 !important; color: #888 !important;
  display: inline !important; float: none !important;
}
.anasayfa_urun_slider .dovizfiyatikdv,
.anasayfa_urun_slider .tlfiyatikdv,
.anasayfa_urun_slider .discountKdv {
  display: none !important;
}
/* Slider Tükendi badge — inline pill next to price */
.anasayfa_urun_slider .productPrice .am-out-of-stock {
  display: none;
  background: #0066cc !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Slider card buttons — hidden; full card is clickable via JS */
.anasayfa_urun_slider .productIcon {
  display: none !important;
}
.anasayfa_urun_slider .productIcon .favori { display: none !important; }
.anasayfa_urun_slider .productIcon a,
.anasayfa_urun_slider .productIcon input[type="button"] {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  height: auto !important;
  line-height: 1.2 !important;
  width: auto !important;
  position: static !important;
  opacity: 1 !important;
}
.anasayfa_urun_slider .urunListeSpanSec,
.anasayfa_urun_slider .examineIcon a {
  background: #f5f5f5 !important; color: #1a1a1a !important; border: none !important;
}
.anasayfa_urun_slider .urunListeSpanSepeteEkle {
  background: var(--am-color-primary) !important; color: #fff !important; border: none !important;
}
.anasayfa_urun_slider .urunListeSpanSepeteEkle:hover { background: var(--am-color-primary-dark) !important; }

/* Slider card favorites — matches category page fav style */
.anasayfa_urun_slider .am-fav {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 5 !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #0066cc !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  opacity: 0 !important;
  transition: all 0.3s ease !important;
}
.anasayfa_urun_slider .productItem:hover .am-fav { opacity: 1 !important; }
.anasayfa_urun_slider .am-fav:hover {
  background: #004f99 !important;
  color: #fff !important;
  transform: scale(1.1) !important;
}
.anasayfa_urun_slider .am-fav i,
.anasayfa_urun_slider .am-fav .favoriteslist {
  font-style: normal !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: #fff !important;
  transition: color 0.2s ease !important;
}
.anasayfa_urun_slider .productItem:hover .am-fav i,
.anasayfa_urun_slider .productItem:hover .am-fav .favoriteslist { color: #fff !important; }
.anasayfa_urun_slider .am-fav:hover i,
.anasayfa_urun_slider .am-fav:hover .favoriteslist { color: #fff !important; }

/* Slider sold out badge */
.anasayfa_urun_slider .TukendiIco {
  position: absolute !important; top: 12px !important; left: 12px !important;
  background: #0066cc !important; color: #fff !important;
  padding: 4px 10px !important; border-radius: 6px !important;
  font-size: 11px !important; font-weight: 600 !important;
  z-index: 10 !important; text-transform: uppercase !important;
}
.anasayfa_urun_slider .TukendiIco span { display: inline !important; position: static !important; padding: 0 !important; background: transparent !important; color: inherit !important; font-size: inherit !important; border-radius: 0 !important; width: auto !important; height: auto !important; }

/* ==========================================================
 *  ALTRALUCE SPECIAL RULES
 * ========================================================== */
.am-card--altraluce .productIcon { display: none !important; }
.am-card--altraluce .productName { font-size: 15px; font-weight: 500; letter-spacing: 0.01em; margin: 6px 0; padding: 0 10px; }
.am-card--altraluce .am-out-of-stock,
.am-card--altraluce .am-altraluce-desc,
.am-card--altraluce .productDescription { display: none !important; }
.am-card--altraluce .TukendiIco,
.am-card--altraluce .stokYok,
.am-card--altraluce .OutOfStock { display: none !important; }

/* Altraluce "İncele →" link — category cards */
.am-altraluce-incele {
  display: inline-flex !important;
  align-items: center !important;
  color: #0066cc !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 0 !important;
  transition: color 0.2s ease !important;
  font-family: var(--am-font-family) !important;
}
.am-altraluce-incele:hover { color: #004f99 !important; }
body.am-category-page .ProductList .am-card--altraluce .productPrice {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}
body.am-category-page .ProductList .am-card--altraluce .productDetail {
  gap: 6px !important;
  padding-bottom: 15px !important;
}

/* Altraluce in slider: hide all non-essential elements */
.anasayfa_urun_slider .am-card--altraluce .productPrice,
.anasayfa_urun_slider .am-card--altraluce .productIcon,
.anasayfa_urun_slider .am-card--altraluce .am-out-of-stock { display: none !important; }
.anasayfa_urun_slider .am-card--altraluce .productDetail { border-top: none !important; }

body.am-detail-altraluce .urunDetayFiyatContainer,
body.am-detail-altraluce .PriceList,
body.am-detail-altraluce .havaleFiyati,
body.am-detail-altraluce #divKDVDahilFiyat,
body.am-detail-altraluce .urunDetayAdet,
body.am-detail-altraluce .urunDetayAdetContainer,
body.am-detail-altraluce .urunDetaySpt,
body.am-detail-altraluce .urunDetayQuantity,
body.am-detail-altraluce .urunDetaySepeteEkle,
body.am-detail-altraluce .urunDetayBeden,
body.am-detail-altraluce .urunDetayCartBtn,
body.am-detail-altraluce .urunDetayBottom,
body.am-detail-altraluce .btnAddToCart,
body.am-detail-altraluce .addToCart,
body.am-detail-altraluce .urunListeSpanSepeteEkle,
body.am-detail-altraluce .urunListeSpanSec,
body.am-detail-altraluce .qtyPlus,
body.am-detail-altraluce .qtyMinus,
body.am-detail-altraluce .productMarkaLogo,
body.am-detail-altraluce .productIcon,
body.am-detail-altraluce .ProductIcon,
body.am-detail-altraluce .ProductIcon.hidden-phone,
body.am-detail-altraluce .productDetailButtons { display: none !important; }

body.am-detail-altraluce #divFiyatAlanlari,
body.am-detail-altraluce #divAdetCombo,
body.am-detail-altraluce #divSatinAl,
body.am-detail-altraluce #divEkstraBilgiler { display: none !important; }

body.am-detail-altraluce .TukendiIco,
body.am-detail-altraluce .stokYok,
body.am-detail-altraluce .OutOfStock { display: none !important; }

/* Hide payment options tab + panel on Altraluce detail pages */
body.am-detail-altraluce .urunTab li.TabOdemeSecenekleri { display: none !important; }
body.am-detail-altraluce #divOdemeSecenekleri { display: none !important; }

body.am-detail-altraluce .am-detail-message {
  margin: 18px 0;
  background: #0066cc !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  display: inline-block !important;
  width: fit-content !important;
  font-family: var(--am-font-family) !important;
  cursor: default !important;
}

body.am-detail-altraluce .urunDetayTitle,
body.am-detail-altraluce .productName.detailUrl,
body.am-detail-altraluce .productName.detailUrl a { color: var(--am-color-text); }

.am-card:not(.am-card--altraluce) .TukendiIco,
.am-card:not(.am-card--altraluce) .stokYok,
.am-card:not(.am-card--altraluce) .OutOfStock { display: none !important; }

/* ===== STOCK BANNER ===== */
.am-stock-banner,
#divStokYok.am-stock-banner,
#contentProductDetail #divStokYok,
#contentProductDetail .RightDetail #divStokYok,
#contentProductDetail .RightDetail > #divStokYok {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #0066cc !important;
  background-color: #0066cc !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  margin: 18px 0 !important;
  border: none !important;
  box-shadow: 0 16px 32px rgba(0, 102, 204, 0.35);
  text-align: center;
}
/* Stock banner positioning on product detail page */
#contentProductDetail #divStokYok.am-stock-banner {
  width: 100% !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
/* When stock banner is visible, hide buy buttons */
.am-stock-banner ~ #divSatinAl,
.am-stock-banner ~ .BasketBtn,
.am-stock-banner ~ .buyfast,
#divStokYok:not([style*='display: none']):not([style*='display:none']) ~ #divSatinAl {
  display: none !important;
}
/* When stock banner is in the page, also hide if it's a sibling or via parent */
body:has(#divStokYok:not([style*='display: none']):not([style*='display:none'])) #divSatinAl,
body:has(.am-stock-banner) #divSatinAl {
  display: none !important;
}
body:has(#divStokYok:not([style*='display: none']):not([style*='display:none'])) #divAdetCombo,
body:has(.am-stock-banner) #divAdetCombo {
  display: none !important;
}

/* ==========================================================
 *  CATEGORY PAGE — Grid + Card Overrides
 *  DOM is reconstructed by JS — this CSS targets the clean HTML
 * ========================================================== */

/* Page background — category pages only */
body.am-category-page { background-color: #f1f5f9 !important; }

/* Hide the big Ticimax breadcrumb-title h1/h2 on category pages */
body.am-category-page .categoryTitle > h1,
body.am-category-page .categoryTitle > h2,
body.am-category-page .categoryTitle > span:not(.categoryTitleText),
body.am-category-page .categoryTitle > .bold,
body.am-category-page .categoryTitle > .brandlistselection {
  display: none !important;
}
body.am-category-page .categoryTitle {
  text-align: left !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  float: none !important;
  width: 100% !important;
  text-transform: none !important;
}

/* Category page title text — restyle as transparent container (ul.breadcrumb lives inside) */
body.am-category-page .categoryTitleText { display: block !important; float: none !important; width: 100% !important; border: none !important; padding: 0 !important; margin: 0 !important; background: none !important; }
body.am-category-page .categoryTitleText > *:not(ul):not(.breadcrumb) { display: none !important; }

/* breadList — HIDDEN */
body.am-category-page .breadList { display: none !important; }

/* Sort bar — clean modern bar */
body.am-category-page #divSayfalamaUst,
body.am-category-page #divSayfalamaUst.Slct {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  margin: 0 0 20px 0 !important;
  border: none !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  float: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.am-category-page #divSayfalamaUst .brandlistselection {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
body.am-category-page #divSayfalamaUst.Slct .brandlistselection .sortingContent {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  width: auto !important;
  flex: 1 !important;
  float: none !important;
  background: transparent !important;
  border: none !important;
  padding: 12px 0 !important;
  margin: 0 !important;
}
body.am-category-page #divSayfalamaUst.Slct .brandlistselection .sortingContent li {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
body.am-category-page #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
  height: 36px !important;
  padding: 0 32px 0 12px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-family: var(--am-font-family) !important;
  color: #374151 !important;
  background: #fff !important;
  cursor: pointer !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  transition: border-color 0.2s !important;
}
body.am-category-page #divSayfalamaUst.Slct .brandlistselection .sortingContent select:hover,
body.am-category-page #divSayfalamaUst.Slct .brandlistselection .sortingContent select:focus {
  border-color: var(--am-color-primary) !important;
  outline: none !important;
}
/* "Stoktakiler" in-stock checkbox */
body.am-category-page #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #374151 !important;
  font-size: 13px !important;
  font-family: var(--am-font-family) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}
body.am-category-page #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span {
  line-height: 1.4 !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  font-family: var(--am-font-family) !important;
  color: #374151 !important;
  text-transform: none !important;
}
body.am-category-page #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:before {
  content: '' !important;
  width: 16px !important;
  height: 16px !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 4px !important;
  float: none !important;
  margin: 0 !important;
  background: #fff !important;
  transition: all 0.2s !important;
  flex-shrink: 0 !important;
}
body.am-category-page #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:hover:before {
  border-color: #0066cc !important;
}
body.am-category-page #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before {
  background: #0066cc !important;
  border-color: #0066cc !important;
}
/* Product count */
body.am-category-page #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet {
  float: none !important;
  margin-left: auto !important;
  margin-right: 12px !important;
}
body.am-category-page #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span {
  color: #9ca3af !important;
  font-size: 13px !important;
  font-family: var(--am-font-family) !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  text-transform: none !important;
  text-indent: 0 !important;
}
/* View toggle buttons */
body.am-category-page #divSayfalamaUst.Slct .blockSelect {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.am-category-page #divSayfalamaUst.Slct .blockSelect a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}
body.am-category-page #divSayfalamaUst.Slct .blockSelect a i {
  color: #9ca3af !important;
  font-size: 15px !important;
  line-height: 1 !important;
  transition: color 0.2s !important;
}
body.am-category-page #divSayfalamaUst.Slct .blockSelect a.sort_2 { display: none !important; }
body.am-category-page #divSayfalamaUst.Slct .blockSelect a:hover {
  border-color: #0066cc !important;
  background: #f0f9ff !important;
}
body.am-category-page #divSayfalamaUst.Slct .blockSelect a:hover i {
  color: #0066cc !important;
}
body.am-category-page #divSayfalamaUst.Slct .blockSelect a.Active {
  border-color: #0066cc !important;
  background: #f0f9ff !important;
}
body.am-category-page #divSayfalamaUst.Slct .blockSelect a.Active i {
  color: #0066cc !important;
}

/* divCenterBlock — full reset after sidebar is hidden */
body.am-category-page #divCenterBlock {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border: none !important;
  box-shadow: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* Hide sidebar & unnecessary elements */
body.am-category-page .categoryContainer .Block_item.filterBlock,
body.am-category-page #divLeftBlock .Block_item.filterBlock,
body.am-category-page #divLeftBlock .category-vertical-filters { display: none !important; }
body.am-category-page #divLeftBlock { display: none !important; }

/* Hide duplicate top pagination — .pageNumber sits inside #divSayfalamaUst (the sort bar)
   as a flex child and wraps below the sort dropdowns, above all products.
   The correct pagination lives in #divSayfalamaAlt (.pageNumberBottom) and stays visible.
   Rule placed here so it fires with the sidebar-hide block, before products render. */
body.am-category-page #divSayfalamaUst .pageNumber { display: none !important; }
body.am-category-page .ProductList .itemCategory,
body.am-category-page .ProductList .productSatisBirimi,
body.am-category-page .ProductList .productMarka,
body.am-category-page .ProductList .urunListeAdet,
body.am-category-page .ProductList .productItemVariantDetail { display: none !important; }

/* Container width override for category pages */
#divIcerik.categoryContainer,
#divIcerik.ticiContainer.categoryContainer {
  max-width: 1360px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 4px 16px 40px !important;
  box-sizing: border-box !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Breadcrumb — subtle, small */
#divIcerik.categoryContainer ul.breadcrumb { list-style: none !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 0 !important; margin: 5px 0 5px !important; padding: 0 !important; font-size: 13px !important; background: none !important; border: none !important; }
#divIcerik.categoryContainer ul.breadcrumb li { display: inline-flex !important; align-items: center !important; text-transform: none !important; }
#divIcerik.categoryContainer ul.breadcrumb li + li::before { content: '\203A' !important; display: inline-block !important; margin: 0 8px !important; color: #94a3b8 !important; font-size: 16px !important; line-height: 1 !important; }
#divIcerik.categoryContainer ul.breadcrumb li a { color: #64748b !important; text-decoration: none !important; transition: color 0.2s ease !important; text-transform: none !important; font-family: var(--am-font-family) !important; font-size: 13px !important; }
#divIcerik.categoryContainer ul.breadcrumb li a:hover { color: #0066cc !important; }
#divIcerik.categoryContainer ul.breadcrumb li span { color: inherit !important; font-family: var(--am-font-family) !important; text-transform: none !important; font-size: 13px !important; }
#divIcerik.categoryContainer ul.breadcrumb li:last-child a,
#divIcerik.categoryContainer ul.breadcrumb li:last-child span { color: #0066cc !important; font-weight: 600 !important; font-size: 15px !important; }

/* Grid layout — category pages only */
body.am-category-page .ProductList { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; list-style: none !important; float: none !important; box-sizing: border-box !important; }
body.am-category-page .ProductList .ItemOrj { float: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; display: block !important; box-sizing: border-box !important; }
body.am-category-page .ProductList .clear { display: none !important; }

/* Product card — category pages only */
body.am-category-page .ProductList .productItem {
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  height: 100% !important;
  border: 1px solid #e8e8e8 !important;
  padding: 0 !important;
  text-align: left !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}
body.am-category-page .ProductList .productItem:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(0, 102, 204, 0.25) !important;
  box-shadow: 0 16px 32px rgba(0, 102, 204, 0.12) !important;
}

/* Category favorites */
body.am-category-page .ProductList .am-fav {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 5 !important;
  width: 36px !important;
  height: 36px !important;
  background: #0066cc !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
  opacity: 0 !important;
  transition: all 0.3s ease !important;
}
body.am-category-page .ProductList .productItem:hover .am-fav { opacity: 1 !important; }
body.am-category-page .ProductList .am-fav:hover { background: #004f99 !important; color: #fff !important; transform: scale(1.1) !important; }
body.am-category-page .ProductList .am-fav i { font-style: normal !important; font-size: 18px !important; line-height: 1 !important; color: #fff !important; transition: color 0.2s ease !important; }
body.am-category-page .ProductList .am-fav:hover i { color: #fff !important; }

/* Product image — square (category pages only) */
body.am-category-page .ProductList .productImage {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  background: #ffffff !important;
  border-radius: 16px 16px 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
  height: auto !important;
}
body.am-category-page .ProductList .productImage a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  position: relative !important;
}
body.am-category-page .ProductList .productImage img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) !important;
  position: relative !important;
  max-width: 100% !important;
  max-height: 100% !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}
body.am-category-page .ProductList .productItem:hover .productImage img { transform: scale(1.06) !important; }

/* Product detail section — category pages only */
body.am-category-page .ProductList .productDetail {
  border-top: 1px solid #f0f0f0 !important;
  padding: 12px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex: 1 !important;
  text-align: left !important;
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  background: transparent !important;
}
body.am-category-page .ProductList .productDetail > a,
body.am-category-page .ProductList .productDetail a.detailLink,
body.am-category-page .ProductList .productName a { color: #1a1a1a !important; text-decoration: none !important; }
body.am-category-page .ProductList .productDetail > a:hover,
body.am-category-page .ProductList .productDetail a.detailLink:hover,
body.am-category-page .ProductList .productName a:hover { color: #0066cc !important; }

body.am-category-page .ProductList .productName {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-height: 0 !important;
  text-decoration: none !important;
  font-family: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  white-space: normal !important;
  letter-spacing: normal !important;
}
body.am-category-page .ProductList .productName * {
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
  height: auto !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  letter-spacing: normal !important;
  display: inline !important;
}

/* Price — category pages only — SIDE BY SIDE layout */
body.am-category-page .ProductList .productPrice {
  margin-top: auto !important;
  padding-top: 6px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-top: 1px solid #f0f0f0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 4px 16px !important;
  height: auto !important;
  float: none !important;
  margin-bottom: 0 !important;
}
body.am-category-page .ProductList .dovizfiyati {
  order: 1 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
}
body.am-category-page .ProductList .tlfiyati {
  order: 3 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
}
body.am-category-page .ProductList .dovizfiyati span:first-child {
  font-size: 18px !important; font-weight: 700 !important; color: #0066cc !important;
  text-decoration: none !important; line-height: 1.2 !important; display: inline !important; float: none !important;
}
body.am-category-page .ProductList .tlfiyati span:first-child {
  font-size: 14px !important; font-weight: 500 !important; color: #1a1a1a !important;
  text-decoration: none !important; display: inline !important; float: none !important;
}
body.am-category-page .ProductList .dovizfiyatikdv,
body.am-category-page .ProductList .tlfiyatikdv {
  font-size: 10px !important; font-weight: 400 !important; color: #aaa !important;
}
/* Discount/old price — category cards */
body.am-category-page .ProductList .productPrice .urunIndirimsizFiyat,
body.am-category-page .ProductList .productPrice .am-old-price {
  font-size: 14px !important;
  color: #888 !important;
  text-decoration: line-through !important;
  order: -2 !important;
  font-weight: 400 !important;
  width: 100% !important;
  text-align: left !important;
}
body.am-category-page .ProductList .discountPrice { order: -1 !important; }
body.am-category-page .ProductList .discountPrice .discountPriceSpan {
  font-size: 18px !important; font-weight: 700 !important; color: #0066cc !important;
  display: inline !important; float: none !important;
}
body.am-category-page .ProductList .discountPrice .discountKdv {
  font-size: 10px !important; color: #aaa !important;
}

/* Buttons — HIDDEN on category cards (no functional Add to Cart on Ticimax listing pages) */
body.am-category-page .ProductList .productIcon { display: none !important; }

/* Out of stock inline tag — hidden; TukendiIco on image is used instead */
.am-sold-out-tag { display: none !important; }

/* Sold Out badge — category pages only */
body.am-category-page .ProductList .TukendiIco {
  position: absolute !important; top: 12px !important; left: 12px !important;
  background: #0066cc !important; color: #fff !important;
  padding: 4px 10px !important; border-radius: 6px !important;
  font-size: 11px !important; font-weight: 600 !important;
  z-index: 10 !important; text-transform: uppercase !important;
  letter-spacing: 0.5px !important; margin: 0 !important;
  width: auto !important; height: auto !important;
  text-align: center !important;
}
body.am-category-page .ProductList .TukendiIco span {
  display: inline !important; position: static !important;
  padding: 0 !important; background: transparent !important;
  color: inherit !important; font-size: inherit !important;
  line-height: inherit !important; border-radius: 0 !important;
  width: auto !important; height: auto !important;
  max-width: none !important; max-height: none !important;
}

/* Out of stock image — lower opacity so TukendiIco badge stands out */
body.am-category-page .ProductList .productItem:has(.TukendiIco):not(.am-card--altraluce) .productImage { opacity: 0.60 !important; }

/* Pagination — category pages only */
body.am-category-page .pageNumber { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin-top: 40px !important; flex-wrap: wrap !important; opacity: 1 !important; }
body.am-category-page .pageNumber .pageBorder { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; opacity: 1 !important; }
body.am-category-page .pageNumber a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 40px !important; height: 40px !important; padding: 0 12px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; color: #64748b !important; background: #fff !important; border: 1px solid #e2e8f0 !important; transition: all 0.2s !important; opacity: 1 !important; }
body.am-category-page .pageNumber a:hover { border-color: #0066cc !important; color: #0066cc !important; }
body.am-category-page .pageNumber a.SelectedSayfa { background: #0066cc !important; color: #fff !important; border-color: #0066cc !important; }

/* ==========================================================
 *  PRODUCT DETAIL PAGE — Layout, Gallery, Price, Buttons
 * ========================================================== */

/* Page background — product detail */
html { background-color: #fff !important; } /* Prevent #f1f5f9 bleeding into iOS status bar / overscroll area */
body.am-detail-page { background-color: #f1f5f9 !important; }

/* Container width */
#divIcerik.ticiContainer.productDetailContainer,
.ticiContainer.productDetailContainer { max-width: 1280px !important; padding: 0 20px !important; width: 100% !important; box-sizing: border-box !important; margin: 0 auto !important; }
#contentProductDetail#contentProductDetail { max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
#contentProductDetail .ProductDetail { margin: 0 !important; padding: 0 !important; width: 100% !important; box-sizing: border-box !important; }
#contentProductDetail .ProductDetailMain,
#contentProductDetail #ProductDetailMain { max-width: 100% !important; width: 100% !important; float: none !important; display: block !important; margin: 0 !important; padding: 0 !important; }
#contentProductDetail .ProductDetailMain .ProductDetailMainRow { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
#contentProductDetail .ProductDetailMain .leftImage { margin-left: 0 !important; padding-left: 0 !important; }

/* Breadcrumb — product page (same style as category page) */
#contentProductDetail .categoryTitle > *:not(.proCategoryTitle) { display: none !important; }
#contentProductDetail .categoryTitle { margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; text-align: left !important; }
#contentProductDetail .proCategoryTitle { margin: 0 !important; padding: 0 !important; border: none !important; border-bottom: none !important; }
#contentProductDetail .proCategoryTitle span,
.proCategoryTitle .categoryTitleText span,
.proCategoryTitle span { text-transform: none !important; }
#contentProductDetail ul.breadcrumb,
.ProductDetail ul.breadcrumb { list-style: none !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 0 !important; margin: 16px 0 12px !important; padding: 0 !important; font-size: 13px !important; background: none !important; border: none !important; }
#contentProductDetail ul.breadcrumb li,
.ProductDetail ul.breadcrumb li { display: inline-flex !important; align-items: center !important; text-transform: none !important; }
#contentProductDetail ul.breadcrumb li + li::before,
.ProductDetail ul.breadcrumb li + li::before { content: '\203A' !important; display: inline-block !important; margin: 0 8px !important; color: #94a3b8 !important; font-size: 16px !important; line-height: 1 !important; }
#contentProductDetail ul.breadcrumb li a,
.ProductDetail ul.breadcrumb li a { color: #64748b !important; text-decoration: none !important; transition: color 0.2s ease !important; text-transform: none !important; font-family: var(--am-font-family) !important; font-size: 13px !important; }
#contentProductDetail ul.breadcrumb li a:hover,
.ProductDetail ul.breadcrumb li a:hover { color: #0066cc !important; }
#contentProductDetail ul.breadcrumb li a span,
.ProductDetail ul.breadcrumb li a span,
ul.breadcrumb li span { color: inherit !important; font-family: var(--am-font-family) !important; font-size: 13px !important; text-transform: none !important; }
#contentProductDetail ul.breadcrumb li:last-child a,
.ProductDetail ul.breadcrumb li:last-child a,
#contentProductDetail ul.breadcrumb li:last-child a span,
.ProductDetail ul.breadcrumb li:last-child a span { color: #0066cc !important; font-weight: 600 !important; font-size: 15px !important; }
#contentProductDetail ul.breadcrumb li:last-child a:hover { color: #004f99 !important; }

/* Hide elements */
#contentProductDetail #divOnyazi,
#contentProductDetail .Formline.BorderNone.OnYaziContent { display: none !important; }
#contentProductDetail .ProductIcon2 { display: none !important; }
#contentProductDetail #divFiyatAlanlari #divTurkLirasiFiyat,
#contentProductDetail #divTurkLirasiFiyat { display: none !important; }
#contentProductDetail .Formline.puanVer { display: none !important; }
#contentProductDetail .productDetailAsorti,
#contentProductDetail .productDetailAsortiV2 { display: none !important; }
#contentProductDetail .socialButons,
#contentProductDetail #divSocialButtons,
#contentProductDetail .TavsiyeEtBtnContent,
#contentProductDetail .YorumYazbtnContent { display: none !important; }

/* Purchase buttons wrapper — inline-block reset (proven) */
#contentProductDetail #divSatinAl .buyfast,
#contentProductDetail #divSatinAl .BasketBtn,
#contentProductDetail #divSatinAl .basketBtn { display: inline-block !important; margin: 0 !important; padding: 0 !important; float: none !important; border: none !important; background: none !important; }
#contentProductDetail #divAdetCombo .left_line,
#contentProductDetail #divAdetCombo .center_line.lineTitle2 { display: none !important; }

/* Product page action buttons — Favorites, Price Alert, Stock Notification */
/* Show ProductIcon.hidden-phone on product pages — Ticimax hides it on mobile via hidden-phone class */
body.am-detail-page #contentProductDetail .ProductIcon.hidden-phone {
  display: flex !important;
  visibility: visible !important;
}
#contentProductDetail .ProductIcon .UIstekListemeEkle,
#contentProductDetail .ProductIcon .UKarsilastirma { display: none !important; }
#contentProductDetail .ProductIcon { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: none !important; }
#contentProductDetail .ProductIcon > div { flex: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; font-size: 14px !important; line-height: 1.4 !important; }
/* Normalize Kritik Stok and any other Ticimax-injected badge inside ProductIcon */
#contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma) a,
#contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma) span,
#contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma) button { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #475569 !important; text-decoration: none !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: none !important; cursor: pointer !important; transition: all 0.2s !important; font-family: var(--am-font-family) !important; }
#contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma):hover,
#contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma):hover a,
#contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma):hover span,
#contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma):hover button { color: #0066cc !important; }
#contentProductDetail .ProductIcon .UFavorilerimeEkle { order: 1 !important; }
#contentProductDetail .ProductIcon .UFavorilerimeEkle a { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #475569 !important; text-decoration: none !important; padding: 0 !important; border: none !important; background: none !important; cursor: pointer !important; transition: all 0.2s !important; font-family: var(--am-font-family) !important; }
#contentProductDetail .ProductIcon .UFavorilerimeEkle a img { display: none !important; }
#contentProductDetail .ProductIcon .UFavorilerimeEkle a:hover,
#contentProductDetail .ProductIcon .UFavorilerimeEkle a:hover *,
#contentProductDetail .ProductIcon .UFavorilerimeEkle:hover,
#contentProductDetail .ProductIcon .UFavorilerimeEkle:hover * { color: #0066cc !important; }
#contentProductDetail .ProductIcon .FiyatHaberVer,
#contentProductDetail .ProductIcon .UGelinceHaberVer { order: 2 !important; }
#contentProductDetail .ProductIcon .FiyatHaberVer a,
#contentProductDetail .ProductIcon .UGelinceHaberVer a { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #475569 !important; text-decoration: none !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: none !important; cursor: pointer !important; transition: all 0.2s !important; font-family: var(--am-font-family) !important; }
#contentProductDetail .ProductIcon .FiyatHaberVer a img,
#contentProductDetail .ProductIcon .UGelinceHaberVer a img { display: none !important; }
#contentProductDetail .ProductIcon .FiyatHaberVer a:hover,
#contentProductDetail .ProductIcon .FiyatHaberVer a:hover *,
#contentProductDetail .ProductIcon .FiyatHaberVer:hover,
#contentProductDetail .ProductIcon .FiyatHaberVer:hover *,
#contentProductDetail .ProductIcon .UGelinceHaberVer a:hover,
#contentProductDetail .ProductIcon .UGelinceHaberVer a:hover *,
#contentProductDetail .ProductIcon .UGelinceHaberVer:hover,
#contentProductDetail .ProductIcon .UGelinceHaberVer:hover * { color: #0066cc !important; }
#contentProductDetail .ProductIcon .box1 { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; gap: 6px !important; background: none !important; padding: 0 !important; border: none !important; }
#contentProductDetail .ProductIcon .box1 i.fa { font-size: 15px !important; width: auto !important; height: auto !important; line-height: 1 !important; background: none !important; padding: 0 !important; border: none !important; border-radius: 0 !important; color: #475569 !important; display: inline !important; text-align: center !important; transition: color 0.2s !important; }
#contentProductDetail .ProductIcon .UFavorilerimeEkle:hover i.fa,
#contentProductDetail .ProductIcon .UFavorilerimeEkle a:hover i.fa,
#contentProductDetail .ProductIcon .UFavorilerimeEkle:hover .box1 i.fa,
#contentProductDetail .ProductIcon .UGelinceHaberVer:hover i.fa,
#contentProductDetail .ProductIcon .UGelinceHaberVer a:hover i.fa,
#contentProductDetail .ProductIcon .UGelinceHaberVer:hover .box1 i.fa,
#contentProductDetail .ProductIcon .FiyatHaberVer:hover i.fa,
#contentProductDetail .ProductIcon .FiyatHaberVer a:hover i.fa,
#contentProductDetail .ProductIcon .FiyatHaberVer:hover .box1 i.fa,
#contentProductDetail .ProductIcon div:hover > a i.fa,
#contentProductDetail .ProductIcon div:hover > a .box1 i.fa { color: #0066cc !important; }
/* WhatsApp button — hidden by default, shown for out-of-stock + altraluce */
#contentProductDetail .ProductIcon .am-whatsapp { order: 0 !important; display: none !important; align-self: center !important; }
body:has(.am-stock-banner) #contentProductDetail .ProductIcon .am-whatsapp,
body:has(#divStokYok:not([style*='display: none']):not([style*='display:none'])) #contentProductDetail .ProductIcon .am-whatsapp,
body.am-detail-altraluce #contentProductDetail .ProductIcon .am-whatsapp { display: flex !important; align-items: center !important; }
#contentProductDetail .ProductIcon .am-whatsapp a { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #475569 !important; text-decoration: none !important; padding: 0 !important; border: none !important; background: none !important; cursor: pointer !important; transition: all 0.2s !important; font-family: var(--am-font-family) !important; white-space: nowrap !important; line-height: 1 !important; }
#contentProductDetail .ProductIcon .am-whatsapp a:hover,
#contentProductDetail .ProductIcon .am-whatsapp a:hover * { color: #25D366 !important; }
#contentProductDetail .ProductIcon .am-whatsapp svg { flex-shrink: 0 !important; transition: transform 0.2s !important; align-self: center !important; }
#contentProductDetail .ProductIcon .am-whatsapp a:hover svg { transform: scale(1.1) !important; }
/* Altraluce WhatsApp button — standalone, placed after contact message banner */
#contentProductDetail .am-whatsapp--altraluce { display: flex !important; align-items: center !important; margin-top: 10px !important; order: 5 !important; }
#contentProductDetail .am-whatsapp--altraluce a { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #475569 !important; text-decoration: none !important; padding: 0 !important; border: none !important; background: none !important; cursor: pointer !important; transition: all 0.2s !important; font-family: var(--am-font-family) !important; white-space: nowrap !important; line-height: 1 !important; }
#contentProductDetail .am-whatsapp--altraluce a:hover,
#contentProductDetail .am-whatsapp--altraluce a:hover * { color: #25D366 !important; }
#contentProductDetail .am-whatsapp--altraluce svg { flex-shrink: 0 !important; transition: transform 0.2s !important; align-self: center !important; }
#contentProductDetail .am-whatsapp--altraluce a:hover svg { transform: scale(1.1) !important; }
.am-meta-icon { margin-right: 4px !important; font-size: 14px !important; }

/* Wrapper reset */
#divIcerik.productDetailContainer #mainHolder_divBlocks,
#divIcerik.productDetailContainer #divCenterBlock,
#divIcerik.productDetailContainer .middleTopBlock { padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; float: none !important; }
#divIcerik.productDetailContainer #divCenterBlock > div,
#divIcerik.productDetailContainer #divCenterBlock > div > div { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; }

/* Two-column layout */
#contentProductDetail .ProductDetailMain .ProductDetailMainRow { display: flex !important; flex-wrap: wrap !important; gap: 0 !important; align-items: flex-start !important; justify-content: flex-start !important; }
#contentProductDetail .ProductDetailMain .ProductDetailMainRow > *:not(.leftImage):not(.RightDetail):not(#divUrunOzellikAlani):not(#divBenzerUrunStokOlmayan):not(#divUrunTakimAlt):not(#divFacebookYorumContainer) { display: none !important; }
#contentProductDetail .ProductDetailMain .ProductDetailMainRow .clear.ResetClear { display: none !important; }
#contentProductDetail .ProductDetailMain .ProductDetailMainRow #divBenzerUrunStokOlmayan { flex: 0 0 100% !important; width: 100% !important; order: -1 !important; }
#contentProductDetail .ProductDetailMain .leftImage { flex: 0 0 clamp(340px, 38vw, 420px) !important; max-width: 100% !important; width: auto !important; float: none !important; margin: 0 24px 0 0 !important; padding: 0 !important; order: 1 !important; }
#contentProductDetail .ProductDetailMain .RightDetail { flex: 1 !important; min-width: 280px !important; width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 0 !important; order: 2 !important; }
#contentProductDetail .ProductDetailMain .ProductDetailMainRow #divUrunTakimAlt,
#contentProductDetail .ProductDetailMain .ProductDetailMainRow #divFacebookYorumContainer,
#contentProductDetail .ProductDetailMain .ProductDetailMainRow #divUrunOzellikAlani { flex: 0 0 100% !important; width: 100% !important; order: 10 !important; }
#contentProductDetail .ProductDetailMain .RightDetail > .ProductName { order: 1 !important; }
#contentProductDetail .ProductDetailMain .RightDetail > #divUrunEkSecenek { order: 2 !important; }
#contentProductDetail .ProductDetailMain .RightDetail > .PriceList { order: 3 !important; }
#contentProductDetail .ProductDetailMain .RightDetail > #divSatinAl { order: 4 !important; }
#contentProductDetail .ProductDetailMain .RightDetail > #divStokYok { order: 4 !important; width: 100% !important; }
#contentProductDetail .ProductDetailMain .RightDetail > .ProductIcon { order: 5 !important; }
#contentProductDetail .ProductDetailMain .RightDetail > .clear { display: none !important; }

/* Gallery */
#contentProductDetail .ProductDetailMain .Images { float: none !important; width: 100% !important; background: #fff !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 6px 24px rgba(0,0,0,0.10) !important; aspect-ratio: 1/1 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 24px !important; margin-bottom: 12px !important; border: 1px solid #e8e8e8 !important; transition: all 0.3s ease !important; position: relative !important; }
#contentProductDetail .ProductDetailMain .Images:hover { border-color: rgba(0, 102, 204, 0.25) !important; box-shadow: 0 20px 48px rgba(0, 102, 204, 0.18) !important; }
#contentProductDetail .ProductDetailMain .Images img { max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; display: block !important; }
#contentProductDetail .ProductDetailMain .SmallImages { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 !important; }
#contentProductDetail .ProductDetailMain .SmallImages > div { float: none !important; width: 72px !important; height: 72px !important; border-radius: 8px !important; overflow: hidden !important; border: 1px solid #e8e8e8 !important; cursor: pointer !important; flex-shrink: 0 !important; box-shadow: 0 3px 10px rgba(0,0,0,0.10) !important; transition: all 0.3s ease !important; }
#contentProductDetail .ProductDetailMain .SmallImages > div:hover { border-color: rgba(0, 102, 204, 0.25) !important; box-shadow: 0 6px 18px rgba(0, 102, 204, 0.18) !important; }
#contentProductDetail .ProductDetailMain .SmallImages > div img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }

/* Title */
#contentProductDetail .ProductDetailMain .ProductName { margin: 12px 0 12px 0 !important; border: none !important; padding: 0 !important; background: none !important; position: relative !important; overflow: visible !important; }
#contentProductDetail .ProductDetailMain .ProductName h1 { font-size: 22px !important; font-weight: 800 !important; color: #1e293b !important; line-height: 1.3 !important; margin: 0 !important; border: none !important; padding: 0 !important; font-family: var(--am-font-family) !important; display: block !important; }
#contentProductDetail .ProductDetailMain .ProductName h1 span { font-size: inherit !important; font-weight: inherit !important; color: inherit !important; font-family: inherit !important; }
/* Authorized distributor badge */
.am-distributor-badge { display: inline-flex !important; align-items: flex-end !important; gap: 7px !important; margin-top: 2px !important; padding: 2px 0 !important; font-family: var(--am-font-family) !important; font-size: 14px !important; font-weight: 500 !important; color: #475569 !important; letter-spacing: 0.01em !important; line-height: 1 !important; overflow: visible !important; }
.am-distributor-badge svg { flex-shrink: 0 !important; overflow: visible !important; align-self: flex-end !important; }

.am-title-underline { display: block !important; width: 60px !important; height: 4px !important; background: #0066cc !important; margin-top: 8px !important; margin-bottom: 12px !important; border-radius: 2px !important; clear: both !important; }

/* Price */
#contentProductDetail .ProductDetailMain .PriceList { margin: 0 !important; border: none !important; padding: 0 !important; }
#contentProductDetail #divFiyatAlanlari { margin-bottom: 0 !important; }
#contentProductDetail #divAdetCombo { margin: 0 !important; }
#contentProductDetail #divFiyatAlanlari .Formline { display: flex !important; align-items: baseline !important; gap: 8px !important; flex-wrap: wrap !important; margin-bottom: 10px !important; }
#contentProductDetail #divFiyatAlanlari .left_line,
#contentProductDetail #divFiyatAlanlari .center_line { display: none !important; }
#contentProductDetail #divFiyatAlanlari .indirimliFiyat .spanFiyat { float: none !important; display: inline !important; font-size: 32px !important; font-weight: 700 !important; color: #0066cc !important; font-family: var(--am-font-family) !important; line-height: 1 !important; }
#contentProductDetail #divFiyatAlanlari .indirimliFiyat .spanKdv { float: none !important; display: inline !important; font-size: 13px !important; color: #aaa !important; font-weight: 400 !important; margin-left: 6px !important; }
#contentProductDetail #divFiyatAlanlari #kdvliFiyat .spanFiyat { font-size: 30px !important; font-weight: 600 !important; color: #64748b !important; font-family: var(--am-font-family) !important; }
#contentProductDetail #divFiyatAlanlari #kdvliFiyat .spanKdv { font-size: 12px !important; color: #94a3b8 !important; font-weight: 400 !important; }
#contentProductDetail .am-price-main-vat-added,
.am-price-main-vat-added { font-size: 13px !important; color: #94a3b8 !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: 0.03em !important; margin-left: 6px !important; vertical-align: baseline !important; display: inline !important; }

/* Bank discount */
#contentProductDetail #divEkstraBilgiler { margin: 8px 0 12px 0 !important; padding: 0 !important; border: none !important; }
#contentProductDetail #divEkstraBilgiler img { display: none !important; }
.am-havale-banner { background: #0066cc !important; color: #fff !important; font-weight: 600 !important; font-size: 14px !important; padding: 10px 18px !important; border-radius: 8px !important; display: inline-block !important; width: fit-content !important; font-family: var(--am-font-family) !important; cursor: default !important; }

/* Pre-discount (market price) line — closer to discounted price, far from discount badge */
#contentProductDetail .Formline.PiyasafiyatiContent { margin: 6px 0 0 0 !important; order: 2 !important; }
#contentProductDetail .Formline.PiyasafiyatiContent .left_line,
#contentProductDetail .Formline.PiyasafiyatiContent .center_line,
#contentProductDetail .Formline.PiyasafiyatiContent .center_line.lineTitle { display: none !important; }
#contentProductDetail .Formline.PiyasafiyatiContent .right_line,
#contentProductDetail .Formline.PiyasafiyatiContent .KDVDahilFiyatSatis,
#contentProductDetail .Formline.PiyasafiyatiContent span,
#contentProductDetail .PiyasafiyatiContent .spanFiyat { color: #94a3b8 !important; font-size: 14px !important; font-weight: 400 !important; text-decoration: line-through !important; }

/* Unlicensed Cloud Zoom watermark — hide */
div[style*="z-index: 100000"][style*="rgb(221, 0, 0)"],
div[style*="z-index:100000"][style*="rgb(221, 0, 0)"] { display: none !important; }

/* Stock banner — bottom margin so buttons below aren't cramped */
#divStokYok.am-stock-banner { margin-bottom: 24px !important; }

/* Discount percentage banner — blue pill, same family as havale banner.
   Using inline-block (not inline-flex) so child spans keep natural whitespace
   and don't concatenate into "%20İndirim". */
#contentProductDetail .Formline.IndirimOraniContent { margin: 0 0 8px 0 !important; border: none !important; padding: 0 !important; }
#contentProductDetail .Formline.IndirimOraniContent .left_line,
#contentProductDetail .Formline.IndirimOraniContent .center_line.lineTitle,
#contentProductDetail .Formline.IndirimOraniContent .center_line { display: none !important; }
#contentProductDetail .Formline.IndirimOraniContent .right_line.indirimliOrani,
#contentProductDetail .IndirimOraniContent .indirimliOrani { background: #0066cc !important; color: #fff !important; font-weight: 600 !important; font-size: 14px !important; padding: 8px 16px !important; border-radius: 8px !important; display: inline-block !important; width: fit-content !important; font-family: var(--am-font-family) !important; cursor: default !important; border: none !important; float: none !important; line-height: 1.4 !important; }
#contentProductDetail .IndirimOraniContent .indirimliOrani * { color: #fff !important; font-size: 14px !important; font-weight: 600 !important; display: inline !important; float: none !important; }

/* Qty selector */
#contentProductDetail #divAdetCombo { margin: 0 !important; }
#contentProductDetail #divAdetCombo .right_line { margin: 0 !important; }
#contentProductDetail #ddlUrunSiparisAdedi { padding: 8px 14px !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; font-size: 14px !important; font-family: inherit !important; width: 70px !important; max-width: 70px !important; min-width: 0 !important; }

/* Purchase buttons — pill-shaped, compact, 10px gap */
#contentProductDetail #divSatinAl { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; width: 100% !important; gap: 10px !important; margin-top: 8px !important; margin-bottom: 10px !important; }
#contentProductDetail #divSatinAl .buyfast,
#contentProductDetail #divSatinAl .BasketBtn,
#contentProductDetail #divSatinAl .basketBtn { margin: 0 !important; padding: 0 !important; flex: 0 0 auto !important; min-width: 0 !important; display: flex !important; }
#contentProductDetail #divSatinAl .BasketBtn input,
#contentProductDetail #divSatinAl .basketBtn input,
#contentProductDetail #divSatinAl input.Addtobasket,
#contentProductDetail #divSatinAl .BasketBtn button,
#contentProductDetail #divSatinAl .basketBtn button,
#contentProductDetail #divSatinAl button.Addtobasket { min-width: 200px !important; padding: 10px 24px !important; white-space: nowrap !important; background: #0066cc !important; color: #fff !important; border: none !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; font-family: var(--am-font-family) !important; text-align: center !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; box-sizing: border-box !important; height: auto !important; line-height: 1.2 !important; }
#contentProductDetail #divSatinAl .BasketBtn input:hover,
#contentProductDetail #divSatinAl .basketBtn input:hover,
#contentProductDetail #divSatinAl input.Addtobasket:hover,
#contentProductDetail #divSatinAl .BasketBtn button:hover,
#contentProductDetail #divSatinAl .basketBtn button:hover,
#contentProductDetail #divSatinAl button.Addtobasket:hover { background: #004f99 !important; transform: translateY(-1px) !important; }
#contentProductDetail #divSatinAl input.buyfastbutton,
#contentProductDetail #divSatinAl input#btnHemenAl,
#contentProductDetail #divSatinAl button.buyfastbutton,
#contentProductDetail #divSatinAl button#btnHemenAl { min-width: 200px !important; padding: 10px 24px !important; white-space: nowrap !important; background: #fff !important; color: #0066cc !important; border: 2px solid #0066cc !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 600 !important; font-family: var(--am-font-family) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; margin: 0 !important; box-sizing: border-box !important; height: auto !important; line-height: 1.2 !important; cursor: pointer !important; transition: all 0.3s ease !important; }
#contentProductDetail #divSatinAl input.buyfastbutton:hover,
#contentProductDetail #divSatinAl input#btnHemenAl:hover,
#contentProductDetail #divSatinAl button.buyfastbutton:hover,
#contentProductDetail #divSatinAl button#btnHemenAl:hover { background: #f0f9ff !important; }

/* Override Ticimax base colors — force artimarin blue */
#contentProductDetail input[type="submit"],
#contentProductDetail button:not(.buyfastbutton):not(#btnHemenAl) { background-color: #0066cc !important; }
#contentProductDetail a.btn,
#contentProductDetail .btn { background-color: #0066cc !important; border-color: #0066cc !important; }
/* Discount badge duplicate rule (catches alternate DOM path) */
.ProductDetailMain #divIndirimOrani .right_line.indirimliOrani { background: #0066cc !important; color: #fff !important; font-weight: 600 !important; font-size: 14px !important; padding: 8px 16px !important; border-radius: 8px !important; display: inline-block !important; float: none !important; line-height: 1.4 !important; }
.ProductDetailMain #divIndirimOrani .right_line.indirimliOrani * { color: #fff !important; font-size: 14px !important; display: inline !important; float: none !important; }
.ProductDetailMain .indirimliFiyat * { color: #0066cc !important; }
.ProductDetailMain .button,
.ProductDetailMain input.button,
.ProductDetailMain .BasketBtn .button { background: #0066cc !important; }
.discountIcon { background: #0066cc !important; }
.newIcon { background: #0066cc !important; }

/* Broad price color override — catches Ticimax runtime injected styles */
body .dovizfiyati span:first-child,
body .discountPrice .discountPriceSpan,
body .indirimliFiyat .spanFiyat,
body .indirimliFiyat span { color: #0066cc !important; }

/* Tabs */
#contentProductDetail #divUrunOzellikAlani { margin-top: 20px !important; margin-bottom: 10px !important; background: #fff !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 2px 16px rgba(0,0,0,0.05) !important; border: 1px solid #e2e8f0 !important; }
#contentProductDetail #divUrunOzellikAlani .urunTab ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; border-bottom: 2px solid #e2e8f0 !important; justify-content: center !important; gap: 0 !important; }
#contentProductDetail #divUrunOzellikAlani .urunTab li { margin: 0 !important; font-weight: 500 !important; }
#contentProductDetail #divUrunOzellikAlani .urunTab li a,
#contentProductDetail #divUrunOzellikAlani .urunTab li b,
#contentProductDetail #divUrunOzellikAlani .urunTab li strong { display: inline-block !important; padding: 16px 24px !important; font-size: 14px !important; font-weight: 500 !important; color: #64748b !important; text-decoration: none !important; transition: all 0.2s !important; font-family: var(--am-font-family) !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; border-bottom: 2px solid transparent !important; margin-bottom: -2px !important; cursor: pointer !important; }
#contentProductDetail #divUrunOzellikAlani .urunTab li a:hover { color: #0066cc !important; }
#contentProductDetail #divUrunOzellikAlani .urunTab li.active a,
#contentProductDetail #divUrunOzellikAlani .urunTab li.active b,
#contentProductDetail #divUrunOzellikAlani .urunTab li.active strong,
#contentProductDetail #divUrunOzellikAlani .urunTab li.TabOzellikler.active a,
#contentProductDetail #divUrunOzellikAlani .urunTab li.TabOdemeSecenekleri.active a { color: #0066cc !important; font-weight: 600 !important; border-bottom: 2px solid #0066cc !important; margin-bottom: -2px !important; }
#contentProductDetail #divUrunOzellikAlani .urunDetayPanel { padding: 24px !important; }
/* ─── FUTURE (activate when all product descriptions are updated to artimarin-v2 template) ───
   Remove urunDetayPanel padding so artimarin-v2 handles its own spacing, and make artimarin-v2
   fill the container without the old max-width:1200px auto-centering gap:
#contentProductDetail #divUrunOzellikAlani .urunDetayPanel { padding: 0 !important; }
.artimarin-v2 { padding: 14px !important; max-width: 100% !important; box-sizing: border-box !important; }
─────────────────────────────────────────────────────────────────────────────────────────────── */
#contentProductDetail #divUrunOzellikAlani .product-header h1,
#contentProductDetail #divUrunOzellikAlani .product-header h2,
#contentProductDetail #divUrunOzellikAlani .product-specs h2,
#contentProductDetail #divUrunOzellikAlani .product-specs h3 { color: #0066cc !important; }
#contentProductDetail #divUrunOzellikAlani .product-header p,
#contentProductDetail #divUrunOzellikAlani .product-specs td,
#contentProductDetail #divUrunOzellikAlani .urunTabAlt { color: #000 !important; }
#contentProductDetail #divUrunOzellikAlani .product-specs thead { background: #0066cc !important; color: #fff !important; }
#contentProductDetail #divUrunOzellikAlani .havaleFiyati b,
#contentProductDetail #divUrunOzellikAlani .tekCekimOdeme b { color: #0066cc !important; }

/* ===== PAYMENT OPTIONS TAB — Ödeme Seçenekleri ===== */
/* Outer panel */
#divOdemeSecenekleri,
#divTabOdemeSecenekleri { padding: 0 !important; }
/* Bank installment tables */
#divOdemeSecenekleri table,
#divTabOdemeSecenekleri table { width: 100% !important; border-collapse: collapse !important; font-family: var(--am-font-family) !important; font-size: 13px !important; }
#divOdemeSecenekleri table thead tr,
#divTabOdemeSecenekleri table thead tr { background: #f8fafc !important; border-bottom: 2px solid #e2e8f0 !important; }
#divOdemeSecenekleri table thead th,
#divTabOdemeSecenekleri table thead th { padding: 10px 14px !important; font-weight: 600 !important; color: #0f172a !important; text-align: center !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; }
#divOdemeSecenekleri table tbody tr,
#divTabOdemeSecenekleri table tbody tr { border-bottom: 1px solid #f1f5f9 !important; transition: background 0.15s !important; }
#divOdemeSecenekleri table tbody tr:hover,
#divTabOdemeSecenekleri table tbody tr:hover { background: #f8fafc !important; }
#divOdemeSecenekleri table tbody td,
#divTabOdemeSecenekleri table tbody td { padding: 10px 14px !important; text-align: center !important; color: #334155 !important; vertical-align: middle !important; }
/* Bank logo cell — keep at natural size */
#divOdemeSecenekleri table tbody td:first-child,
#divTabOdemeSecenekleri table tbody td:first-child { text-align: left !important; }
#divOdemeSecenekleri table tbody td img,
#divTabOdemeSecenekleri table tbody td img { max-height: 28px !important; width: auto !important; display: block !important; margin: 0 auto !important; }
/* Bank name text */
#divOdemeSecenekleri .bankAdi,
#divTabOdemeSecenekleri .bankAdi { font-weight: 600 !important; font-size: 13px !important; color: #0f172a !important; }
/* Price cells */
#divOdemeSecenekleri .odemeSecenekFiyat,
#divTabOdemeSecenekleri .odemeSecenekFiyat,
#divOdemeSecenekleri td.taksit,
#divTabOdemeSecenekleri td.taksit { font-weight: 600 !important; color: #0066cc !important; }
/* Havale / wire transfer + single card payment sections — wider cards */
#divOdemeSecenekleri .havaleFiyati,
#divTabOdemeSecenekleri .havaleFiyati,
#divOdemeSecenekleri .tekCekimOdeme,
#divTabOdemeSecenekleri .tekCekimOdeme,
#divOdemeSecenekleri .odemeSecenekHavale,
#divTabOdemeSecenekleri .odemeSecenekHavale,
#divOdemeSecenekleri .odemeSecenekTekKrediKarti,
#divTabOdemeSecenekleri .odemeSecenekTekKrediKarti,
#divOdemeSecenekleri .odemeSecenekItem,
#divTabOdemeSecenekleri .odemeSecenekItem { background: #f0f9ff !important; border: 1px solid #bae6fd !important; border-radius: 10px !important; padding: 12px !important; margin: 10px 10px 10px 0 !important; display: inline-flex !important; align-items: center !important; gap: 12px !important; font-size: 14px !important; color: #0f172a !important; min-width: 350px !important; box-sizing: border-box !important; vertical-align: top !important; justify-content: space-between !important; gap: 0 !important; }
/* taksit rows — ensure text is black and readable */
#divOdemeSecenekleri .taksitColor-1,
#divTabOdemeSecenekleri .taksitColor-1,
#divOdemeSecenekleri td, #divTabOdemeSecenekleri td,
#divOdemeSecenekleri .taksitTutari, #divTabOdemeSecenekleri .taksitTutari { color: #0f172a !important; font-weight: 500 !important; }
/* Label text — pin left */
#divOdemeSecenekleri .havaleFiyati > span,
#divTabOdemeSecenekleri .havaleFiyati > span,
#divOdemeSecenekleri .tekCekimOdeme > span,
#divTabOdemeSecenekleri .tekCekimOdeme > span,
#divOdemeSecenekleri .odemeSecenekItem > span,
#divTabOdemeSecenekleri .odemeSecenekItem > span { flex: 1 1 auto !important; text-align: left !important; }
/* Price — pin right */
#divOdemeSecenekleri .havaleFiyati b,
#divTabOdemeSecenekleri .havaleFiyati b,
#divOdemeSecenekleri .tekCekimOdeme b,
#divTabOdemeSecenekleri .tekCekimOdeme b { color: #0066cc !important; font-size: 16px !important; flex-shrink: 0 !important; text-align: right !important; margin-left: 12px !important; }
/* Section headers (Kredi Kartı, Havale, etc.) */
#divOdemeSecenekleri h3, #divOdemeSecenekleri h4,
#divTabOdemeSecenekleri h3, #divTabOdemeSecenekleri h4 { font-size: 14px !important; font-weight: 700 !important; color: #0f172a !important; margin: 20px 0 10px !important; padding: 0 !important; border: none !important; font-family: var(--am-font-family) !important; }

/* Hide Yorumlar and Ürün Önerileri tabs + panels (JS also hides; CSS is a fallback) */
#liTabYorumlar,
#liTabUrunOnerileri { display: none !important; }
#divTabYorumlar,
#divYorumlar,
#divTabUrunOnerileri,
#divUrunOneri,
#divUrunOnerileri { display: none !important; }

/* Variant options (e.g., kelvin selector) */
#contentProductDetail #divUrunEkSecenek { margin: 0 0 16px 0 !important; padding: 0 !important; border: none !important; }
#contentProductDetail #divUrunEkSecenek .Formline { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; border: none !important; }
#contentProductDetail #divUrunEkSecenek .Formline .left_line { display: none !important; }
#contentProductDetail #divUrunEkSecenek .Formline .right_line { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; float: none !important; margin: 0 !important; padding: 0 !important; }
#contentProductDetail #divUrunEkSecenek .EkSecenekBaslik { font-family: var(--am-font-family) !important; font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; text-transform: uppercase !important; letter-spacing: 0.03em !important; margin-bottom: 8px !important; width: 100% !important; }
#contentProductDetail #divUrunEkSecenek .EkSecenekItem,
#contentProductDetail #divUrunEkSecenek .ekSecenekItem { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 48px !important; padding: 8px 14px !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; background: #fff !important; font-family: var(--am-font-family) !important; font-size: 14px !important; font-weight: 500 !important; color: #1e293b !important; cursor: pointer !important; transition: all 0.2s ease !important; text-align: center !important; }
#contentProductDetail #divUrunEkSecenek .EkSecenekItem:hover,
#contentProductDetail #divUrunEkSecenek .ekSecenekItem:hover { border-color: #0066cc !important; color: #0066cc !important; }
#contentProductDetail #divUrunEkSecenek .EkSecenekItem.selected,
#contentProductDetail #divUrunEkSecenek .EkSecenekItem.active,
#contentProductDetail #divUrunEkSecenek .ekSecenekItem.selected,
#contentProductDetail #divUrunEkSecenek .ekSecenekItem.active { background: #0066cc !important; color: #fff !important; border-color: #0066cc !important; }

/* ==========================================================
 *  RESPONSIVE BREAKPOINTS — Consolidated
 * ========================================================== */

/* Category grid responsive */
@media (max-width: 1200px) { body.am-category-page .ProductList { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 992px) { body.am-category-page .ProductList { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 768px) { body.am-category-page .ProductList { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 576px) {
  body.am-category-page .ProductList { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  body.am-category-page .ProductList .productDetail { padding: 8px 10px !important; gap: 4px !important; }
  body.am-category-page .ProductList .productName { font-size: 12px !important; -webkit-line-clamp: 2 !important; }
  body.am-category-page .ProductList .productName * { font-size: 12px !important; }
  body.am-category-page .ProductList .dovizfiyati span:first-child,
  body.am-category-page .ProductList .discountPrice .discountPriceSpan { font-size: 14px !important; }
  body.am-category-page .ProductList .tlfiyati span:first-child { font-size: 12px !important; }
  body.am-category-page .ProductList .dovizfiyatikdv,
  body.am-category-page .ProductList .tlfiyatikdv,
  body.am-category-page .ProductList .discountPrice .discountKdv { font-size: 9px !important; }
  body.am-category-page .ProductList .productPrice { gap: 2px 8px !important; padding-top: 4px !important; }
  body.am-category-page .ProductList .productPrice .urunIndirimsizFiyat,
  body.am-category-page .ProductList .productPrice .am-old-price { font-size: 11px !important; }
  body.am-category-page .ProductList .productItem { border-radius: 12px !important; }
  body.am-category-page .ProductList .productImage { border-radius: 12px 12px 0 0 !important; }
  body.am-category-page .ProductList .productImage img { padding: 8px !important; }
  body.am-category-page .ProductList .am-fav { width: 28px !important; height: 28px !important; top: 8px !important; right: 8px !important; opacity: 1 !important; }
  body.am-category-page .ProductList .am-fav i { font-size: 14px !important; }
  body.am-category-page .ProductList .TukendiIco { top: 8px !important; left: 8px !important; padding: 3px 8px !important; font-size: 9px !important; }
}

/* Category page mobile — breadcrumb + sort bar */
@media (max-width: 768px) {
  #divIcerik.categoryContainer { padding: 4px 12px 30px !important; }
  /* Override Ticimax aggressive mobile breadcrumb (base CSS lines 1732-1745) */
  body.am-category-page ul.breadcrumb {
    white-space: normal !important;
    position: static !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin: 10px 0 8px !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  body.am-category-page ul.breadcrumb::before,
  body.am-category-page ul.breadcrumb::after { display: none !important; content: none !important; }
  body.am-category-page ul.breadcrumb * {
    max-width: none !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    float: none !important;
    letter-spacing: normal !important;
  }
  body.am-category-page ul.breadcrumb li {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.am-category-page ul.breadcrumb li::after { display: none !important; content: none !important; }
  body.am-category-page ul.breadcrumb li + li::before {
    content: '\203A' !important;
    display: inline-block !important;
    margin: 0 5px !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-family: var(--am-font-family) !important;
    line-height: 1 !important;
    float: none !important;
  }
  body.am-category-page ul.breadcrumb li a {
    display: inline !important;
    float: none !important;
    font-size: 12px !important;
    text-indent: 0 !important;
    color: #64748b !important;
    text-decoration: none !important;
    font-family: var(--am-font-family) !important;
  }
  body.am-category-page ul.breadcrumb li a span {
    font-size: 12px !important;
    float: none !important;
    display: inline !important;
    margin: 0 !important;
    color: inherit !important;
  }
  body.am-category-page ul.breadcrumb li a span::after { display: none !important; content: none !important; }
  body.am-category-page ul.breadcrumb li:last-child { max-width: none !important; }
  body.am-category-page ul.breadcrumb li:last-child * {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }
  body.am-category-page ul.breadcrumb li:last-child a,
  body.am-category-page ul.breadcrumb li:last-child a span,
  body.am-category-page ul.breadcrumb li:last-child span {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0066cc !important;
  }
  /* Sort bar: force visible + stack on mobile */
  body.am-category-page #divSayfalamaUst,
  body.am-category-page #divSayfalamaUst.Slct {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    height: auto !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 0 12px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border-bottom: 1px solid #e5e7eb !important;
  }
  body.am-category-page #divSayfalamaUst .brandlistselection,
  body.am-category-page #divSayfalamaUst.Slct .brandlistselection {
    display: flex !important;
    visibility: visible !important;
    width: 100% !important;
  }
  body.am-category-page #divSayfalamaUst.Slct .brandlistselection .sortingContent {
    display: flex !important;
    visibility: visible !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 10px 0 !important;
    width: 100% !important;
  }
  body.am-category-page #divSayfalamaUst.Slct .brandlistselection .sortingContent li {
    display: block !important;
    visibility: visible !important;
  }
  body.am-category-page #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
    height: 34px !important;
    font-size: 12px !important;
    padding: 0 24px 0 10px !important;
  }
  body.am-category-page #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock { display: inline-flex !important; }
  body.am-category-page #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span { font-size: 12px !important; }
  body.am-category-page #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet { display: block !important; }
  body.am-category-page #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span { font-size: 12px !important; line-height: 34px !important; }
  body.am-category-page #divSayfalamaUst.Slct .blockSelect { display: flex !important; }
  body.am-category-page #divSayfalamaUst.Slct .blockSelect a { width: 30px !important; height: 30px !important; border-radius: 6px !important; }
  body.am-category-page #divSayfalamaUst.Slct .blockSelect a i { font-size: 13px !important; }
  body.am-category-page #divCenterBlock { margin-top: 0 !important; }
  /* Compact sort bar on mobile */
  body.am-category-page #divSayfalamaUst { padding: 0 !important; }
  body.am-category-page #divSayfalamaUst.Slct .brandlistselection .sortingContent { gap: 6px !important; padding: 8px 0 !important; }
  body.am-category-page #divSayfalamaUst.Slct .brandlistselection .sortingContent select { height: 32px !important; font-size: 11px !important; padding: 0 20px 0 8px !important; border-radius: 8px !important; }
}

/* Mobile — hide grid column selector (always 2-col on phones) */
@media (max-width: 576px) {
  body.am-category-page #divSayfalamaUst .blockSelect,
  body.am-category-page #divSayfalamaUst.Slct .blockSelect { display: none !important; }
}

/* Mobile sort/filter buttons (Ticimax mobilFilterOpenBtn) */
@media (max-width: 1041px) {
  body.am-category-page .mobilFilterOpenBtn {
    display: flex !important;
    gap: 10px !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
  }
  body.am-category-page .mobilFilterOpenBtn .button {
    background: var(--am-color-surface, #f5f5f5) !important;
    color: var(--am-color-text, #1a1a1a) !important;
    border: 1px solid var(--am-color-border, #e5e7eb) !important;
    border-radius: 8px !important;
    font-family: var(--am-font-family) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 40px !important;
    width: calc(50% - 5px) !important;
    text-align: center !important;
  }
  body.am-category-page .mobilFilterOpenBtn .button:before {
    color: var(--am-color-text, #1a1a1a) !important;
    font-size: 14px !important;
  }
  body.am-category-page .mobilFilterOpenBtn .button:hover,
  body.am-category-page .mobilFilterOpenBtn .button:active {
    background: #0066cc !important;
    color: #fff !important;
    border-color: #0066cc !important;
  }
  body.am-category-page .mobilFilterOpenBtn .button:hover:before,
  body.am-category-page .mobilFilterOpenBtn .button:active:before {
    color: #fff !important;
  }
}

/* Slider section-header + tabs mobile */
@media (max-width: 992px) {
  .am-section-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  .am-section-header .am-tabs-wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .anasayfa_urun_slider .owl-carousel { padding: 0 !important; }
  .anasayfa_urun_slider .owl-nav button { width: 38px !important; height: 38px !important; }
  .anasayfa_urun_slider .owl-nav button span { font-size: 28px !important; }
}
@media (max-width: 768px) {
  .ticimaxTabHead ul._clearfix { gap: 4px 6px !important; flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
  .ticimaxTabHead li a { padding: 8px 12px !important; font-size: 13px !important; white-space: nowrap !important; }
  .am-slider-title span,
  .anasayfa_urun_slider .JKatAdi.categoryTitle span { font-size: 22px !important; }
  .anasayfa_urun_slider .owl-carousel { padding: 0 !important; }
  .anasayfa_urun_slider .owl-nav button { width: 34px !important; height: 34px !important; }
  .anasayfa_urun_slider .owl-nav button span { font-size: 24px !important; }
}

/* Product detail tablet */
@media (max-width: 1024px) {
  .am-card { border-radius: 16px; }
  #contentProductDetail .ProductDetailMain .ProductDetailMainRow { flex-direction: column !important; gap: 0 !important; }
  #contentProductDetail .ProductDetailMain .leftImage { flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; margin: 0 0 20px 0 !important; padding: 0 !important; }
  #contentProductDetail .ProductDetailMain .RightDetail { flex: 0 0 auto !important; width: 100% !important; min-width: 0 !important; }
  #contentProductDetail .ProductDetailMain .Images { max-width: 450px !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 12px !important; aspect-ratio: auto !important; }
  #contentProductDetail #divUrunOzellikAlani .urunTab ul { flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; justify-content: flex-start !important; }
  #contentProductDetail #divUrunOzellikAlani .urunTab li a,
  #contentProductDetail #divUrunOzellikAlani .urunTab li b,
  #contentProductDetail #divUrunOzellikAlani .urunTab li strong { white-space: nowrap !important; padding: 14px 16px !important; font-size: 13px !important; }
}

/* Product detail phone */
@media (max-width: 768px) {
  /* Container */
  #divIcerik.ticiContainer.productDetailContainer,
  .ticiContainer.productDetailContainer { padding: 0 12px !important; }

  /* Breadcrumb — hide original on mobile, JS creates .am-mobile-breadcrumb */
  /* Extra specificity needed: Ticimax stylesheet loads after ours and overrides at equal specificity */
  body.am-detail-page #contentProductDetail .categoryTitle,
  body.am-detail-page #contentProductDetail .categoryTitle .proCategoryTitle,
  body.am-detail-page #contentProductDetail .proCategoryTitle,
  html body #contentProductDetail .categoryTitle { display: none !important; }

  /* Gallery */
  #contentProductDetail .ProductDetailMain .Images { aspect-ratio: auto !important; padding: 16px !important; max-width: 100% !important; border-radius: 12px !important; }
  /* On mobile, Ticimax may create a separate image slider and move <img> out of .Images.
     If .Images has no <img> inside, it's an empty shell — hide it to avoid a blank white box. */
  #contentProductDetail .ProductDetailMain .Images:not(:has(img)) { display: none !important; }
  #contentProductDetail .ProductDetailMain .SmallImages > div { width: 56px !important; height: 56px !important; }

  /* Title — prevent overflow */
  #contentProductDetail .ProductDetailMain .ProductName { margin: 16px 0 12px 0 !important; }
  #contentProductDetail .ProductDetailMain .ProductName h1 {
    font-size: 18px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }

  /* Distributor badge */
  .am-distributor-badge { font-size: 12px !important; }
  .am-title-underline { margin-top: 10px !important; margin-bottom: 8px !important; }

  /* Price */
  #contentProductDetail #divFiyatAlanlari .Formline { gap: 6px !important; margin-bottom: 6px !important; }
  #contentProductDetail #divFiyatAlanlari .indirimliFiyat .spanFiyat { font-size: 26px !important; }
  #contentProductDetail #divFiyatAlanlari #kdvliFiyat .spanFiyat { font-size: 22px !important; }
  #contentProductDetail #divFiyatAlanlari .indirimliFiyat .spanKdv,
  #contentProductDetail #divFiyatAlanlari #kdvliFiyat .spanKdv { font-size: 11px !important; }

  /* Discount + havale banners */
  #contentProductDetail .Formline.IndirimOraniContent .right_line.indirimliOrani,
  #contentProductDetail .IndirimOraniContent .indirimliOrani { font-size: 12px !important; padding: 6px 12px !important; }
  .am-havale-banner { font-size: 12px !important; padding: 8px 14px !important; }

  /* Qty selector — match button height */
  #contentProductDetail #divAdetCombo { margin-bottom: 8px !important; }
  #contentProductDetail #ddlUrunSiparisAdedi {
    height: 44px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
  }

  /* Add to Cart / Hemen Al — side by side, equal height with qty */
  #contentProductDetail #divSatinAl {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 16px !important;
  }
  #contentProductDetail #divSatinAl .buyfast,
  #contentProductDetail #divSatinAl .BasketBtn,
  #contentProductDetail #divSatinAl .basketBtn {
    flex: 1 1 0% !important;
    min-width: 0 !important;
  }
  #contentProductDetail #divSatinAl .BasketBtn input,
  #contentProductDetail #divSatinAl .basketBtn input,
  #contentProductDetail #divSatinAl input.Addtobasket,
  #contentProductDetail #divSatinAl .BasketBtn button,
  #contentProductDetail #divSatinAl .basketBtn button,
  #contentProductDetail #divSatinAl button.Addtobasket {
    width: 100% !important;
    height: 44px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
  }
  #contentProductDetail #divSatinAl input.buyfastbutton,
  #contentProductDetail #divSatinAl input#btnHemenAl,
  #contentProductDetail #divSatinAl button.buyfastbutton,
  #contentProductDetail #divSatinAl button#btnHemenAl {
    width: 100% !important;
    height: 44px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
  }
  /* Reset min-width so buttons don't overflow on narrow phones */
  #contentProductDetail #divSatinAl .BasketBtn input,
  #contentProductDetail #divSatinAl .basketBtn input,
  #contentProductDetail #divSatinAl input.Addtobasket,
  #contentProductDetail #divSatinAl .BasketBtn button,
  #contentProductDetail #divSatinAl .basketBtn button,
  #contentProductDetail #divSatinAl button.Addtobasket { min-width: 0 !important; }
  #contentProductDetail #divSatinAl input.buyfastbutton,
  #contentProductDetail #divSatinAl input#btnHemenAl,
  #contentProductDetail #divSatinAl button.buyfastbutton,
  #contentProductDetail #divSatinAl button#btnHemenAl { min-width: 0 !important; }

  /* Action icons row */
  #contentProductDetail .ProductIcon { flex-wrap: wrap !important; gap: 8px 16px !important; padding: 0 !important; align-items: center !important; }
  /* Normalize ALL ProductIcon children (including Kritik Stok badge) to same font size */
  #contentProductDetail .ProductIcon .FiyatHaberVer a,
  #contentProductDetail .ProductIcon .UGelinceHaberVer a,
  #contentProductDetail .ProductIcon .UFavorilerimeEkle a,
  #contentProductDetail .ProductIcon .am-whatsapp a { font-size: 12px !important; }
  /* Kritik Stok and any other Ticimax-injected badge/button inside ProductIcon */
  #contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma) { font-size: 12px !important; line-height: 1.4 !important; }
  #contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma) a,
  #contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma) span,
  #contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma) button { font-size: 12px !important; background: none !important; border: none !important; padding: 0 !important; color: #475569 !important; cursor: pointer !important; transition: color 0.2s !important; font-family: var(--am-font-family) !important; }
  #contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma):hover,
  #contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma):hover a,
  #contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma):hover span,
  #contentProductDetail .ProductIcon > div:not(.UFavorilerimeEkle):not(.FiyatHaberVer):not(.UGelinceHaberVer):not(.am-whatsapp):not(.UIstekListemeEkle):not(.UKarsilastirma):hover button { color: #0066cc !important; }

  /* Variant options */
  #contentProductDetail #divUrunEkSecenek .EkSecenekItem,
  #contentProductDetail #divUrunEkSecenek .ekSecenekItem { padding: 6px 10px !important; font-size: 13px !important; min-width: 40px !important; }

  /* Hide stray Ticimax mobile header / top bar elements */
  body.am-detail-page #divTopBaslik,
  body.am-detail-page .topBaslik,
  body.am-detail-page .mobileTopBar,
  body.am-detail-page .productDetailTopBar,
  body.am-detail-page #divOnyazi,
  body.am-detail-page .OnYaziContent { display: none !important; }

  /* Tabs — Ürün Özellikleri mobile — true full-viewport-width breakout */
  #contentProductDetail #divUrunOzellikAlani { margin-top: 24px !important; width: 100vw !important; position: relative !important; left: 50% !important; transform: translateX(-50%) !important; border-radius: 0 !important; border-left: none !important; border-right: none !important; overflow: hidden !important; background: #fff !important; border-top: 1px solid #e2e8f0 !important; border-bottom: 1px solid #e2e8f0 !important; }
  #contentProductDetail #divUrunOzellikAlani .urunTab { border-bottom: 1px solid #e2e8f0 !important; background: #f8fafc !important; }
  #contentProductDetail #divUrunOzellikAlani .urunTab ul { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; }
  #contentProductDetail #divUrunOzellikAlani .urunTab li { flex-shrink: 0 !important; }
  #contentProductDetail #divUrunOzellikAlani .urunTab li a,
  #contentProductDetail #divUrunOzellikAlani .urunTab li b,
  #contentProductDetail #divUrunOzellikAlani .urunTab li strong { padding: 12px 16px !important; font-size: 12px !important; white-space: nowrap !important; border-bottom: 2px solid transparent !important; }
  #contentProductDetail #divUrunOzellikAlani .urunTab li.active a,
  #contentProductDetail #divUrunOzellikAlani .urunTab li.active b,
  #contentProductDetail #divUrunOzellikAlani .urunTab li.active strong { border-bottom-color: #0066cc !important; color: #0066cc !important; font-weight: 600 !important; background: #fff !important; }
  #contentProductDetail #divUrunOzellikAlani .urunDetayPanel { padding: 0 !important; font-size: 14px !important; line-height: 1.6 !important; }
  #contentProductDetail #divUrunOzellikAlani .urunDetayPanel table { width: 100% !important; font-size: 13px !important; border-collapse: collapse !important; }
  #contentProductDetail #divUrunOzellikAlani .urunDetayPanel table td,
  #contentProductDetail #divUrunOzellikAlani .urunDetayPanel table th { padding: 8px 10px !important; border: 1px solid #e2e8f0 !important; word-break: break-word !important; }
  #contentProductDetail #divUrunOzellikAlani .urunDetayPanel img { max-width: 100% !important; height: auto !important; }

  /* Tabs — equal width on mobile, no gray bleed */
  #contentProductDetail #divUrunOzellikAlani .urunTab ul { justify-content: stretch !important; }
  #contentProductDetail #divUrunOzellikAlani .urunTab li { flex: 1 1 0% !important; flex-shrink: 1 !important; text-align: center !important; }
  #contentProductDetail #divUrunOzellikAlani .urunTab li a,
  #contentProductDetail #divUrunOzellikAlani .urunTab li b,
  #contentProductDetail #divUrunOzellikAlani .urunTab li strong { display: block !important; width: 100% !important; text-align: center !important; }

  /* Product description HTML content — override inline padding: 30px → 6px */
  #contentProductDetail #divUrunOzellikAlani .urunDetayPanel { overflow-x: hidden !important; }
  #contentProductDetail #divUrunOzellikAlani .urunDetayPanel > div { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; box-sizing: border-box !important; overflow-x: hidden !important; }

  /* Remove vertical separator stripe on tab items (gray border Ticimax adds between tabs) */
  #contentProductDetail #divUrunOzellikAlani .urunTab li { border-right: none !important; border-left: none !important; }

  /* artimarin-v2 inner div — reduce mobile padding minimum from 16px → 12px */
  .artimarin-v2 > div { padding: clamp(12px,3vw,30px) !important; }

  /* Payment option cards — stack full-width on mobile */
  #divOdemeSecenekleri .havaleFiyati,
  #divTabOdemeSecenekleri .havaleFiyati,
  #divOdemeSecenekleri .tekCekimOdeme,
  #divTabOdemeSecenekleri .tekCekimOdeme,
  #divOdemeSecenekleri .odemeSecenekHavale,
  #divTabOdemeSecenekleri .odemeSecenekHavale,
  #divOdemeSecenekleri .odemeSecenekTekKrediKarti,
  #divTabOdemeSecenekleri .odemeSecenekTekKrediKarti,
  #divOdemeSecenekleri .odemeSecenekItem,
  #divTabOdemeSecenekleri .odemeSecenekItem { min-width: 0 !important; width: 100% !important; max-width: 100% !important; margin: 6px 0 !important; }
}

/* Product detail small phone */
@media (max-width: 480px) {
  #contentProductDetail .ProductDetailMain .ProductName h1 { font-size: 16px !important; line-height: 1.3 !important; }
  #contentProductDetail #divFiyatAlanlari .indirimliFiyat .spanFiyat { font-size: 22px !important; }
  #contentProductDetail #divFiyatAlanlari #kdvliFiyat .spanFiyat { font-size: 18px !important; }
  .am-havale-banner { font-size: 11px !important; padding: 7px 12px !important; }
  #contentProductDetail .ProductDetailMain .SmallImages > div { width: 48px !important; height: 48px !important; }
  #contentProductDetail #ddlUrunSiparisAdedi { height: 40px !important; }
  #contentProductDetail #divSatinAl .BasketBtn input,
  #contentProductDetail #divSatinAl .basketBtn input,
  #contentProductDetail #divSatinAl input.Addtobasket,
  #contentProductDetail #divSatinAl .BasketBtn button,
  #contentProductDetail #divSatinAl .basketBtn button,
  #contentProductDetail #divSatinAl button.Addtobasket { font-size: 13px !important; height: 40px !important; padding: 0 12px !important; }
  #contentProductDetail #divSatinAl input.buyfastbutton,
  #contentProductDetail #divSatinAl input#btnHemenAl,
  #contentProductDetail #divSatinAl button.buyfastbutton,
  #contentProductDetail #divSatinAl button#btnHemenAl { font-size: 13px !important; height: 40px !important; padding: 0 12px !important; }
  #contentProductDetail .Formline.IndirimOraniContent .right_line.indirimliOrani,
  #contentProductDetail .IndirimOraniContent .indirimliOrani { font-size: 11px !important; padding: 5px 10px !important; }
  .am-distributor-badge { font-size: 11px !important; }
}

/* Mobile breadcrumb (product detail) */
.am-mobile-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 11px; font-family: var(--am-font-family); padding: 8px 0 4px; color: #94a3b8; }
.am-mobile-breadcrumb a { color: #94a3b8; text-decoration: none; white-space: nowrap; font-size: 11px; }
.am-mobile-breadcrumb a:last-child { color: #0066cc; font-weight: 600; font-size: 11px; white-space: normal; }
.am-mobile-breadcrumb .am-bc-sep { color: #cbd5e1; margin: 0 2px; font-size: 11px; }

/* Homepage card small */
@media (max-width: 640px) {
  .am-card { padding: 18px; }
  .am-card .productImage { border-radius: 12px; }
}

/* =========================================================
 *  HOMEPAGE MASTER BLOCK
 *  Banner slider (CSS scroll-snap), brand cards, category
 *  grid, CZone hero, CSS order reordering
 * ========================================================= */

/* -- Banner Slider (CSS scroll-snap, replaces Flickity) -- */
.am-hp-slider { position: relative; width: 100vw; margin-left: calc(50% - 50vw); background: #000; overflow: hidden; }
.am-hp-slider__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.am-hp-slider__track::-webkit-scrollbar { display: none; }
.am-hp-slide { flex: 0 0 100%; height: clamp(420px, 80vh, 700px); scroll-snap-align: start; position: relative; overflow: hidden; }
.am-hp-slide__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.am-hp-slide__inner { position: absolute; left: 0; bottom: 0; padding: 0 64px 64px; max-width: 720px; z-index: 2; color: #fff; }
.am-hp-slide__inner * { opacity: 0.7; }
.am-hp-slide__inner h2 { margin: 0 0 10px; font-size: 42px; line-height: 52px; font-weight: 700; color: #fff; font-family: var(--am-font-family); }
.am-hp-slide__inner p { margin: 0; font-size: 16px; line-height: 24px; color: #fff; font-family: var(--am-font-family); }
.am-hp-dots { position: absolute; bottom: 16px; left: 0; right: 0; display: flex; justify-content: center; gap: 8px; z-index: 5; }
.am-hp-dots button { width: 46px; height: 4px; border-radius: 2px; background: rgba(255,255,255,0.35); border: 0; padding: 0; cursor: pointer; transition: background 0.2s; }
.am-hp-dots button.active { background: #fff; transform: scaleX(1.08); }

/* -- Brand Cards -- */
.am-hp-cards { max-width: 1320px; margin: 0 auto; padding: clamp(24px,4vw,48px) 20px; font-family: var(--am-font-family); }
.am-hp-cards--bottom { padding-top: 0; }
.am-hp-cards__row { display: flex; gap: 10px; flex-wrap: wrap; }
.am-hp-card { flex: 1; min-width: 280px; aspect-ratio: 550/240; border-radius: 6px; overflow: hidden; position: relative; cursor: pointer; box-shadow: 0 8px 25px rgba(0,0,0,0.15); transition: all 0.4s ease; }
.am-hp-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
.am-hp-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.25); }
.am-hp-card__overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.8)); padding: 30px 20px 20px; transform: translateY(100%); transition: transform 0.4s ease; }
.am-hp-card:hover .am-hp-card__overlay { transform: translateY(0); }
.am-hp-card__overlay h3 { color: #fff; font-size: 18px; font-weight: 600; margin: 0 0 8px; }
.am-hp-card__overlay p { color: rgba(255,255,255,0.9); font-size: 14px; line-height: 1.4; margin: 0; }
.am-hp-card__link { position: absolute; inset: 0; z-index: 10; }

/* -- Category Grid -- */
.am-hp-categories { color: #0f172a; background: #fff; padding: clamp(30px,4vw,48px) clamp(16px,4vw,24px); font-family: var(--am-font-family); }
.am-hp-categories__title { max-width: 1280px; margin: 0 auto 12px; text-align: center; }
.am-hp-categories__title h2 { font-size: clamp(28px,4vw,36px); font-weight: 600; margin: 0; color: #0066cc; text-transform: uppercase; }
.am-hp-categories__inner { max-width: 1280px; margin: 0 auto; display: grid; gap: clamp(16px,2.5vw,20px); grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,minmax(340px,1fr)); }
.am-hp-categories__panel { position: relative; border-radius: 22px; overflow: hidden; display: block; text-decoration: none; color: inherit; background: #f1f5f9; transition: transform 0.25s ease, box-shadow 0.25s ease; min-height: 240px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.am-hp-categories__panel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; }
.am-hp-categories__panel:hover img { transform: scale(1.05); }
.am-hp-categories__panel:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,0.12); }
.am-hp-categories__panel-grad { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,23,42,0) 40%, rgba(15,23,42,0.5) 100%); }
.am-hp-categories__panel-info { position: absolute; left: 24px; bottom: 24px; color: #fff; }
.am-hp-categories__panel-info span { font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.8; display: block; }
.am-hp-categories__panel-info h3 { font-size: clamp(26px,3.5vw,36px); font-weight: 600; margin: 8px 0 0; color: #fff; }
.am-hp-categories__mini-grid { display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr); gap: clamp(8px,1.5vw,12px); padding: 12px; background: #f8fafc; border-radius: 22px; }
.am-hp-categories__mini { position: relative; border-radius: 16px; overflow: hidden; min-height: 95px; display: block; text-decoration: none; }
.am-hp-categories__mini img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.am-hp-categories__mini-grad { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,23,42,0) 0%, rgba(15,23,42,0.35) 100%); }
.am-hp-categories__mini-label { position: absolute; left: 10px; bottom: 10px; font-size: 14px; font-weight: 600; color: #fff; padding: 4px 8px; background: rgba(15,23,42,0.35); border-radius: 8px; }

/* -- CZone Hero Banner -- */
.am-hp-hero { position: relative; width: 100%; min-height: 560px; display: flex; align-items: center; background-size: cover; background-position: center; background-repeat: no-repeat; font-family: var(--am-font-family); }
.am-hp-hero, .am-hp-hero * { color: #fff !important; box-sizing: border-box; }
.am-hp-hero__wrap { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 clamp(16px,4vw,64px); }
.am-hp-hero__col { max-width: 700px; display: flex; flex-direction: column; gap: 32px; }
.am-hp-hero__title { margin: 0; font-size: 56px; line-height: 67.2px; font-weight: 700; letter-spacing: 0.01em; }
.am-hp-hero__sub { margin: 0; font-size: 18px; line-height: 27px; font-weight: 400; opacity: 0.95; max-width: 640px; }
.am-hp-hero__ctas { display: inline-flex; gap: 16px; flex-wrap: wrap; }
.am-hp-hero__btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: 100px; text-decoration: none !important; font-size: 16px; line-height: 24px; font-weight: 400; border: 1px solid #fff; transition: transform 0.15s ease, opacity 0.15s ease; white-space: nowrap; }
.am-hp-hero__btn--primary { background: #fff !important; color: #000 !important; }
.am-hp-hero__btn--ghost { background: transparent !important; }
.am-hp-hero__btn:hover { transform: translateY(-2px); }
.am-hp-hero__btn:active { transform: translateY(-1px); opacity: 0.9; }

/* -- Homepage reordering -- */
#mainHolder_divDesign.am-hp-reorder { display: flex !important; flex-direction: column !important; }
#mainHolder_divDesign.am-hp-reorder > * { width: 100% !important; }

/* -- Homepage responsive -- */
@media (max-width: 768px) {
  .am-hp-slide { height: clamp(280px, 60vh, 500px); }
  .am-hp-slide__inner { padding: 0 24px 24px; }
  .am-hp-slide__inner h2 { font-size: 34px; line-height: 42px; }
  .am-hp-cards__row { flex-direction: column; }
  .am-hp-hero { min-height: clamp(238px,40vh,356px) !important; height: clamp(238px,40vh,356px) !important; max-height: clamp(238px,40vh,356px) !important; overflow: hidden; }
  .am-hp-hero__wrap { padding: clamp(20px,4vw,32px) clamp(16px,6vw,32px); }
  .am-hp-hero__col { max-width: 100%; gap: clamp(12px,2vw,20px); }
  .am-hp-hero__title { font-size: clamp(28px,5vw,42px) !important; line-height: 1.2 !important; }
  .am-hp-hero__sub { font-size: clamp(14px,2vw,18px) !important; line-height: 1.5 !important; }
  .am-hp-hero__ctas { flex-direction: row; flex-wrap: wrap; width: 100%; gap: 8px; justify-content: center; }
  .am-hp-hero__btn { flex: 0 1 calc(50% - 4px); min-width: 0; font-size: 13px !important; padding: 9px 12px; white-space: normal; text-align: center; }
}
@media (max-width: 1040px) {
  .am-hp-categories__inner { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
  .am-hp-categories__mini-grid { grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px; }
  .am-hp-categories__mini { min-height: 80px; }
  .am-hp-categories__mini-label { font-size: 12px; padding: 3px 7px; }
  .am-hp-categories__panel-info h3 { font-size: 24px; }
  .am-hp-categories__panel-info { left: 16px; bottom: 16px; }
  .am-hp-categories__title h2 { font-size: 24px; }
}
@media (max-width: 480px) {
  .am-hp-hero { min-height: clamp(238px,40vh,317px) !important; height: clamp(238px,40vh,317px) !important; max-height: clamp(238px,40vh,317px) !important; }
  .am-hp-hero__wrap { padding: clamp(16px,3vw,24px) clamp(16px,5vw,24px); }
  .am-hp-hero__title { font-size: clamp(24px,6vw,36px) !important; line-height: 1.2 !important; }
  .am-hp-hero__sub { font-size: clamp(13px,2.2vw,16px) !important; line-height: 1.5 !important; }
  .am-hp-slide { height: clamp(220px, 50vh, 360px); }
  .am-hp-slide__inner h2 { font-size: 26px; line-height: 34px; }
  .am-hp-card__overlay h3 { font-size: 15px; }
  .am-hp-card__overlay p { font-size: 12px; }
}

/* ==========================================================
 *  ENGLISH PAGE OVERRIDES  —  html[lang^="en"]
 *  artimarin.com.tr/en/  —  parity with Turkish page design
 * ========================================================== */

/* 1 ─ Hide TL prices everywhere on the English site.
       Visitors on /en/ see only the foreign-currency (€/$) price.
       The html[lang] prefix raises specificity above Ticimax's
       en.style.css rules that load AFTER our sheet. */
html[lang^="en"] .tlfiyati,
html[lang^="en"] .tlfiyatikdv,
html[lang^="en"] [class*="tlfiyat"] { display: none !important; }

/* 2 ─ Category breadcrumb separator.
       Ticimax's en.style.css has content:'\\203A' (double backslash)
       which renders as the literal string "\203A" in the browser.
       The html[lang] prefix (+10 specificity) makes our correct
       single-escape version win even though Ticimax loads later. */
html[lang^="en"] #divIcerik.categoryContainer ul.breadcrumb li + li::before,
html[lang^="en"] body.am-category-page ul.breadcrumb li + li::before {
  content: '\203A' !important;
  display: inline-block !important;
  margin: 0 8px !important;
  color: #94a3b8 !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

/* 3 ─ Slider card add-to-cart / productIcon — belt+suspenders hide.
       Our base rule already has .anasayfa_urun_slider .productIcon {display:none}
       but Ticimax EN may override it; the higher-specificity html[lang] selector wins. */
html[lang^="en"] .anasayfa_urun_slider .productIcon,
html[lang^="en"] .anasayfa_urun_slider .mycartIcon,
html[lang^="en"] .anasayfa_urun_slider .btnAddToCart,
html[lang^="en"] .anasayfa_urun_slider input[name="btnArabaSepet"],
html[lang^="en"] .anasayfa_urun_slider a[class*="sepet"],
html[lang^="en"] .anasayfa_urun_slider a[class*="cart"] { display: none !important; }

/* 4 ─ Product detail — hide the two TL-only price rows.
       #divIndirimliFiyat (foreign-currency discounted price) stays fully visible.
       #divKDVDahilFiyat  = ₺ KDV-dahil row
       #divTurkLirasiFiyat = ₺ ex-VAT breakdown row
       #divSepetFiyati     = "Sepet Fiyatı" row (Turkish label, usually empty) */
html[lang^="en"] #divKDVDahilFiyat,
html[lang^="en"] #divTurkLirasiFiyat,
html[lang^="en"] #divSepetFiyati { display: none !important; }

/* 5 ─ Product-detail breadcrumb separator. */
html[lang^="en"] #contentProductDetail ul.breadcrumb li + li::before,
html[lang^="en"] .ProductDetail ul.breadcrumb li + li::before {
  content: '\203A' !important;
  display: inline-block !important;
  margin: 0 8px !important;
  color: #94a3b8 !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

/* 6 ─ Title underline — ensure correct margin on EN product pages.
       Ticimax en.style.css may override our base .am-title-underline margins. */
html[lang^="en"] .am-title-underline {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
}

/* 7 ─ Buy buttons on EN product detail — same pill style as TR.
       Using html[lang] prefix to beat any Ticimax en.style.css overrides. */
html[lang^="en"] #contentProductDetail #divSatinAl .BasketBtn input,
html[lang^="en"] #contentProductDetail #divSatinAl .basketBtn input,
html[lang^="en"] #contentProductDetail #divSatinAl input.Addtobasket,
html[lang^="en"] #contentProductDetail #divSatinAl .BasketBtn button,
html[lang^="en"] #contentProductDetail #divSatinAl button.Addtobasket {
  min-width: 200px !important;
  padding: 10px 24px !important;
  background: #0066cc !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--am-font-family) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
}
html[lang^="en"] #contentProductDetail #divSatinAl input.buyfastbutton,
html[lang^="en"] #contentProductDetail #divSatinAl input#btnHemenAl,
html[lang^="en"] #contentProductDetail #divSatinAl button.buyfastbutton,
html[lang^="en"] #contentProductDetail #divSatinAl button#btnHemenAl {
  min-width: 200px !important;
  padding: 10px 24px !important;
  background: #fff !important;
  color: #0066cc !important;
  border: 2px solid #0066cc !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--am-font-family) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
}