/* ============================================================
   MERAY KURUYEMIŞ — Modern Theme CSS
   Design Language: Faire ES editorial catalog adapted
   Brand Color: #a93120 | Font: Manrope (Google Fonts)
   ============================================================ */

/* Google Fonts — Manrope */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root {
  /* Brand */
  --brand:           #a93120;
  --brand-dark:      #8a2519;
  --brand-light:     #c94535;

  /* Palette — Warm Editorial */
  --cream:           #faf7f4;
  --white:           #ffffff;
  --ink:             #1a1a1a;
  --charcoal:        #333333;
  --smoke:           #6c6c6c;
  --ash:             #dedede;
  --mist:            #f2eeea;

  /* Theme alias (Ticimax compatibility) */
  --theme-color:     #a93120;

  /* Typography */
  --font:            'Manrope', ui-sans-serif, system-ui, -apple-system, sans-serif;

  /* Type scale */
  --text-xs:         12px;
  --text-sm:         13px;
  --text-base:       14px;
  --text-md:         16px;
  --text-lg:         18px;
  --text-xl:         22px;
  --text-2xl:        28px;
  --text-3xl:        34px;
  --text-4xl:        42px;

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Radius — binary system */
  --radius-sm:   4px;   /* cards, buttons, inputs, images */
  --radius-pill: 40px;  /* nav pills, chips, tags */
  --radius-full: 999px;

  /* Shadows — editorial flat, no blur */
  --shadow-none: none;
  --shadow-card: 0 1px 0 var(--ash);

  /* Transitions */
  --ease: 0.25s ease;
  --ease-slow: 0.5s ease;

  /* Layout */
  --page-max: 1280px;
  --container-pad: 50px;
}

/* ============================================================
   RESET & BASE
   ============================================================ */
*, *::before, *::after {
  box-sizing: border-box;
  outline: 0;
}

[hidden]            { display: none !important; }
[role="button"]     { cursor: pointer; }
[tabindex="-1"]:focus { outline: none !important; }

[type="checkbox"],
[type="radio"]      { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"]     { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

template { display: none; }

html {
  max-width: 1320px;
  margin: 0 auto;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: var(--font);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: var(--charcoal);
  background: var(--cream);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button, input   { overflow: visible; }
button, select  { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
textarea        { overflow: auto; resize: vertical; }
button          { -moz-appearance: none; -webkit-appearance: none; cursor: pointer; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -moz-appearance: none; -webkit-appearance: none; margin: 0; }
input[type="search"]  { -webkit-appearance: none; }
input[type="radio"]:disabled,
input[type="checkbox"]:disabled { cursor: not-allowed; }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"]   { -webkit-appearance: listbox; }
input, button, select, textarea { line-height: inherit; font-family: var(--font); }

label           { display: inline-block; margin-bottom: 0; }
img             { display: block; border: none; max-width: 100%; }
i               { font-style: normal; }

a, area, button, [role="button"], input, label, select, summary, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

a {
  text-decoration: none;
  color: var(--charcoal);
  transition: color var(--ease);
}
a:active, a:hover { outline-width: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1.3;
  color: var(--ink);
  font-family: var(--font);
}

section { float: left; width: 100%; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: var(--ink); }
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: var(--ink); }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { transition: background-color 600s ease-in-out 0s; }

select, input { font-family: var(--font) !important; }

/* ============================================================
   GRID SYSTEM
   ============================================================ */
.pull-center { display: inline-block; vertical-align: top; }
.pull-left   { float: left; }
.pull-right  { float: right; }
.clear       { clear: both; }

.row {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col {
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  min-height: 1px;
}
.col        { flex: 1 1 0; max-width: 100%; }
.col-auto   { flex: 0 0 auto; width: auto; }
.col-1      { flex: 0 0 8.333333%;   max-width: 8.333333%;   }
.col-2      { flex: 0 0 16.666667%;  max-width: 16.666667%;  }
.col-3      { flex: 0 0 25%;         max-width: 25%;          }
.col-4      { flex: 0 0 33.333333%;  max-width: 33.333333%;  }
.col-5      { flex: 0 0 41.666667%;  max-width: 41.666667%;  }
.col-6      { flex: 0 0 50%;         max-width: 50%;          }
.col-7      { flex: 0 0 58.333333%;  max-width: 58.333333%;  }
.col-8      { flex: 0 0 66.666667%;  max-width: 66.666667%;  }
.col-9      { flex: 0 0 75%;         max-width: 75%;          }
.col-10     { flex: 0 0 83.333333%;  max-width: 83.333333%;  }
.col-11     { flex: 0 0 91.666667%;  max-width: 91.666667%;  }
.col-12     { flex: 0 0 100%;        max-width: 100%;         }

.clearfix               { content: ''; clear: both; display: block; float: left; width: 100%; }
.clearfix:after,
.clearfix:before        { content: ''; clear: both; display: block; float: left; width: 100%; }

/* ============================================================
   UTILITY CLASSES
   ============================================================ */
.fa-facebook-f:before { content: "\f39e" !important; }

#divAdminPopupText { float: left; width: 100%; }

.ProductList ul,
.blokSonYazilar ul,
.blogKategori ul,
.blogCenter ul,
.blogRight ul { margin: 0; padding: 0; list-style: none; }

/* ============================================================
   FORM ELEMENTS
   ============================================================ */
.textarea {
  font-family: var(--font);
  border: 1px solid var(--ash);
  border-radius: var(--radius-sm);
  padding: var(--space-3) var(--space-4);
  width: 100%;
  height: 100px;
  resize: vertical;
  color: var(--charcoal);
  background: var(--white);
  font-size: var(--text-base);
  line-height: 1.6;
  transition: border-color var(--ease);
}
.textarea:focus { border-color: var(--brand); }

.textbox {
  font-family: var(--font);
  color: var(--charcoal);
  display: block;
  font-size: var(--text-base);
  width: 100%;
  background: var(--white);
  border: 1px solid var(--ash);
  border-radius: var(--radius-sm);
  padding: var(--space-3) var(--space-4);
  transition: border-color var(--ease);
}
.textbox:focus { border-color: var(--brand); }

.button {
  font-family: var(--font);
  cursor: pointer;
  color: var(--white);
  background: var(--brand);
  padding: var(--space-3) var(--space-6);
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--text-base);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-align: center;
  transition: background var(--ease), color var(--ease);
  display: inline-block;
  line-height: 1.5;
}
.button:hover { background: var(--brand-dark); color: var(--white); }

.selectboxx {
  height: 42px;
  line-height: 42px;
  padding: 0 var(--space-4);
  background: var(--white);
  border: 1px solid var(--ash);
  border-radius: var(--radius-sm);
  width: 100%;
  font-size: var(--text-base);
  color: var(--charcoal);
  font-family: var(--font);
}

/* Validation */
.validate, .validateSol, .validateOrta {
  position: absolute;
  right: 0; left: 0; bottom: 0;
  background: #c0392b;
  color: var(--white);
  border-radius: var(--radius-sm);
  padding: 0 var(--space-3);
  font-size: var(--text-xs);
}
.validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk {
  background: #c0392b;
  position: absolute;
  right: 0; bottom: 0; left: 0;
  height: 2px;
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
}

#txtbxCep {
  border: 1px solid var(--ash);
  height: 42px;
  color: var(--charcoal);
  background: transparent;
  border-radius: var(--radius-sm);
  padding: 0 var(--space-4);
}

/* ============================================================
   LAYOUT — CONTAINERS
   ============================================================ */
.headerContent,
body ul.breadcrumb,
.navigation > div,
.userLoginContent,
.hesabimContent,
.sepetimBody .headerContent,
.sepetimBody #footer .ticiContainer,
.ticiContainer {
  max-width: var(--page-max);
  margin: 0 auto;
  position: relative;
  clear: both;
  display: block;
  /* padding-right: var(--container-pad); */
  /* padding-left: var(--container-pad); */
}

.sliderBannerContainer .ProductList,
.detaySliderContainer .ProductList { max-width: 100%; }

.homeContainer .ProductListContent .ProductList {
  max-width: 100%;
  padding-right: var(--container-pad);
  padding-left: var(--container-pad);
}

.markaSlider .jCarouselLite {
  max-width: 100%;
  padding-right: var(--container-pad);
  padding-left: var(--container-pad);
}

.headerContent       { text-align: center; }
.sepetimBody .ticiContainer { margin: 0 auto; }

.centerCount.Middle,
.centerCount.userLoginContent,
.centerCount.iletisimContent,
.centerCount.UyeolContent,
.centerCount.HesabimTakip { width: 100%; padding: 0; }

.leftBlock   { float: left;  width: 280px; padding-right: var(--space-5); }
.rightBlock  { float: right; width: 280px; padding-left: var(--space-5); }

.centerCount.LeftMiddle  { width: calc(100% - 280px); }
.centerCount.RightMiddle { width: calc(100% - 280px); }
.centerCount             { float: left; width: 100%; padding: 0; }

.leftBlock.LeftMiddleRight   { width: 22%; }
.rightBlock.LeftMiddleRight  { width: 22%; }
.centerCount.LeftMiddleRight { width: 56%; }

.ticiContainer:before, .ticiContainer:after { content: ""; display: table; }
.ticiContainer:after  { clear: both; }
.ticiContainer        { clear: both; zoom: 1; }

/* ============================================================
   HEADER EXTRAS
   ============================================================ */
.headerlinks {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.headerlinks a {
  color: var(--white);
  font-size: var(--text-xs);
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-right: var(--space-8);
  letter-spacing: 0.03em;
}
.headerlinks a:last-child { margin-right: 0; }
.headerlinks a img        { margin-right: var(--space-2); }

/* Nav underline animation */
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li { align-items: stretch; }
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a {
  align-items: center;
  position: relative;
  text-align: center;
  justify-content: center;
}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a::after {
  content: '';
  position: absolute;
  left: 100%; right: 100%; bottom: 0;
  height: 2px;
  background: var(--brand)!important;
  opacity: 0;
  visibility: hidden;
  transition: var(--ease-slow);
}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a::after {
  opacity: 1; visibility: visible; left: 0; right: 0;
}
body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl { padding: 0; margin: 0; }
body #headerNew .account-item .nav-dropdown ul,
body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap ul { padding: 0; }
body #headerNew .flex-left .nav-left { justify-content: center; }

body #headerNew #divTopProductSearch .searchform-wrapper #txtbxArama { padding-left: 60px; }
body #headerNew #divTopProductSearch .searchform-wrapper #btnKelimeAra {
  position: absolute; left: 10px; top: 0; right: auto; border-radius: 0;
}

/* ============================================================
   BREADCRUMB
   ============================================================ */
.breadList.breadActive    { display: none !important; }
.breadcrumbContent        { float: left; }

body ul.breadcrumb {
  margin: 0 auto;
  display: block !important;
  padding: 0;
  border-radius: 0;
  float: none;
  list-style: none;
  clear: none;
}
body ul.breadcrumb * {
  color: var(--smoke);
  font-size: var(--text-xs) !important;
  line-height: 32px !important;
  float: left;
  font-weight: 400;
}
body ul.breadcrumb li {
  font-size: 0 !important;
  float: none !important;
  vertical-align: middle;
}
body ul.breadcrumb li::after {
  content: '/';
  display: inline-block;
  margin: 0 var(--space-2);
  color: var(--ash);
  font-size: var(--text-xs);
  line-height: 32px;
  float: left;
}
body ul.breadcrumb li:nth-last-of-type(1)::after { display: none; }
body a#linkOncekiSayfa {
  line-height: 32px;
  display: none;
  color: var(--smoke);
  font-size: var(--text-xs) !important;
  font-weight: 400;
}
.leftImage a#linkOncekiSayfa { display: none; }

/* ============================================================
   CATEGORY HEADER
   ============================================================ */
.categoryTitleText {
  float: left;
  width: 100%;
  margin: var(--space-6) 0;
  font-size: var(--text-2xl);
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -0.01em;
}

.categoryTitle    { float: left; width: 100%; }
.categoryPageTitle {
  float: left;
  width: 100%;
  line-height: 1.3;
  font-size: var(--text-xl);
  color: var(--ink);
  font-weight: 600;
  text-align: left;
  margin: var(--space-3) 0;
  letter-spacing: -0.01em;
}

/* ============================================================
   PRODUCT LIST — GRID
   ============================================================ */
.homeContainer .ProductListContent {
  float: left;
  width: 100%;
  margin: var(--space-8) 0;
  position: relative;
}
.homeContainer .ProductListContent .ProductList { display: block; margin: 0 auto; }
.homeContainer .ProductListContent .ItemOrj {
  padding: 0 var(--space-3);
  margin-bottom: var(--space-8);
  width: 25%; max-width: 25%;
}
.homeContainer .ProductListContent .productItem { margin-bottom: 0; }

/* Category grid */
.categoryContainer .ProductList.PlSc_hrz .ItemOrj { width: 100%; max-width: 100%; flex: 0 0 100%; }
.categoryContainer .ProductList.PlSc_2 .ItemOrj   { width: 50%;  max-width: 50%;  flex: 0 0 50%;  }
.categoryContainer .ProductList.PlSc_3 .ItemOrj   { width: 33.33%; max-width: 33.33%; flex: 0 0 33.33%; }
.categoryContainer .ProductList.PlSc_4 .ItemOrj   { width: 25%;  max-width: 25%;  flex: 0 0 25%;  }
.categoryContainer .ProductList.PlSc_5 .ItemOrj   { width: 20%;  max-width: 20%;  flex: 0 0 20%;  }

.ProductListContent                    { float: left; width: 100%; }
.categoryContainer .ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductList        { margin: 0 -10px; }
.categoryContainer .ProductListContent .ItemOrj { margin-bottom: var(--space-8); }

body:not(.sepetimBody) .ItemOrj {
  float: left;
  padding: 0 10px;
  width: 25%; max-width: 25%;
  flex: 0 0 25%;
}

/* ============================================================
   PRODUCT CARD
   ============================================================ */
.productItem {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: left;
  display: inline-block;
  float: left;
  background: var(--white);
  border-radius: var(--radius-sm);
  overflow: hidden;
  border: 1px solid var(--ash);
  transition: border-color var(--ease), box-shadow var(--ease);
}
.productItem:hover {
  border-color: #c8c8c8;
  box-shadow: 0 4px 16px rgba(0,0,0,0.07);
}

.productItem .productIcon { width: 100%; float: left; }

/* Product image — 1:1 aspect ratio */
.productItem .productImage {
  position: relative;
  overflow: hidden;
  width: 100%;
  float: left;
  background: var(--mist);
}
.productItem .productImage a,
body .productItem .productImage a.Videolu,
.productItem .productImage .imageItem a {
  display: block;
  position: relative;
  padding-bottom: 100%; /* 1:1 */
}
.productItem .productImage img,
.productItem .productImage .Videolu video {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: 100%;
  object-fit: cover;
  border-radius: 0;
  transition: transform 0.6s ease;
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  margin: auto;
}
.productItem:hover .productImage img { transform: scale(1.03); }

/* Product info */
.productItem .productDetail {
  display: block;
  float: left;
  width: 100%;
  text-align: left;
  padding: var(--space-4);
}

.productItem .productName {
  position: relative;
  margin: 0 0 var(--space-2);
  float: left;
  width: 100%;
  padding-right: var(--space-5);
}
.productItem .productName a {
  float: left;
  width: 90%;
  padding: 0;
  line-height: 1.4;
  height: auto;
  font-weight: 400;
  font-size: var(--text-base);
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0.005em;
}
.productItem .productName a:hover { color: var(--brand); }

/* Prices */
.productItem .productPrice {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0;
}
.productItem .discountPrice { display: block; float: right; }
.productItem .discountPrice span {
  color: var(--brand);
  font-size: var(--text-md);
  line-height: 1.2;
  font-weight: 600;
}
.productItem .discountKdv,
.productItem .regularKdv     { display: none; }
.productItem .regularPrice   { display: block !important; float: left; margin-right: var(--space-3); }
.productItem .regularPrice span {
  font-size: var(--text-sm);
  color: var(--smoke);
  text-decoration: line-through;
  line-height: 1.2;
  font-weight: 400;
}

/* Star ratings */
.productItem .productPoints { float: left; width: 100%; clear: none; margin-bottom: var(--space-2); }
.productItem .productPoints .rating { margin: 0; }
.productItem .productPoints .rating i { color: var(--ash); font-size: 15px; margin-right: 1px; }

.productItem .productPoints [data-rating^='1'] .star-1,
.productItem .productPoints [data-rating^='2'] .star-1,
.productItem .productPoints [data-rating^='2'] .star-2,
.productItem .productPoints [data-rating^='3'] .star-1,
.productItem .productPoints [data-rating^='3'] .star-2,
.productItem .productPoints [data-rating^='3'] .star-3,
.productItem .productPoints [data-rating^='4'] .star-1,
.productItem .productPoints [data-rating^='4'] .star-2,
.productItem .productPoints [data-rating^='4'] .star-3,
.productItem .productPoints [data-rating^='4'] .star-4,
.productItem .productPoints [data-rating="5"] i,
.productItem .productPoints [data-rating^='1,5'] .star-2,
.productItem .productPoints [data-rating^='1,6'] .star-2,
.productItem .productPoints [data-rating^='1,7'] .star-2,
.productItem .productPoints [data-rating^='1,8'] .star-2,
.productItem .productPoints [data-rating^='1,9'] .star-2,
.productItem .productPoints [data-rating*='2,5'] .star-3,
.productItem .productPoints [data-rating*='2,6'] .star-3,
.productItem .productPoints [data-rating*='2,7'] .star-3,
.productItem .productPoints [data-rating*='2,8'] .star-3,
.productItem .productPoints [data-rating*='2,9'] .star-3,
.productItem .productPoints [data-rating^='3,5'] .star-4,
.productItem .productPoints [data-rating^='3,6'] .star-4,
.productItem .productPoints [data-rating^='3,7'] .star-4,
.productItem .productPoints [data-rating^='3,8'] .star-4,
.productItem .productPoints [data-rating^='3,9'] .star-4,
.productItem .productPoints [data-rating^='4,5'] .star-5,
.productItem .productPoints [data-rating^='4,6'] .star-5,
.productItem .productPoints [data-rating^='4,7'] .star-5,
.productItem .productPoints [data-rating^='4,8'] .star-5,
.productItem .productPoints [data-rating^='4,9'] .star-5 { color: #e8a200; }

/* Product badges — top left */
.productLeft { position: absolute; left: 10px; top: 10px; z-index: 3; }
.productLeft > div { margin-bottom: 4px; }
.productLeft > div:last-child { margin-bottom: 0; }

.productLeft .ozelAlan1 { background: #2d7a5a; }
.productLeft .ozelAlan2 { background: #6aaa87; }
.productLeft .ozelAlan3 { background: #2c4a7c; }
.productLeft .ozelAlan4 { background: #4a6da8; }
.productLeft .ozelAlan5 { background: var(--brand); }

.productLeft .ozelAlan1,
.productLeft .ozelAlan2,
.productLeft .ozelAlan3,
.productLeft .ozelAlan4,
.productLeft .ozelAlan5 {
  line-height: 24px;
  height: 24px;
  color: var(--white);
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  font-weight: 500;
  float: left;
  clear: left;
  display: block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 var(--space-3);
}

/* Product badges — top right */
.productRight { position: absolute; right: 10px; top: 10px; z-index: 3; }
.productRight > div { margin-bottom: 4px; }
.productRight > div:last-child { margin-bottom: 0; }

.productRight .cargoIcon {
  background: #2d7a5a;
  color: var(--white);
  width: 64px;
  border-radius: var(--radius-sm);
  height: 28px;
  overflow: hidden;
  float: right;
  clear: right;
  font-size: var(--text-xs);
  font-weight: 500;
  line-height: 13px;
  text-align: center;
  padding: 2px 0;
  display: block;
}
.productRight .newIcon {
  background: var(--brand);
  line-height: 26px;
  color: var(--white);
  width: 48px;
  border-radius: var(--radius-sm);
  height: 26px;
  overflow: hidden;
  float: right;
  clear: right;
  font-size: var(--text-xs);
  font-weight: 500;
  text-align: center;
  display: block;
}
.productRight .discountIcon {
  background: #c0392b;
  line-height: 26px;
  color: var(--white);
  width: 56px;
  border-radius: var(--radius-sm);
  height: 26px;
  overflow: hidden;
  float: right;
  clear: right;
  font-size: var(--text-xs);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.productRight .discountIcon::before {
  content: '';
  width: 14px; height: 9px;
  background: url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/discounticon.svg) no-repeat left center;
  background-size: 100%;
  margin-right: 4px;
  margin-top: -2px;
}

/* Cart icon overlay */
.examineIcon, .discountIcon div, .discountIcon .discountIcon_s2 { z-index: 3; display: none; }
.discountIcon span, .mycartIcon a span { font-weight: 500; }
.favori a, .examineIcon a, .mycartIcon a { display: block; }

.mycartIcon {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--ease), visibility var(--ease);
  text-align: center;
  z-index: 9;
  height: 44px;
}
.mycartIcon a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  float: left;
  width: 100%;
  background: var(--brand);
  min-height: 44px;
  padding-top: 10px !important;
  color: var(--white);
  font-size: var(--text-base);
  font-weight: 500;
  transition: background var(--ease);
  letter-spacing: 0.02em;
}
.mycartIcon a::before {
  content: '';
  background: url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/listshopping.svg) no-repeat left center;
  background-size: 100%;
  width: 15px; height: 17px;
  margin-right: var(--space-3);
}
.productItem:hover .mycartIcon { opacity: 1; visibility: visible; }
.mycartIcon a:hover            { background: var(--brand-dark); }

/* Favourite icon */
.productItem .favori { position: absolute; right: 0; top: 0; display: block !important; }
.productItem .favori a {
  text-align: center;
  width: 32px;
  padding: var(--space-2);
  font-size: 0 !important;
  background: transparent;
  height: 32px;
}
.productItem .favori a::before {
  content: '\f004';
  color: var(--smoke);
  font-size: 18px;
  line-height: 1;
  font-weight: 300;
  font-family: 'FontAwesome';
  transition: color var(--ease);
}
.productItem .favori a:hover::before,
.productItem .favori a.listfavoriAktif::before { color: var(--brand); font-weight: 600; }

/* Out of stock */
.TukendiIco {
  z-index: 5;
  border-radius: 0;
  background: transparent;
  position: absolute;
  right: 0; left: 0; top: 0;
  height: 100%;
  overflow: hidden;
}
.TukendiIco span {
  line-height: 44px;
  background: rgba(255,255,255,0.88);
  position: absolute;
  left: 0; bottom: 50%; right: 0;
  max-width: 200px;
  color: var(--charcoal);
  font-size: var(--text-sm);
  font-weight: 400;
  text-align: center;
  margin: 0 auto;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.StokYok .cargoIcon,
.StokYok .firsatIcon,
.StokYok .newIcon { display: none !important; }

/* Video play button */
body .productItem .divVideoPlayButton {
  position: absolute; right: 0; left: 0; top: 0; bottom: 0;
  width: 44px; height: 44px; margin: auto; overflow: hidden;
}
body .productItem .divVideoPlayButton a.urunListeVideoPlay { color: var(--white); float: left; width: 100%; height: 100%; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i {
  font-family: 'FontAwesome'; font-weight: 300; font-size: 44px;
  display: inline-block; vertical-align: top;
  text-shadow: 0 0 8px rgba(0,0,0,0.4);
}
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o::before  { content: '\f144'; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o::before { content: '\f28b'; }

.productItem .urunListeAdet,
.productItem.StokYok .urunListeAdet,
.boxBedenlerContent,
.productIcon .quickViewIco,
.productItem:hover .productIcon .quickViewIco { display: none !important; }

/* Product slider dots */
.productItem .productList-Image-Owl .owl-dots {
  bottom: -11px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: var(--white);
}
.productItem .productList-Image-Owl .owl-dots .owl-dot {
  float: left; width: 50%; padding: 0 2px !important;
  background: var(--white) !important; height: 3px; border-radius: 0; margin: 0;
}
.productItem .productList-Image-Owl .owl-dots .owl-dot:first-child { padding-left: 0 !important; }
.productItem .productList-Image-Owl .owl-dots .owl-dot:last-child  { padding-right: 0 !important; }
.productItem .productList-Image-Owl .owl-dots .owl-dot span {
  margin: 0; width: 100%; height: 3px; border-radius: 0;
  background: var(--ash); display: block;
}
.productItem .productList-Image-Owl .owl-dots .owl-dot.active span { background: var(--brand); }

/* ============================================================
   PAGINATION
   ============================================================ */
body #divSayfalamaUst { float: right; margin: 0; padding: var(--space-6) 0; text-align: center; }

.brandlistselectionBottom { margin-bottom: 0; display: none; }
#divSayfalamaAlt          { width: 100%; margin: 0; }
.pageNumber               { float: right; text-align: right; margin: 0; display: none; }
.pageNumberContent        { }

.pageNumberBottom {
  float: right;
  text-align: center;
  margin: var(--space-10) 0;
  padding: 0;
  width: 100%;
  display: block;
  vertical-align: middle;
}
.pageNumberContent, .pageBorder { display: inline-block; vertical-align: top; }

.pageNumberContent a, .pageBorder a {
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: var(--text-base);
  font-weight: 400;
  color: var(--charcoal);
  background: var(--mist);
  border-radius: var(--radius-sm);
  border: 1px solid var(--ash);
  float: left;
  position: relative;
  display: block;
  text-align: center;
  margin: 0 3px;
  transition: background var(--ease), color var(--ease), border-color var(--ease);
}
.pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled { opacity: 1 !important; }
.pageNumberContent a:hover, .pageBorder a:hover {
  background: var(--brand);
  color: var(--white);
  border-color: var(--brand);
}
.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {
  background: var(--brand);
  color: var(--white);
  border-color: var(--brand);
}

.pageNumber .divMoreProducts .productCountInfo { color: var(--white); font-size: var(--text-md); font-weight: 400; }
.pageNumber .divMoreProducts .button           { font-size: var(--text-md); color: var(--white); background: var(--brand); }

body #divNextProduct .productItem:hover { background: var(--mist); }
body #divNextProduct div span,
body #divNextProduct div a { font-weight: 400; font-size: var(--text-md); color: var(--charcoal); }

/* ============================================================
   SORTING & FILTER BAR
   ============================================================ */
.urunListRel                           { width: 100%; float: left; position: relative; }
.urunListRel .filterBlock              { float: left; width: 100%; }
.urunListRel.Slct .filterBlock         { width: calc(100% - 360px); }

.brandlistselection { display: inline-block; vertical-align: top; float: right; margin: var(--space-4) 0 0; width: 100%; }
.urunListRel.Slct .brandlistselection { width: 360px; margin-top: 0; }
.brandlistselection .clear             { clear: none; display: none; }
.brandlistselection ul                 { padding: 0; margin: 0; list-style: none; }
.sortingContent .blockSelect           { margin-right: 0; }
.urunListRel.Slct .brandlistselection .sortingContent { flex-direction: row-reverse; }
.brandlistselection .sortingContent    { background: unset!important; float: left; width: 100%; }
.brandlistselection .sortingContent li { float: right; background: transparent; border-radius: 0 !important; display: none; }
.brandlistselection .sortingContent li:nth-child(1) { display: block; }

.urunListRel:not(.Slct) .brandlistselection .sortingContent li { display: block; float: left; margin-right: var(--space-4); }
.urunListRel:not(.Slct) .brandlistselection .sortingContent li a {
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  background: var(--mist) !important;
  color: var(--charcoal);
  border: 1px solid var(--ash);
  border-radius: var(--radius-pill) !important;
  padding: 0 var(--space-4);
  transition: var(--ease);
}
.urunListRel:not(.Slct) .brandlistselection .sortingContent li > a:hover { border-color: var(--charcoal) !important; }
.urunListRel:not(.Slct) .brandlistselection .sortingContent li a:last-child { margin-right: 0; }
.urunListRel:not(.Slct) .brandlistselection .sortingContent li a.btnCatSorting { margin-right: var(--space-4); }
.urunListRel:not(.Slct) .brandlistselection .sortingContent li a.btnCatSorting i { float: left; line-height: 38px; color: var(--ash); }
.urunListRel:not(.Slct) .brandlistselection .sortingContent li a.btnCatSorting.Active i { color: var(--brand); }

.brandlistselection .sortingContent li a {
  background: transparent;
  border-radius: 0 !important;
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--charcoal);
  padding: 0 var(--space-3);
  line-height: 40px;
}
.brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { float: right; display: block; padding: 0; }
.brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet span {
  line-height: 40px; font-size: var(--text-sm); font-weight: 400; color: var(--charcoal);
  margin-right: 40px; display: none;
}
.urunListRel:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { float: left; }

#filterOrderSelect {
  background: transparent url('https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/selectbg.svg') no-repeat center right;
  appearance: none;
  -moz-appearance: none; -webkit-appearance: none;
  height: 40px; padding: 0 30px 0 0;
  font-size: var(--text-sm); font-weight: 400; color: var(--charcoal);
  border-radius: 0; border: none;
  max-width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  font-family: var(--font);
}

.filterSelectList { float: left; width: 100%; }
.blockSelect .sort_hrz,
.blockSelect .sort_2,
.blockSelect .sort_5 { display: none; }

/* Applied filters */
body #divSayfalamaUst .filterDeleteContent { float: left; margin: var(--space-4) 0 0; padding: 0; width: 100%; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter {
  padding: 0; margin: 0 var(--space-4) 0 0; height: auto;
  background: transparent; border: 1px solid var(--ash);
  width: auto; border-radius: var(--radius-sm);
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter:last-child { margin: 0; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a {
  width: 28px; margin: 0; border-left: 1px solid var(--ash); padding: 0;
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i {
  font-family: 'FontAwesome'; line-height: 32px; color: var(--charcoal);
  font-size: var(--text-md); font-weight: 300;
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i::before { content: '\f00d'; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span {
  color: var(--charcoal); font-size: var(--text-xs); text-align: left; margin-top: 7px; font-weight: 400;
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span + span { color: var(--charcoal); margin-top: 3px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir { display: block; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a {
  width: 100%; background: transparent; line-height: 1; margin: 0; padding: 0 var(--space-2); border-left: none;
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span {
  line-height: 32px; font-weight: 400; font-size: var(--text-xs); text-align: center; margin: 0; width: 100%;
}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span.filterColorBg { border: none; background-size: 100% !important; }
.brandlistselection .filterDeleteContent { display: none !important; }

/* Category filters */
.category-vertical-filters .vertical-filter-panel .list-group,
.category-vertical-filters .vertical-filter-panel .list-group ul { list-style: none; padding: 0; margin: 0; }

body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst,
body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo,
body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn,
body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum { display: none; }

/* ============================================================
   SECTION HEADINGS
   ============================================================ */
.Block_Title { display: none; }
.KategoriFilitrelemeContent .Block_Title { display: none; }

#mainHolder_divDesign .JKatAdi.categoryTitle,
.JKatAdi {
  float: left; position: relative; width: 100%;
  padding: 0 !important; margin: var(--space-10) 0 var(--space-5) 0 !important;
}
#mainHolder_divDesign .JKatAdi.categoryTitle .bold,
.JKatAdi .bold { display: block; float: left; width: 100%; text-align: center; position: relative; }

#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
.JKatAdi .bold .satir1 {
  line-height: 1.3;
  color: var(--ink);
  font-size: var(--text-xl);
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  padding: 0 !important;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Underline accent after heading */
#mainHolder_divDesign .JKatAdi.categoryTitle .bold::after,
.JKatAdi .bold::after {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--brand);
  margin: var(--space-3) auto 0;
}

/* ============================================================
   CAROUSEL / SLIDER NAV
   ============================================================ */
#divInstashopResim .owl-carousel .owl-nav { display: block !important; }

#mainHolder_divDesign .owl-carousel .owl-nav,
.owl-carousel .owl-nav {
  z-index: 2; position: absolute; right: 10px; left: 10px; top: 40%;
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev,
.owl-carousel .owl-nav .ProductListprev,
.owl-carousel .owl-nav .InstaGalleryprev { left: 0; }

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext,
.owl-carousel .owl-nav .ProductListnext,
.owl-carousel .owl-nav .InstaGallerynext { right: 0; }

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev,
.owl-carousel .owl-nav .ProductListprev,
.owl-carousel .owl-nav .ProductListnext,
.owl-carousel .owl-nav .InstaGalleryprev,
.owl-carousel .owl-nav .InstaGallerynext,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {
  background: rgba(255,255,255,0.9);
  border-radius: var(--radius-full);
  border: 1px solid var(--ash);
  width: 44px; height: 44px;
  cursor: pointer; text-align: center;
  position: absolute; font-size: 0;
  display: inline-flex; align-items: center; justify-content: center;
  transition: var(--ease);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover,
.owl-carousel .owl-nav .InstaGalleryprev:hover,
.owl-carousel .owl-nav .ProductListprev:hover,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover,
.owl-carousel .owl-nav .InstaGallerynext:hover,
.owl-carousel .owl-nav .ProductListnext:hover { background: var(--white); box-shadow: 0 4px 12px rgba(0,0,0,0.12); }

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev::before,
.owl-carousel .owl-nav .ProductListprev::before,
.owl-carousel .owl-nav .InstaGalleryprev::before,
.owl-carousel .owl-nav .ProductListnext::before,
.owl-carousel .owl-nav .InstaGallerynext::before,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext::before {
  font-family: 'FontAwesome'; font-size: 16px; line-height: 44px; font-weight: 300; color: var(--ink) !important;
}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev::before,
.owl-carousel .owl-nav .ProductListprev::before,
.owl-carousel .owl-nav .InstaGalleryprev::before { content: '\f053'; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext::before,
.owl-carousel .owl-nav .ProductListnext::before,
.owl-carousel .owl-nav .InstaGallerynext::before { content: '\f054'; }

body #mainHolder_divDesign .owl-carousel .owl-dots,
body .owl-carousel .owl-dots { display: none; float: left; width: 100%; text-align: center; margin-top: var(--space-5); }

body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot,
body .owl-carousel .owl-dots .owl-dot {
  width: 8px; height: 8px; background: var(--ash);
  margin: 0 4px; border-radius: var(--radius-full);
  display: inline-block; vertical-align: top;
  transition: background var(--ease);
}
body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot span,
body .owl-carousel .owl-dots .owl-dot span { display: none; }
body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active,
body .owl-carousel .owl-dots .owl-dot.active { background: var(--brand); }

/* Main hero slider nav */
body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav { left: var(--space-10); right: var(--space-10); top: 45%; }
body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListprev,
body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListnext { width: 56px; height: 56px; }
body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListprev::before,
body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListnext::before { line-height: 56px; font-size: 20px; }

/* ============================================================
   SLIDERS
   ============================================================ */
.sliderBannerContainer {
  float: left; width: 100%; position: relative; margin: 0;
}
.sliderBannerContainer .Block_Link      { display: none; }
.sliderBannerContainer .ProductList     { display: block !important; margin: 0 auto; }
.sliderBannerContainer .Jbutonlar       { display: none; }
.sliderBannerContainer .jCarouselLite   { float: left; width: 100%; }

.detaySliderContainer {
  float: left; width: 100%; position: relative; margin: var(--space-12) 0;
}
.detaySliderContainer .ProductList      { display: block !important; margin: 0 auto; }
.detaySliderContainer .Jbutonlar        { display: none; }
.detaySliderContainer .jCarouselLite    { float: left; width: 100%; }

.detaySliderContainer .owl-carousel .owl-stage,
.sliderBannerContainer .owl-carousel .owl-stage { display: flex; flex-wrap: wrap; }
.detaySliderContainer .owl-carousel li,
.sliderBannerContainer .owl-carousel li         { height: 100%; }

#pnlSlider { position: relative; float: left; width: 100%; margin: 0; padding: 0; }
#pnlSlider ul { list-style: none; padding: 0; margin: 0; }
#pnlSlider ul li    { display: block; }
#pnlSlider ul li a  { display: block; }
#pnlSlider ul li a img { width: 100%; display: block; }

#pnlSlider .flex-control-nav { position: absolute; bottom: 20px; right: 0; left: 0; }
#pnlSlider .flex-control-paging li { margin: 0 3px; }
#pnlSlider .flex-control-paging li a {
  float: right; width: 10px; height: 10px;
  border-radius: var(--radius-full); border: none;
  box-shadow: none; text-shadow: none; background: rgba(255,255,255,0.6);
}
#pnlSlider .flex-control-paging li a.flex-active { background: var(--white); }

#pnlSlider .flex-direction-nav { position: absolute; left: var(--space-5); right: var(--space-5); top: 45%; }
#pnlSlider .flex-direction-nav li { display: inline-block; vertical-align: top; }
#pnlSlider .flex-direction-nav .flex-nav-prev { float: left; }
#pnlSlider .flex-direction-nav .flex-nav-next { float: right; }
#pnlSlider .flex-direction-nav .flex-prev,
#pnlSlider .flex-direction-nav .flex-next {
  color: var(--white); border: none; background: transparent;
  width: auto; height: auto; border-radius: 0; top: 0; margin: 0; padding: 0;
  box-shadow: none; opacity: 1; font-size: 0; position: relative;
  text-shadow: none; text-align: center;
}

.HomePageSlideShowContainer { float: left; width: 100%; position: relative; }
.HomePageSlideShowContainer .HomePageSlideShow { padding: 0; width: 100%; }
.HomePageSlideShowContainer .HPSItems { clear: both; cursor: pointer; width: 100%; }
.HomePageSlideShowContainer .HPSItems div { cursor: pointer; float: left; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100%; }

/* ============================================================
   PRODUCT DETAIL PAGE
   ============================================================ */
.RightDetail > .clear       { clear: none; }
.ProductDetailMain          { float: left; width: 100%; }
.ProductDetailMainRow       { float: left; width: 100%; }
.TopDet                     { float: left; width: 100%; position: relative; margin: 0 0 var(--space-12) 0; }
.leftImage                  { width: 600px; float: left; position: relative; padding: 0; }
.RightDetail                { width: calc(100% - 600px); float: left; position: relative; padding: 0 0 0 var(--space-5); }

/* Gallery */
.leftImage .ProductGallery { float: left; width: 100%; }
.leftImage .ProductGallery .gallery-container { float: left; width: 100%; position: relative; }
.leftImage .ProductGallery .gallery-container .GalleryArea {
  float: right; width: 500px; margin: 0; padding: 0;
}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb {
  float: left; width: 90px; border: none; background: transparent; height: 100%; display: block;
}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list {
  float: left; width: 100%; padding: 0; margin: 0; overflow-y: auto; overflow-x: hidden; max-height: 100%;
}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item {
  float: left; clear: left; width: 80px; margin-bottom: var(--space-4);
  border: 1px solid var(--ash); border-radius: var(--radius-sm);
  overflow: hidden; cursor: pointer; transition: border-color var(--ease);
}
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item:hover { border-color: var(--brand); }
.leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots { display: none; }

.UrunDetayLeft   { margin: 0 !important; overflow: hidden; }
.Images, #divVideoGoruntulemeAlan {
  float: right; width: 1px; padding-bottom: 1px; position: relative;
}
.Images img, #vdUrunVideo {
  max-width: 100%; max-height: 100%;
  position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;
}
.cloudzoom-blank > div:last-child { display: none !important; }

.SmallImages { display: block !important; float: left; width: 100%; }
.SmallImages div { float: left; width: 50%; cursor: pointer; padding: 0 var(--space-6) var(--space-6) 0; }
.SmallImages div:first-child { width: 100%; }
.SmallImages div img { max-width: 100%; max-height: 100%; }

.leftImage .productTimer { display: none !important; }
.DetayYeniUrun           { display: none !important; }

/* Right detail panel */
.RightDetail .TopList    { float: left; width: 100%; position: relative; padding-top: var(--space-6); }
.RightDetail .MiddleList { float: left; width: 100%; position: relative; }
.RightDetail .BottomList { float: left; width: 100%; position: relative; }

/* Product name */
.ProductName        { float: left; position: relative; margin: 0; width: 100%; }
.ProductName h1     { margin: 0; float: left; width: 100%; }
.ProductName h1 span {
  float: left; width: 100%; display: inline-block;
  color: var(--ink); font-size: var(--text-2xl); font-weight: 500;
  line-height: 1.3; letter-spacing: -0.01em;
}

/* SKU code */
#divUrunKodu {
  float: left; clear: left; color: var(--smoke);
  font-size: var(--text-sm); font-weight: 400; line-height: 1; padding: 0; margin: var(--space-3) 0 0;
}
#divUrunKodu span {
  display: inline-block; vertical-align: top;
  color: var(--smoke); font-size: var(--text-sm); font-weight: 400; float: left;
}
#divUrunKodu span::after { content: ':'; margin: 0 4px; }

/* Installment text */
#divTaksitAciklama { display: block; float: left; clear: left; margin-top: var(--space-3); }
#divTaksitAciklama .taksitSatir { color: var(--smoke); font-size: var(--text-sm); }

/* Stars */
.RightDetail .puanVer        { float: left; clear: left; }
.RightDetail #PuanVer        { float: left; margin-top: var(--space-4); }
.RightDetail .PuanVerSag     { float: left; color: var(--smoke); font-size: var(--text-xs); line-height: 1; margin: var(--space-4) 0 0 var(--space-3); }
.RightDetail ul.rating       { float: left; padding: 0; margin: 0; list-style: none; }
.RightDetail ul.rating li    { float: left; margin-right: 0; width: auto; height: auto; padding: 0 2px 0 0; font-size: 0; }
.RightDetail ul.rating li i.starItem { font-size: var(--text-base); line-height: 1; height: auto; font-weight: 300; font-family: 'FontAwesome'; position: static; }
.RightDetail ul.rating li i.starItem::before { content: '\f005'; }
.RightDetail ul.rating li.filled i { font-weight: 600; }

.RightDetail ul.rating li i.starItem,
.RightDetail ul.rating li.filled i,
.RightDetail .rating-stars ul > li.star.hover > i.fa,
.RightDetail .rating-stars ul > li.star.selected > i.fa { color: #e8a200; }

/* Brand image */
.markaresmi { float: left; position: relative; z-index: 1; display: none !important; }

/* Warehouse stock */
#divMagazaStok { float: left; clear: left; margin: var(--space-3) 0 0 !important; }
#divMagazaStok a { display: inline-block; vertical-align: top; color: var(--smoke); font-size: var(--text-sm); font-weight: 400; }

/* Short description */
#divOnyazi         { float: left; width: 100%; }
#divOnyazi .teksatir { margin-top: var(--space-3); float: left; width: 100%; }
#divOnyazi h2      { font-weight: 400; font-size: 100%; }
#divOnyazi *       { font-family: var(--font) !important; }
#divOnyazi strong  { font-weight: 600; }
#divOnyazi strong *{ font-weight: 600; }
#divOnyazi i       { font-family: 'FontAwesome' !important; margin-right: var(--space-3); }

/* Pricing */
.urunDetayFiyatContainer {}
.PriceList    { float: left; position: relative; width: 100%; padding: 0; margin: var(--space-8) 0; }
#pnlFiyatlar  { display: inline-block; vertical-align: top; float: left; }
#divIndirimliFiyat { display: block; }

.PiyasafiyatiContent { display: block; float: left; margin-right: var(--space-4); }
.PiyasafiyatiContent .left_line,
.PiyasafiyatiContent .center_line { display: none; }
.PiyasafiyatiContent .right_line  { display: inline-block; vertical-align: top; }
.PiyasafiyatiContent .right_line * { display: inline-block; vertical-align: top; font-weight: 300; text-decoration: line-through; }
.PiyasafiyatiContent .right_line .spanKdv { display: none !important; }
.PiyasafiyatiContent .right_line * { color: var(--smoke); font-size: var(--text-xl); font-weight: 300; }

.IndirimliFiyatContent { display: block; float: left; }
.IndirimliFiyatContent .left_line,
.IndirimliFiyatContent .center_line { display: none; }
.IndirimliFiyatContent .right_line  { display: inline-block; vertical-align: top; }
.IndirimliFiyatContent .right_line *{ display: inline-block; vertical-align: top; }
.IndirimliFiyatContent .right_line .spanKdv { display: none !important; }

#divTurkLirasiFiyat { display: block; }
#divTurkLirasiFiyat .left_line,
#divTurkLirasiFiyat .center_line { display: none; }
#divTurkLirasiFiyat .right_line  { display: inline-block; }
#divTurkLirasiFiyat .right_line *{ display: inline-block !important; vertical-align: top; }

#divIndirimsizFiyat { display: block; }
#divIndirimsizFiyat .left_line,
#divIndirimsizFiyat .center_line { display: none; }
#divIndirimsizFiyat .right_line  { display: inline-block; font-weight: 400; }
#divIndirimsizFiyat .right_line *{ display: inline-block !important; vertical-align: top; }
#divIndirimsizFiyat .right_line .spanKdv { display: none !important; }

#divKDVDahilFiyat { display: block; float: left; margin-top: var(--space-2); }
#divKDVDahilFiyat .left_line  { display: inline-block; vertical-align: top; font-weight: 400; margin-right: var(--space-2); }
#divKDVDahilFiyat .center_line{ display: none; }
#divKDVDahilFiyat .right_line *{ display: inline-block !important; vertical-align: top; }

/* Price colours */
.IndirimliFiyatContent .right_line *,
#divTurkLirasiFiyat .right_line *,
#divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line *,
#divIndirimsizFiyat .right_line,
#divIndirimsizFiyat .left_line { color: var(--ink); font-size: var(--text-3xl); font-weight: 600; }

#divKDVDahilFiyat .left_line,
#divKDVDahilFiyat .right_line *,
#divIndirimsizFiyat .left_line,
.IndirimliFiyatContent,
.IndirimliFiyatContent .right_line *,
.PiyasafiyatiContent,
.PiyasafiyatiContent .right_line *,
#divTurkLirasiFiyat,
#divTurkLirasiFiyat .right_line *,
#divIndirimsizFiyat,
#divKDVDahilFiyat { line-height: 1.2; }

/* Discount badge */
#divIndirimOrani { float: left; margin: 0 var(--space-3) 0 0; }
#divIndirimOrani .left_line,
#divIndirimOrani .center_line  { display: none; }
#divIndirimOrani .indirimliOrani { font-size: 0; }
#divIndirimOrani .indirimliOrani #ltrIndirimOrani {
  float: left; line-height: 32px; color: var(--white);
  font-size: var(--text-md); font-weight: 500;
  padding: 0 var(--space-4); background: var(--brand);
  border-radius: var(--radius-sm);
}
#divIndirimOrani .indirimliOrani #ltrIndirimOrani::before { content: '%'; }
#divIndirimOrani .indirimliOrani #ltrIndirimOrani::after {
  content: ''; float: left; width: 20px; height: 32px;
  background: url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/detaildiscounticon.svg) no-repeat left center;
  background-size: 100%; margin-right: var(--space-2);
}

/* Extra meta fields */
#divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi {
  float: left; clear: left; margin-top: var(--space-3); line-height: 1;
}
#divMarka .left_line, #divTedarikci .left_line,
#divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line,
#divBarkod .left_line, #divParaPuan .left_line, #divTahminiTeslimatSuresi .left_line,
#divMarka .center_line, #divTedarikci .center_line,
#divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line,
#divBarkod .center_line, #divParaPuan .center_line, #divTahminiTeslimatSuresi .center_line {
  display: inline-block; vertical-align: top; color: var(--smoke); font-size: var(--text-sm); font-weight: 400; line-height: 1;
}
#divMarka .right_line, #divMarka .right_line *,
#divTedarikci .right_line, #divTedarikci .right_line *,
#divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line,
#divBarkod .right_line, #divParaPuan .right_line, #divTahminiTeslimatSuresi .right_line {
  display: inline-block; vertical-align: top; color: var(--smoke); font-size: var(--text-sm); font-weight: 400; width: auto;
}

.ud-kategori { float: left; width: 100%; margin-top: var(--space-3); font-size: var(--text-sm); font-weight: 400; color: var(--smoke); }
.ud-kategori .center_line { margin: 0 var(--space-2); }

/* Variants */
#divUrunEkSecenek { float: left; width: 100%; position: relative; margin-top: var(--space-8); }
#divUrunEkSecenek .eksecenekLine { clear: none !important; margin: 0 0 var(--space-4); float: left; width: 100%; }
#divUrunEkSecenek .eksecenekLine:last-child { margin-bottom: 0 !important; border: none; padding-bottom: 0; }
#divUrunEkSecenek .eksecenekLine .left_line {
  float: left; width: 100%; line-height: 1.5;
  color: var(--ink); font-size: var(--text-sm); font-weight: 500;
  margin-bottom: var(--space-3); text-transform: uppercase; letter-spacing: 0.05em;
}
#divUrunEkSecenek .eksecenekLine .center_line  { display: none; }
#divUrunEkSecenek .eksecenekLine .right_line   { display: inline-block; vertical-align: top; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box {
  float: left; cursor: pointer; text-align: center; font-size: var(--text-sm);
  position: relative; color: var(--ink); font-weight: 400; margin: 0 var(--space-3) var(--space-3) 0;
}
#divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display: block; }

/* Select variant */
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line { width: 100%; }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {
  min-width: 100%; float: left; height: 44px;
  border: 1px solid var(--ash); color: var(--ink);
  font-size: var(--text-base); font-weight: 400; padding: 0 var(--space-4);
  background: var(--white); margin-bottom: var(--space-3);
  border-radius: var(--radius-sm); font-family: var(--font);
  transition: border-color var(--ease);
}
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select:focus { border-color: var(--brand); }

/* Image variant */
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box {
  width: 44px; padding: var(--space-1);
  border: 2px solid var(--ash); border-radius: var(--radius-full); transition: var(--ease);
}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img { border-radius: 50%; }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover,
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected { border-color: var(--brand); }

/* Box variant */
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {
  min-width: 72px; height: 44px; line-height: 42px; text-align: center;
  border: 1px solid var(--ash); border-radius: var(--radius-sm);
  padding: 0 var(--space-4); transition: var(--ease);
}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {
  background: var(--mist); border-color: var(--brand);
}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {
  background: var(--brand); color: var(--white); border-color: var(--brand);
}

/* Out of stock variant */
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok {
  position: relative; background: var(--white) !important;
  color: var(--ash) !important; border-color: var(--ash) !important;
}
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img { filter: grayscale(100%); }
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok::after {
  content: ''; height: 1px; max-width: 60px; margin: 0 auto;
  background: var(--ash); left: 0; right: 0; top: 50%; position: absolute;
}

/* Custom label badges */
#divOzelAlan1 { background: #2d7a5a; }
#divOzelAlan2 { background: #6aaa87; }
#divOzelAlan3 { background: #2c4a7c; }
#divOzelAlan4 { background: #4a6da8; }
#divOzelAlan5 { background: var(--brand); }

#divOzelAlan1, #divOzelAlan2, #divOzelAlan3, #divOzelAlan4, #divOzelAlan5 {
  line-height: 28px; color: var(--white); border-radius: var(--radius-sm);
  float: left; clear: left; font-size: var(--text-sm); font-weight: 500;
  text-align: left; display: block; max-width: 110px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  padding: 0 var(--space-3); margin-top: var(--space-3);
}

/* Related products (thumbnail strip) */
#IlgiliUrunDiv { float: left; width: 100%; }
.TopDet #IlgiliUrunDiv { display: block; float: left; width: 100%; margin: 0; padding: 0; }
.TopDet #IlgiliUrunDiv #divIlgiliUrunler { padding: 0; margin: 0; background: transparent; border: none; }
.TopDet #IlgiliUrunDiv .JKatAdi { float: left; width: 100%; margin: 0 !important; padding: 0 !important; text-align: left; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold { padding: 0; margin: 0; text-align: left; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold::before,
.TopDet #IlgiliUrunDiv .JKatAdi .bold::after { display: none; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1 {
  background: transparent; padding: 0 !important; margin: 0; border: none;
  font-size: var(--text-sm); line-height: 40px; font-weight: 400; color: var(--ink);
}
.TopDet #IlgiliUrunDiv .clear { display: none; }
.TopDet #IlgiliUrunDiv ul { float: left; width: 100%; padding: 0; margin: 0; list-style: none; }
.TopDet #IlgiliUrunDiv ul li {
  float: left; width: 52px; margin-right: var(--space-3); margin-bottom: var(--space-3);
  border-radius: var(--radius-sm); overflow: hidden; border: 1px solid var(--ash);
  transition: border-color var(--ease);
}
.TopDet #IlgiliUrunDiv ul li:hover { border-color: var(--brand); }
.TopDet #IlgiliUrunDiv ul li .productItem { border: none; width: 100%; float: left; padding: 0; box-shadow: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productTimer { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productImage { padding: 0; }
.TopDet #IlgiliUrunDiv ul li .productItem .productImage a::before { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productIcon,
.TopDet #IlgiliUrunDiv ul li .productItem .urunListeAdet,
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail,
.TopDet #IlgiliUrunDiv ul li .productItem .productName,
.TopDet #IlgiliUrunDiv ul li .productItem .TukendiIco,
.TopDet #IlgiliUrunDiv ul li .productItem .boxBedenlerContent { display: none !important; }

/* Related product options strip */
.TopDet #productDetailRelated.ilgiliUrunSecenek { display: block; float: left; width: 100%; margin: var(--space-8) 0 0; padding: 0; }
.TopDet #productDetailRelated.ilgiliUrunSecenek .JKatAdi { float: left; width: 100%; margin: 0 !important; padding: 0 !important; text-align: left; }
.TopDet #productDetailRelated.ilgiliUrunSecenek .JKatAdi .bold { padding: 0; margin: 0; text-align: left; }
.TopDet #productDetailRelated.ilgiliUrunSecenek .JKatAdi .bold::before,
.TopDet #productDetailRelated.ilgiliUrunSecenek .JKatAdi .bold::after { display: none; }
.TopDet #productDetailRelated.ilgiliUrunSecenek .JKatAdi .bold .satir1 {
  background: transparent; padding: 0 !important; margin: 0 0 var(--space-3) 0;
  border: none; font-size: var(--text-base); line-height: 1.5;
  font-weight: 500; color: var(--ink); text-transform: capitalize;
}
.TopDet #productDetailRelated.ilgiliUrunSecenek > a { width: 160px; }
.TopDet #productDetailRelated.ilgiliUrunSecenek > a img { border: none; }

/* Add to cart section */
#divSatinAl { float: left; width: 100%; margin: var(--space-8) 0 var(--space-6); padding: 0; }
.BasketBtn  { float: left; position: relative; width: 100%; }

#divAdetCombo .right_line,
.RightDetail .riSingle { width: 120px; }

#txtbxurunSiparisAdedi,
#divAdetCombo select,
.RightDetail .riSingle a.riUp,
.RightDetail .riSingle a.riDown,
.basketBtn input,
.buyfast input { height: 56px !important; }

.Basketinp p,
#divKombinSatinAl a,
#divAdetCombo .left_line,
.RightDetail .riSingle a.riUp,
.RightDetail .riSingle a.riDown { line-height: 56px; }

/* Quantity selector */
#divAdetCombo { display: block !important; position: relative; float: left; clear: left; }
#divAdetCombo .center_line { display: none !important; float: left; }
#divAdetCombo .right_line  { float: left; max-width: 100% !important; }
#divAdetCombo select       { width: 100%; padding: 0 var(--space-4); text-align: left; }

.RightDetail .riSingle { position: relative; display: inline-block; vertical-align: top; border-radius: 0; }
.RightDetail .riSingle a.riUp,
.RightDetail .riSingle a.riDown {
  width: 44px !important; font-size: 0; background: transparent; top: 0; font-weight: 400;
  position: absolute; margin: 0 !important; float: left; cursor: pointer; text-indent: 0;
  display: flex; align-items: center; justify-content: center;
}
.RightDetail .riSingle a.riUp svg,
.RightDetail .riSingle a.riDown svg { width: 12px; }
.RightDetail .riSingle a.riUp path,
.RightDetail .riSingle a.riDown path { fill: var(--smoke); }
.RightDetail .riSingle a.riUp   { left: auto; right: 0; }
.RightDetail .riSingle a.riDown { left: 0; }

.Basketinp { display: block; position: relative; float: left; clear: left; }
.BasketBtn .pSatisBirimi,
.BasketBtn .left_line.lineTitle2 {
  color: var(--charcoal); font-size: var(--text-sm); font-weight: 500;
  margin: 0; float: left; clear: left; line-height: 40px;
}

#txtbxurunSiparisAdedi_wrapper { float: left; width: 100% !important; position: relative; padding: 0 !important; }
#txtbxurunSiparisAdedi {
  width: 100% !important; text-align: center; display: inline-block; padding: 0;
  appearance: none; -moz-appearance: none; -webkit-appearance: none;
}
#txtbxurunSiparisAdedi,
#divAdetCombo select {
  background: var(--white); color: var(--ink);
  border: 1px solid var(--ash); font-size: var(--text-md); font-weight: 400;
  float: left; margin: 0; border-radius: var(--radius-sm);
  font-family: var(--font); transition: border-color var(--ease);
}
#txtbxurunSiparisAdedi:focus,
#divAdetCombo select:focus { border-color: var(--brand); }

/* Add to cart buttons */
#divKombinSatinAl,
.basketBtn,
.buyfast { float: left; margin: 0; }

#divKombinSatinAl a,
.buyfast input,
.basketBtn input {
  color: var(--white); font-weight: 500; font-size: var(--text-md);
  width: 100%; display: inline-block; vertical-align: top;
  padding: 0; letter-spacing: 0.02em;
  border: none; border-radius: var(--radius-sm);
  -moz-appearance: none; -webkit-appearance: none;
}

.basketBtn { width: calc(100% - 120px); padding-left: var(--space-2); }
.basketBtn input {
  background: url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/detailshoppingcart.svg) var(--brand) no-repeat calc(50% - 60px) !important;
  text-indent: 20px;
}
.basketBtn input:hover { background-color: var(--brand-dark) !important; }

.buyfast { width: 100%; margin: var(--space-2) 0 0 0; display: none; }

/* Kombine  */
#divKombinSatinAl { margin: var(--space-2) 0 0 0; width: 100%; }
#divKombinSatinAl a { font-size: var(--text-base); margin: 0 !important; }

/* Product icon row (kargo/yazdir/paylas) */
.ProductIcon { float: left; width: 100%; background: var(--mist); border-top: 1px solid var(--ash); border-bottom: 1px solid var(--ash); }
.ProductIcon .box1 { padding: 0; margin: 0; min-width: 0; background: transparent; display: inline-block; vertical-align: top; color: var(--brand); font-size: var(--text-sm); }
.ProductIcon .box1 i { display: none; }
.ProductIcon .boxIcon {
  fill: var(--brand); width: 36px; height: 48px;
  display: flex; align-items: center; justify-content: center;
}
.ProductIcon .boxIcon svg { height: 16px; }
.ProductIcon > div { float: left; position: relative; margin: 0; width: 33.33%; }
.ProductIcon > div > a {
  float: left; width: 100%;
  display: flex; align-items: center; justify-content: center;
}

.ProductIcon2 { float: left; width: 100%; background: var(--mist); }
.ProductIcon2 .clear           { display: none; }
.ProductIcon2 #divSocialButtons{ width: 100%; }
.ProductIcon2 > div            { float: left; width: 33.33%; position: relative; }
.ProductIcon2 > div > a {
  margin: 0; padding: 0; font-size: var(--text-sm); background: transparent;
  color: var(--brand); float: left; width: 100%;
  display: flex; align-items: center; justify-content: center;
  transition: background var(--ease), color var(--ease);
}
.ProductIcon2 > div > a:hover  { color: var(--brand); background: var(--ash) !important; }
.ProductIcon2 .boxIcon { fill: var(--brand); width: 36px; height: 48px; display: flex; align-items: center; justify-content: center; }
.ProductIcon2 .boxIcon svg { height: 16px; }

/* Social share */
.TopDet .product_social_icon_wrapper { float: left; width: 100%; display: block !important; font-size: 0; margin-top: var(--space-8); }
.TopDet .product_social_icon_wrapper .PaylasTit { float: left; color: var(--charcoal); font-size: var(--text-sm); font-weight: 500; line-height: 40px; margin-right: var(--space-3); }
.TopDet .product_social_icon_wrapper ul { display: inline-block; vertical-align: top; list-style: none; padding: 0; margin: 0; }
.TopDet .product_social_icon_wrapper ul li { float: left; margin-right: var(--space-4); }
.TopDet .product_social_icon_wrapper ul li:last-child { margin-right: 0; }
.TopDet .product_social_icon_wrapper ul li a {
  float: left; fill: var(--charcoal); font-size: var(--text-sm); border-radius: var(--radius-full);
  text-align: center; width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  transition: background var(--ease), fill var(--ease);
}
.TopDet .product_social_icon_wrapper ul li a:hover { background: var(--ash); }
.TopDet .product_social_icon_wrapper ul li a svg { width: 20px; }
.TopDet .product_social_icon_wrapper .UWhatsApp  { float: left; margin-right: 0; }
.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp {
  float: left; color: var(--white); background: #25d366;
  font-size: 0; border-radius: var(--radius-full); text-align: center; width: 32px;
}
.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp i { line-height: 32px; display: inline-block; vertical-align: top; font-size: var(--text-base); }

/* Accordion (detail tabs) */
#divUrunOzellikAlani { display: none; }
.RightDetail #divUrunOzellikAlani { display: block; }
.urunOzellikTab { margin: var(--space-8) 0 0; display: block; float: left; width: 100%; }
.urunOzellikTab .urunTab { float: left; width: 100%; }
.urunOzellikTab .urunTab > ul { list-style: none; padding: 0; margin: 0; }
.urunOzellikTab .urunTab > ul > li { float: left; width: 100%; border-bottom: 1px solid var(--ash); }
.urunOzellikTab .urunTab > ul > li > a {
  color: var(--ink); font-size: var(--text-base); line-height: 52px;
  float: left; width: 100%; padding: 0 20px; font-weight: 400;
  position: relative; background: var(--white) !important;
  transition: color var(--ease);
}
.urunOzellikTab .urunTab > ul > li > a span { font-weight: 400; }
.urunOzellikTab .urunTab > ul > li .urunDetayPanel { display: none !important; }
.urunOzellikTab .urunTab > ul > li[onofftip="true"] > a,
.urunOzellikTab .urunTab > ul > li[onofftip="true"] > a span { font-weight: 600; color: var(--brand); }
.urunOzellikTab .urunTab > ul > li[onofftip="true"] .urunDetayPanel { display: block !important; }
.urunOzellikTab .urunTab > ul > li > a::after {
  content: '\f067'; font-family: 'FontAwesome'; font-weight: 400;
  float: right; font-size: var(--text-sm); color: var(--smoke); margin: 0 var(--space-3);
}
.urunOzellikTab .urunTab > ul > li[onofftip="true"] > a::after { content: '\f068'; }

.urunDetayPanel { float: left; width: 100%; clear: none !important; border: none; padding: var(--space-4) 0; }
.urunTabAlt strong { font-weight: 600; }
.urunTabAlt #txtOneriMail { margin: 0; height: 40px; padding: 0 var(--space-4); width: 100% !important; border-width: 1px; border-radius: var(--radius-sm); }
.urunTabAlt #txtOneriNot  { margin: 0; padding: var(--space-4); width: 100% !important; background: var(--white); border-radius: var(--radius-sm); }
.urunTabAlt {
  font-family: var(--font) !important; padding: 0; float: left; width: 100%;
  font-size: var(--text-sm); color: var(--smoke); line-height: 1.7;
}
#divTabOzellikler .urunTabAlt { max-height: 350px; overflow-y: auto; overflow-x: hidden; padding-right: var(--space-3); }
.urunTabAlt *      { font-family: var(--font) !important; }
#divUrunOzellikAlani .urunTabAlt { font-size: var(--text-base); color: var(--charcoal); line-height: 1.8; }
.urunTabAlt i      { font-family: 'FontAwesome' !important; }
.urunTabAlt img    { max-width: 100% !important; border-radius: var(--radius-sm); }
.urunTabAlt iframe { max-width: 100% !important; }
.urunTabAlt .button { padding: var(--space-3) var(--space-4); color: var(--white); }

.urunTabAlt::-webkit-scrollbar       { width: 3px; }
.urunTabAlt::-webkit-scrollbar-track { background: var(--mist); }
.urunTabAlt::-webkit-scrollbar-thumb { background: var(--brand); border-radius: var(--radius-full); }

.tabUrunOneriler ul { list-style: none; padding: 0; margin: 0; }
.tabUrunOneriler ul li { float: left; width: 100%; }
.oneriValidate .validate { top: 0; padding: var(--space-2); }
.urunTabAlt ul li { margin-bottom: var(--space-2); clear: both; }
.urunTabAlt ul li input { float: left; margin-right: var(--space-2); width: auto !important; }
.urunTabAlt ul li label { float: left; width: auto !important; line-height: normal; }
.urunTabAlt ul li input[type="checkbox"] { margin-top: 0; }

.detaildescription       { float: left; width: 100%; }
.detaildescription p     { font-weight: 400; line-height: 1.8; }
.detaildescription ul    { float: left; width: 100%; margin: var(--space-3) 0 0; padding: 0; }
.detaildescription ul li { margin-bottom: var(--space-1); }
.detaildescription ul strong { font-weight: 500; min-width: 28%; float: left; }
.urunTabAlt .teknikDetay { border: none; }

/* No stock */
body #divStokYok {
  float: left; width: 100%; margin: var(--space-5) 0 0;
  font-size: var(--text-base); color: var(--ink); font-weight: 400;
  text-align: center; padding: var(--space-10) 0;
  background: var(--mist); border-radius: var(--radius-sm);
}
body #divStokYok::before {
  content: '\f057'; font-family: 'FontAwesome'; font-weight: 300;
  width: 100%; float: left; font-size: 32px; margin-bottom: var(--space-5); color: var(--smoke);
}

/* Extra info */
#divEkstraBilgiler     { float: left; clear: left; margin-top: var(--space-3); }
#divEkstraBilgiler img { max-width: 100%; display: block; border-radius: var(--radius-sm); }
.btnnostok i.fa        { font-family: 'FontAwesome'; }

/* Combi */
.kombinContent > ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
.kombinContent > ul .divKombinEksecenekTipi { float: left; width: 100%; margin-bottom: var(--space-3); }
.kombinContent > ul .divKombinEksecenekTipi .kombinright_line a { padding: 0 var(--space-2); }

/* Tags */
#divEtiketler {
  float: left; width: 100%; padding: 0 var(--space-5) var(--space-5);
  margin: var(--space-10) 0 0; background: var(--white); text-align: center;
  border-top: 1px solid var(--ash);
}
#divEtiketler .productModuleTitle {
  float: left; color: var(--ink); font-size: var(--text-base);
  font-weight: 500; width: 100%; text-align: center; line-height: 32px; margin: var(--space-3) 0;
}
#divEtiketler a { color: var(--smoke); font-size: var(--text-sm); }
#divEtiketler a:hover { color: var(--brand); text-decoration: underline; }

/* ============================================================
   PRODUCT LIST PAGE — category design
   ============================================================ */
.noProduct {
  background: url('/Uploads/Images/urunyok.png') center center no-repeat !important;
  width: 212px; height: 214px;
}
.noProduct * { display: none !important; }

#divUstFiltreKategori,
#divUstFiltreMarka { display: none; }

.categorydesign { float: left; width: 100%; }
.categorydesign .Blok { margin: 0; }
.leftBlock .categorydesign { display: block; }
.categorydesign strong  { font-weight: 600; }
.categorydesign strong *{ font-weight: 600; }
.categorydesign img     { display: inline-block; vertical-align: middle; }

/* ============================================================
   TABS (Homepage)
   ============================================================ */
#mainHolder_divDesign .ticimaxTabHead { float: left; width: 100%; text-align: center; margin: var(--space-6) 0; }
#mainHolder_divDesign .ticimaxTabHead ul { padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; gap: var(--space-5); }
#mainHolder_divDesign .ticimaxTabHead ul li { margin: 0 var(--space-5); }
#mainHolder_divDesign .ticimaxTabHead ul li a {
  background: transparent !important;
  color: var(--smoke); font-size: var(--text-md); font-weight: 600;
  padding: 0; line-height: 1.5;
  border-bottom: 2px solid transparent;
  transition: color var(--ease), border-color var(--ease);
}
#mainHolder_divDesign .ticimaxTabHead ul li.ticimaxTabHead_active a {
  color: var(--brand); border-bottom-color: var(--brand);
}

/* Category banner */
.categorybannernew { float: left; width: 100%; margin-bottom: var(--space-8); }
.categorybannernew > div { float: left; width: 100%; }
.categorybannernew .categorybannernew-mobil { display: none; }

/* ============================================================
   CONTACT PAGE
   ============================================================ */
.iletisimContent { float: left; width: 100%; }
.iletisimContent .row { margin: 0; }
.iletisimContent .AdBan { float: left; width: 50%; }
.iletisimContent .iletisimLeft { float: left; padding: 0; margin: 0 0 var(--space-10); width: 100%; display: block; }
.iletisimContent .categoryTitle { float: left; padding: 0; margin: 0 0 var(--space-8); width: 100%; text-align: left; }
.iletisimContent .categoryTitle .categoryTitleText {
  margin-bottom: 0; font-size: var(--text-xl); font-weight: 600; line-height: 1.3; text-align: left;
}
.iletisimContent .categoryTitle::after { clear: left; content: ''; width: 40px; height: 3px; background: var(--brand); float: left; margin-top: var(--space-3); }

.iletisimContent .iletisimLeft .Left   { display: none; }
.iletisimContent .iletisimLeft .Center { display: none; }
.iletisimContent .iletisimLeft .span   { float: left; width: 100%; margin-top: var(--space-5); }
.iletisimContent .iletisimLeft .Right  { display: block; color: var(--charcoal); font-size: var(--text-base); line-height: 1.6; }
.iletisimContent .iletisimLeft .Right::before { color: var(--smoke); font-size: 20px; font-family: 'FontAwesome'; width: 36px; text-align: left; font-weight: 300; float: left; }
.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right { font-size: var(--text-xl); font-weight: 600; }
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right   { font-size: var(--text-2xl); font-weight: 500; }
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right::before { content: '\f2a0'; }
.iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right::before    { content: '\f1ac'; }
.iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right::before   { content: '\f3c5'; }
.iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right::before  { content: '\f2b6'; }

.iletisimContent .iletisimRight  { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimRight .iletisimbanka { float: left; padding: 0; width: 100%; margin: 0; }
.iletisimContent .iletisimRight .iletisimbanka .span { float: left; padding: 0; width: 100%; margin: 0; }
.iletisimContent .iletisimRight .iletisimbanka .span > div {
  display: block; font-size: 0;
  border-bottom: 1px solid var(--ash); padding: 0 0 var(--space-5); margin: 0 0 var(--space-5);
}
.iletisimContent .iletisimRight .iletisimbanka .span > div span { display: inline-block; vertical-align: top; width: auto !important; color: var(--charcoal); font-size: var(--text-base); }
.iletisimContent .iletisimRight .iletisimbanka .span > div div { display: inline-block; vertical-align: top; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 span { display: block; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 { text-align: center; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line1 { text-align: left; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line4 { text-align: right; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div { display: inline-block; vertical-align: top; width: 25%; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div span:nth-child(1) { margin-bottom: var(--space-3); }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 { float: right; }
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2) { border-top: 3px solid var(--brand); margin-top: var(--space-5); padding-top: var(--space-5); }

.iletisimContent .iletisimForm { float: left; width: 50%; padding-left: 60px; }
.iletisimContent .iletisimForm .rowLeft { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimForm .rowLeft .span { float: left; padding: 0; margin: 0 0 var(--space-3); width: 100%; }
.iletisimContent .iletisimForm .rowLeft .span .Center { display: none; }
.iletisimContent .iletisimForm .rowLeft .span .Left { display: block; font-size: var(--text-sm); color: var(--ink); font-weight: 500; line-height: 2; }
.iletisimContent .iletisimForm .rowLeft .span .Right { display: block; position: relative; }
.iletisimContent .iletisimForm .rowLeft .span .Right input {
  height: 44px; border: 1px solid var(--ash); background: transparent;
  width: 100%; border-radius: var(--radius-sm); padding: 0 var(--space-4);
  font-family: var(--font); transition: border-color var(--ease);
}
.iletisimContent .iletisimForm .rowLeft .span .Right input:focus { border-color: var(--brand); }

.iletisimContent .iletisimForm .rowRight { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimForm .rowRight .span { float: left; padding: 0; margin: 0 0 var(--space-3); width: 100%; }
.iletisimContent .iletisimForm .rowRight .span .Center { display: none; }
.iletisimContent .iletisimForm .rowRight .span .Left { display: block; font-size: var(--text-sm); color: var(--ink); font-weight: 500; line-height: 2; width: auto !important; }
.iletisimContent .iletisimForm .rowRight .span .Right { display: block; position: relative; width: auto !important; }
.iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox { display: block; margin-bottom: var(--space-3); }
.iletisimContent .iletisimForm .rowRight .span .Right input {
  height: 44px; border: 1px solid var(--ash); background: transparent;
  padding: 0 var(--space-4); border-radius: var(--radius-sm); font-family: var(--font);
  transition: border-color var(--ease);
}
.iletisimContent .iletisimForm .rowRight .span .Right input:focus { border-color: var(--brand); }
.iletisimContent .iletisimForm .rowRight .span .Right textarea {
  border: 1px solid var(--ash); background: transparent;
  padding: var(--space-4); border-radius: var(--radius-sm); font-family: var(--font);
  transition: border-color var(--ease);
}
.iletisimContent .iletisimForm .rowRight .span .Right textarea:focus { border-color: var(--brand); }
.iletisimContent .iletisimForm .rowRight .iletisimBtn { margin-top: var(--space-5); }
.iletisimContent .iletisimForm .rowRight .iletisimBtn input {
  padding: 0; display: block; height: 52px;
  font-size: var(--text-md); color: var(--white); font-weight: 500;
  text-transform: uppercase; float: left; width: 100%;
  border-radius: var(--radius-sm); letter-spacing: 0.05em;
  background: var(--brand); border: none; cursor: pointer; transition: background var(--ease);
}
.iletisimContent .iletisimForm .rowRight .iletisimBtn input:hover { background: var(--brand-dark); }

.iletisimContent .validate .validateOk,
.iletisimContent .validateSol .validateSolOk,
.iletisimContent .validateOrta .validateOrtaOk {
  left: 0; right: 0; bottom: 0; width: 100%; height: 2px; background: #c0392b; border-radius: 2px;
}
.iletisimContent .validate,
.iletisimContent .validateSol,
.iletisimContent .validateOrta { left: 0; right: 0; bottom: 0; top: auto; display: block; border-radius: 2px; }

/* ============================================================
   REGISTER PAGE
   ============================================================ */
.uyeOlContainer .FormTitle { display: block; margin: var(--space-5) 0; font-size: var(--text-2xl); text-align: center; font-weight: 600; }
.uyeOlContainer #FrmYeniUye > .uyeOlCol {
  margin: var(--space-8) var(--space-5) 0 0; padding: var(--space-8);
  background: var(--white); border: 1px solid var(--ash);
  border-radius: var(--radius-sm); width: calc(50% - 10px);
}
.uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) { margin-right: 0; }
.uyeOlContainer .uyeOlRow { margin: 0; }
.uyeOlContainer .uyeOlCol .uyeOlCol { width: auto; padding: 0; }
.uyeOlContainer .uyeOlCol .uyeOlCol-3 { padding-left: 0; }
.uyeOlContainer .uyeOlCol label { font-size: var(--text-base); margin-bottom: var(--space-3); display: inline-block; }

.uyeOlContainer .uyeOlCol input.textbox {
  font-size: var(--text-base); display: block; letter-spacing: 0.01em;
  background: var(--white) !important; height: auto !important; border-radius: var(--radius-sm);
  box-shadow: none; padding: var(--space-4); border: 1px solid var(--ash) !important;
  font-weight: 400; color: var(--charcoal) !important; width: 100%;
  text-indent: 0; font-family: var(--font); transition: border-color var(--ease);
}
.uyeOlContainer .uyeOlCol input.textbox:focus { border-color: var(--brand) !important; }

.uyeOlContainer .uyeOlCol select.selectboxx {
  font-size: var(--text-base); display: block; letter-spacing: 0.01em;
  background: var(--white) !important; height: auto; border-radius: var(--radius-sm);
  box-shadow: none; padding: var(--space-4); border: 1px solid var(--ash) !important;
  font-weight: 400; color: var(--charcoal) !important; width: 100%;
  text-indent: 0; font-family: var(--font);
}

.uyeOlContainer .dateofbirth select.selectboxx { width: 31%; float: left; margin-right: 1%; }
.uyeOlContainer .gender { float: left; width: 100%; }
.uyeOlContainer .gender label  { float: left; width: 70px; margin-top: var(--space-3); display: block; }
.uyeOlContainer .gender input  { float: left; margin-top: 14px; margin-right: var(--space-1); }
.uyeOlContainer .intl-tel-input { margin-bottom: var(--space-4); }
.uyeOlContainer #mainHolder_rblCinsiyet { float: left; }
.uyeOlContainer input.uyeol { height: auto; padding: var(--space-4); line-height: normal; font-weight: 500; font-size: var(--text-md); width: 100%; border-radius: var(--radius-sm); }
.uyeOlContainer .intl-tel-input input[type=tel] { padding-left: 52px !important; line-height: 1; }
.uyeOlContainer .uyeOlColItem.checkboxItem label span { display: inline-block; vertical-align: top; float: left; font-size: var(--text-sm); line-height: 1.4; width: calc(100% - 26px); }
.uyeOlContainer .uyeol { width: 100%; text-align: center; padding: 2px; margin: var(--space-8) 0; height: 52px; font-size: var(--text-md); line-height: 52px; }
.uyeOlContainer .uyeOlColItem.checkboxItem label input { margin-left: -20px; }
.uyeOlContainer .uyeOlColItem.checkboxItem label::before { margin-right: var(--space-3); }
.uyeOlContainer .uyeOlCol .uyeOlCol { margin-right: var(--space-5); }
.uyeOlContainer #chkSozlesme { margin: 0 !important; }
.uyeOlContainer #chkSozlesme + label { width: calc(100% - 20px); float: right; line-height: 1.5; font-size: var(--text-sm); }

/* Login page */
.userContainer { float: left; width: 100%; margin: var(--space-8) 0; }
.userContainer .userDivLeft,
.userContainer .userDivRight { padding: 0; }
.userContainer .userMail,
.userContainer .userSms,
.userContainer .userSozlesmeDiv { float: left; width: 100%; margin: var(--space-3) 0 0; }
.userContainer .userMail label,
.userContainer .userSms label,
.userContainer .userSozlesmeDiv label { width: 93%; float: right; }
.userContainer #chkSozlesme+label  { width: 93%; float: right; }
.userContainer .userLeftBox,
.userContainer .userRightBox { width: 100%; float: left; margin: 0; padding: var(--space-6); border: 1px solid var(--ash); border-radius: var(--radius-sm); background: var(--white); }
.userContainer .userLoginBtn,
.userContainer .userSignBtn  { float: left; width: 100%; }
.userContainer .uyeGirisBeniHatirla { margin: var(--space-5) 0; }
.userContainer .uyeGirisBeniHatirla input,
.userContainer .uyeGirisBeniHatirla span { float: left; }
.userContainer .uyeGirisBeniHatirla input { width: 16px; height: 16px; margin-right: var(--space-3); }
.userContainer .userPassBtn { margin: var(--space-5) 0; }
.userLoginBtn, .userSignBtn { border: none !important; }

/* Forgot password */
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum p { line-height: 1.7; }
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum .userWrapper { float: left; margin-bottom: var(--space-5); }

/* Registration success */
.userLogin { float: left; width: 100%; text-align: center; margin: var(--space-10) 0; }
.userLogin .newuserForm .uyelikonay.basariliUyelik { display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title { color: var(--ink); }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title::before { content: '\f00c'; font-family: 'FontAwesome'; display: block; font-size: 40px; color: #2d7a5a; font-weight: bold; margin-bottom: var(--space-3); }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title h4 { font-size: var(--text-2xl); }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title span { font-size: var(--text-md); margin: var(--space-3) 0; display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik a { padding: var(--space-4); display: inline-block; vertical-align: top; font-size: var(--text-base); }

/* ============================================================
   INSTALLMENTS
   ============================================================ */
#divTaksitContainer { float: left; width: 100%; margin-top: var(--space-3); }
.urunOzellik .taksitWrapper .taksitBlock .taksitBlockContent { max-width: 100%; }

/* ============================================================
   MISC UI
   ============================================================ */
.hoverr::before {
  content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0;
  background: rgba(0,0,0,0.4); z-index: 10; clear: none; display: block !important;
}

/* Language selector */
#lang_flag_container {
  top: 0 !important; left: 0 !important; right: auto; bottom: auto;
  z-index: 9999 !important; position: relative !important; float: right; margin-left: var(--space-6);
}
#lang_flag_container::after { position: absolute; width: 100%; right: 0; top: 18px; height: 20px; content: ''; display: none; }
#lang_flag_container #lang-detail {
  display: none; left: auto !important; top: 100% !important; right: 0;
  border-top: none !important; box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
  -webkit-transform: translateY(30px); opacity: 0; visibility: hidden; transform: translateY(30px);
  transition: opacity var(--ease), transform var(--ease);
  border-radius: var(--radius-sm);
}
#lang_flag_container:hover #lang-detail { display: block !important; visibility: visible; opacity: 1; -webkit-transform: none; transform: none; }
#lang_flag_container:hover::after { display: block; }
#lang { float: left; color: var(--ink) !important; font-size: var(--text-base) !important; font-weight: 400; padding: 0 0 0 var(--space-6) !important; line-height: 1 !important; }
#lang span { font-weight: 400; float: left; line-height: 1 !important; }
#lang_flag_container:hover #lang { color: var(--ink) !important; font-weight: 400; }
#langHover { padding: var(--space-2) 0 !important; float: left; }
#langHover.white { background: transparent !important; }
a#ucSepetim_btnSepetiTemizle { margin-top: var(--space-8); display: inline-block; }
#lang-detail .language a { font-size: var(--text-sm) !important; text-align: left; }
#lang-detail .currency a  { font-size: var(--text-sm) !important; }
#lang-detail p            { font-size: var(--text-sm) !important; }

/* Back to top */
#back-to-top { float: right; position: fixed; right: 2%; bottom: 5%; z-index: 9999; display: none; }
#back-to-top a {
  float: left; width: 44px; height: 44px; border-radius: var(--radius-full);
  background: var(--ink); fill: var(--white);
  display: flex; align-items: center; justify-content: center;
  transition: background var(--ease);
}
#back-to-top a:hover { background: var(--brand); }
#back-to-top a svg { height: 22px; }

/* Cloudzoom */
.cloudzoom-zoom { z-index: 999; }
.cloudzoom-blank > div:last-child { display: none !important; }

/* Misc hiding */
.hesabimAnasayfaMenuler ul li a:hover .fa { color: var(--white); }
.siparisTakipSayfasi { background: var(--white); }
.siparisTakipSayfasi .siparisTakipBaslik { text-align: center; padding: var(--space-5) 0 !important; }
.sepetiTemizle { float: right; line-height: 44px; padding: 0 var(--space-3); }
.popupSepet { width: 99%; }
.popupSepet #hed div { width: 94%; }
.sayfaIcerik *  { font-family: var(--font) !important; }
#mainHolder_UrunDetay_imgCookie { display: none !important; }
.product_social_icon_wrapper { display: none; }
.HesabimContainer .urunDetayPanel { max-height: 100%; }
.orders { width: 100%; }
.TumKategoriler { display: none; }
.mobilMenuAcButton, .searchClick, .mycartClick, .welcomeOpen { display: none; }
.magazaTeslimatBilgisiContent { display: none; }
#store_region_container { display: none; }
#ticimaxCopyright { float: left; width: 100%; }
.sepetimBody .Basketstep ul li.pasif { opacity: 1; }
.sepetimBody ul { padding: 0; margin: 0; list-style: none; }
.sepetimBody .sepetItemB1 span.KampanyaTanimSpan { display: inline-block; }
.bottomHead { display: none; }
#divSliderYani { display: none; }
.divRelatedProductsPopup .ulRelatedProducts { list-style: none; padding: 0; margin: 0; }
body { background: var(--cream); }

/* ============================================================
   SCROLLBARS (site-wide custom)
   ============================================================ */
#divOnyazi::-webkit-scrollbar,
.urunTabAlt::-webkit-scrollbar,
.SmallImages::-webkit-scrollbar,
.SepetBlockInfo::-webkit-scrollbar,
.searchContent ul::-webkit-scrollbar,
body .kombinContent ul::-webkit-scrollbar,
.CartProduct .SProduct::-webkit-scrollbar,
.yanResimliMenu .KatMenu1::-webkit-scrollbar,
.UrunGuruplari .Block_Text::-webkit-scrollbar,
.ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar,
.mobilMenu .menuIcerikAlan::-webkit-scrollbar,
.mobilMenu .navUl > li > ul::-webkit-scrollbar,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar { width: 3px; }

#divOnyazi::-webkit-scrollbar-track,
.urunTabAlt::-webkit-scrollbar-track,
.SmallImages::-webkit-scrollbar-track,
.SepetBlockInfo::-webkit-scrollbar-track,
.searchContent ul::-webkit-scrollbar-track,
body .kombinContent ul::-webkit-scrollbar-track,
.CartProduct .SProduct::-webkit-scrollbar-track,
.yanResimliMenu .KatMenu1::-webkit-scrollbar-track,
.UrunGuruplari .Block_Text::-webkit-scrollbar-track,
.ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track,
.mobilMenu .menuIcerikAlan::-webkit-scrollbar-track,
.mobilMenu .navUl > li > ul::-webkit-scrollbar-track,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-track { background: var(--mist); }

#divOnyazi::-webkit-scrollbar-thumb,
.urunTabAlt::-webkit-scrollbar-thumb,
.SmallImages::-webkit-scrollbar-thumb,
.SepetBlockInfo::-webkit-scrollbar-thumb,
.searchContent ul::-webkit-scrollbar-thumb,
.CartProduct .SProduct::-webkit-scrollbar-thumb,
body .kombinContent ul::-webkit-scrollbar-thumb,
.UrunGuruplari .Block_Text::-webkit-scrollbar-thumb,
.yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb,
.ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb,
.mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb,
.mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb,
.mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb { background: var(--brand); border-radius: var(--radius-full); }

/* ============================================================
   GLOBAL COLOR OVERRIDES (Ticimax theme slots)
   ============================================================ */
/* button/background fills */
body .button, .baglanButton, .siparisOzetTakip,
body.sepetimBody .basketCompletebtn, #AdresContent .button,
.BasketPage .OdemeMenu ul li.activeMenu > a,
.pageNumberContent a:hover, .menuUstBolum,
body .category-vertical-filters.top-filters .FiltreUst,
.SepetUst, .urunOzellikTab .urunTab > ul > li[onofftip="true"] > a,
.tooltip-inner, .welcome.active,
.sepetimBody .Basketstep ul li.aktif { background: var(--brand); }

/* border accent */
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2),
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir,
.pageNumberContent a:hover, .OdemeMenu ul li.activeMenu { border-color: var(--brand); }

/* tooltips */
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: var(--brand); }
.tooltip.right .tooltip-arrow  { border-right-color: var(--brand); }
.tooltip.left .tooltip-arrow   { border-left-color: var(--brand); }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: var(--brand); }

.baglanButton { border-color: transparent; }
.Basketstep ul li::before { border: 1px solid var(--brand); }
.sepetimBody .Basketstep ul li.aktif::after { border-top-color: var(--brand); }

/* color tokens */
.sepetTitle .st_1, body .sepetTitle2 .st_1, body .BasketRigth ul li.genelToplam .tut,
body .sepetTitle2 .st_1::before, .sepetTitle .st_1::before, .TeslimatAdresTittle,
.Basketstep ul li.gecti span, body #divToplamOdeme, a.YeniAdresEkle,
.Basketstep ul li.onestepsec span, .Basketstep ul li.pasif i,
.BasketPage .Basketstep ul li.pasif i, .BasketPage .cargoInformation div.cargoName span,
.BasketPage .faturaAdresBtn.active, .adresAyniBtn.active, .BasketPage .sepetItemB4,
.BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check,
.iletisimContent .categoryTitle .categoryTitleText,
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span,
body .siparisUrunUyariSecenek .siparisUrunDurumBaslik,
body.sepetimBody .mobileAddition > .addition-content > .TotalPrice,
body.sepetimBody .mobileAddition > .addition-content::before { color: var(--brand); }

/* hover states */
.button:hover, .userLoginBtn:hover, .userSignBtn:hover,
.BasketPage .OdemeMenu ul li:hover > a, .BasketPage .alisverisedevamet:hover,
.BasketPage #hed div.hediCekForm a:hover, .BasketPage a.YeniAdresEkle:hover,
#AdresContent .button:hover, .basketCompletebtn:hover,
.KasaOnuFirsatlarContent ul li a.button:hover,
.ProductIcon2 > div > a:hover { background: var(--brand-dark); }

/* color hover */
.BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover,
.BasketPage .sepet-sil:hover::before, .BasketPage .sepetTitle2 a:hover,
.baglanButton:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover,
.headerSocialConnect .baglanButton a:hover,
.CartProduct .SProduct li a:nth-child(2):hover * { color: var(--brand); }

/* border hover */
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover,
.BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover,
.BasketPage .OdemeMenu ul li:hover > a, .BasketPage .alisverisedevamet:hover,
.CartProduct .headerCartBtn:hover { border-color: var(--brand); }

/* other */
.siparisOzetTakip { color: var(--white); }
.BasketDetail table tbody tr td a { display: inherit; }
.BasketDetail table tbody tr td:last-child a { display: block; }
.sepetimBody #header::after { display: none; }
body .alisverisedevamet { background: var(--white); }
.KasaOnuFirsatlarContent ul li a.button:hover { border: none !important; }
.BasketPage a.YeniAdresEkle:hover { color: var(--white) !important; }
.baglanButton:hover { background: transparent; }
body .adresGir .kirmiziButon:hover { background: var(--brand-dark) !important; color: var(--white) !important; }
body .adresGir .yesilButon:hover   { background: #2d7a5a !important; color: var(--white) !important; }
.KasaOnuFirsatlarContent ul li a.button { border: none !important; }

/* ============================================================
   MAGAZINE / STORE PAGES
   ============================================================ */
.Magazalar #header              { margin-bottom: var(--space-10); }
.Magazalar .magazaSelect        { background: var(--white); border: 1px solid var(--ash); color: var(--ink); font-size: var(--text-sm); margin-right: var(--space-5); width: calc(25% - 20px); border-radius: var(--radius-sm); }
.Magazalar #searchStore         { width: 25%; margin: 0; }
.Magazalar #searchStore input   { background: var(--white); border: 1px solid var(--ash); color: var(--ink); font-size: var(--text-sm); width: calc(100% - 115px); border-radius: var(--radius-sm); }
.Magazalar #searchStore .buton  { width: 105px; background: var(--ink); border-color: var(--ink); border-radius: var(--radius-sm); }
.Magazalar #searchStore .buton:hover { color: var(--ink); background: var(--white); }
.Magazalar .magazalarContent    { float: left; width: 100%; margin-top: var(--space-10); }
.Magazalar #nearStores          { float: left; width: 100%; }
.Magazalar #nearStores > h2     { font-weight: 600 !important; color: var(--ink); font-size: var(--text-lg); }

/* ============================================================
   RESPONSIVE — Tablet (768–1400)
   ============================================================ */
@media screen and (min-width: 768px) and (max-width: 1400px) {
  :root { --container-pad: 25px; }
  .headerContent,
  body ul.breadcrumb,
  .navigation > div,
  .userLoginContent,
  .hesabimContent,
  .sepetimBody .headerContent,
  .sepetimBody #footer .ticiContainer,
  .ticiContainer { padding-right: 25px; padding-left: 25px; }
  .homeContainer .ProductListContent .ProductList { padding-right: 25px; padding-left: 25px; }
  .markaSlider .jCarouselLite { padding-right: 25px; padding-left: 25px; }
  body #headerNew .headerContainer,
  body .footerTemp .footerTempContainer,
  body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap { padding-right: 25px; padding-left: 25px; }
  body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav { left: 25px; right: 25px; }
  #mainHolder_divDesign section.t-vw-9 { padding-right: 25px; padding-left: 25px; }
  #mainHolder_divDesign section.t-vw-9.t-lr-2 { padding-right: 15px; padding-left: 15px; }
  #mainHolder_divDesign section.t-vw-9.t-lr-3 { padding-right: 10px; padding-left: 10px; }

  .productLeft .ozelAlan1,
  .productLeft .ozelAlan2,
  .productLeft .ozelAlan3,
  .productLeft .ozelAlan4,
  .productLeft .ozelAlan5 { line-height: 22px; height: 22px; font-size: 11px; max-width: 90px; }

  .productRight .cargoIcon   { width: 58px; font-size: 10px; height: 28px; }
  .productRight .newIcon     { line-height: 24px; height: 24px; font-size: 11px; width: 44px; }
  .productRight .discountIcon{ line-height: 24px; height: 24px; font-size: 11px; width: 52px; }

  body .category-vertical-filters.top-filters .panel .panel-heading { border-radius: var(--radius-pill); padding: 0 var(--space-5); }
  body .category-vertical-filters.top-filters .panel .panel-heading a { line-height: 38px; font-size: var(--text-sm); }
  body .category-vertical-filters.top-filters .list-group.dropdown { border-radius: var(--radius-sm); }
}

/* ============================================================
   RESPONSIVE — Desktop breakpoints (product detail image)
   ============================================================ */
@media screen and (min-width: 150px) and (max-width: 1700px) {
  .leftImage   { width: 850px; }
  .RightDetail { width: calc(100% - 850px); }
  .TopDet #productDetailRelated.ilgiliUrunSecenek > a { width: 120px; }
}
@media screen and (min-width: 1300px) and (max-width: 1499px) {
  .leftImage   { width: 700px; }
  .RightDetail { width: calc(100% - 700px); }
}
@media screen and (min-width: 1240px) and (max-width: 1299px) {
  .leftImage   { width: 650px; }
  .RightDetail { width: calc(100% - 650px); }
}
@media screen and (min-width: 1041px) and (max-width: 1200px) {
  .leftBlock.LeftMiddle   { width: 25%; padding-right: var(--space-5); }
  .centerCount.LeftMiddle { width: 75%; }
  .leftBlock.LeftMiddleRight   { width: 25%; }
  .rightBlock.LeftMiddleRight  { width: 25%; }
  .centerCount.LeftMiddleRight { width: 50%; }
  .rightBlock.MiddleRight      { width: 25%; }
  .centerCount.MiddleRight     { width: 75%; }
  .homeContainer .col-5li      { width: 25%; }
}

/* ============================================================
   RESPONSIVE — Desktop filter panel (min-width: 1042px)
   ============================================================ */
@media (min-width: 1042px) {
  .sortingContent                      { display: flex !important; }
  .col-5li                             { width: 20%; }
  .mobilMenu                           { display: none; }

  body .category-vertical-filters.top-filters { margin: 0; padding: 0; }
  body .category-vertical-filters.top-filters .FiltreicerikAlan { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-4); }
  body .category-vertical-filters.top-filters .panel { width: auto; margin: 0; position: relative; }
  body .category-vertical-filters.top-filters .panel .panel-heading {
    padding: 0; border: 1px solid var(--ash); border-radius: var(--radius-pill);
    padding: 0 var(--space-5); cursor: pointer; background: var(--mist) !important;
    transition: border-color var(--ease);
  }
  body .category-vertical-filters.top-filters .panel .panel-heading.active { border-color: var(--charcoal); }
  body .category-vertical-filters.top-filters .panel .panel-heading a { line-height: 38px; font-size: var(--text-sm); font-weight: 400; color: var(--charcoal); }
  body .category-vertical-filters.top-filters .panel .panel-heading a::after { content: '\f0d7' !important; position: static !important; font-size: var(--text-md); margin-left: var(--space-3); color: var(--smoke) !important; font-weight: 400; }
  body .category-vertical-filters.top-filters .panel .panel-heading.active a::after { content: '\f0d8'; color: var(--smoke); }
  body .category-vertical-filters.top-filters .list-group.dropdown {
    top: 50px; border: 1px solid var(--ash);
    border-radius: var(--radius-sm); background: var(--white);
    width: 250px; padding: var(--space-5);
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  }
  body .category-vertical-filters.top-filters .list-group.dropdown li {
    width: 100%; padding: 0; font-size: var(--text-sm); font-weight: 400;
    color: var(--charcoal); margin: 0 0 var(--space-2) 0; background: transparent; text-align: left;
  }
  body .category-vertical-filters.top-filters .list-group.dropdown li:last-child { margin-bottom: 0; }
  body .category-vertical-filters.top-filters .list-group.dropdown .list-group-item::before {
    width: 14px; height: 14px; border: 1px solid var(--ash);
    background: var(--white); border-radius: var(--radius-sm) !important;
    margin-right: var(--space-2); margin-top: 5px;
  }
  body .category-vertical-filters.top-filters .list-group.dropdown .list-group-item.selected::before,
  body .category-vertical-filters.top-filters .list-group.dropdown .list-group-item:hover::before {
    background: var(--brand); content: "\f00c"; font-family: 'FontAwesome';
    font-size: 10px; line-height: 12px; font-weight: 400; text-align: center;
    color: var(--white); border-color: var(--brand);
  }
  body .category-vertical-filters.top-filters .list-group.dropdown .list-group-item a { line-height: 1.6; font-size: var(--text-sm); color: var(--charcoal); font-weight: 400; }
  body .category-vertical-filters.top-filters .list-group.dropdown .list-group-item.list-group-item-image { background-size: 24px !important; background-repeat: no-repeat !important; background-position: left center !important; padding-left: 30px; height: 24px; }
  body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar       { width: 3px; }
  body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-track  { background: var(--mist); }
  body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-thumb  { background: var(--brand); }
  body .category-vertical-filters.top-filters .panel .FiyatSlider .ui-widget-header         { background: var(--mist); }
  body .category-vertical-filters.top-filters .panel .FiyatSlider .amount { line-height: 44px; font-size: var(--text-md); font-weight: 400; color: var(--charcoal); }
  body .category-vertical-filters.top-filters .panel .FiyatTextBox {
    display: none; float: left; width: 250px; margin-top: 0; position: absolute; top: 50px; left: 0;
    z-index: 9; border: 1px solid var(--ash); background: var(--white);
    padding: var(--space-5); box-shadow: 0 8px 24px rgba(0,0,0,0.08); border-radius: var(--radius-sm);
  }
  body .category-vertical-filters.top-filters .panel .FiyatTextBox input[type="text"] {
    width: 48.5%; text-align: center; height: 36px;
    background: var(--mist); border: 1px solid var(--ash);
    border-radius: var(--radius-sm); font-family: var(--font);
  }
  body #divSayfalamaUst.Slct .blockSelect a { float: left; width: auto; height: auto; margin: 0 var(--space-10) 0 0; padding: 0; text-align: center; border: none; background: transparent; line-height: 20px; }
  body #divSayfalamaUst.Slct .blockSelect i { color: var(--ash); line-height: 40px; font-size: 0; float: left; }
  body #divSayfalamaUst.Slct .blockSelect a:hover i,
  body #divSayfalamaUst.Slct .blockSelect a.Active i { color: var(--smoke); }
  body #divSayfalamaUst.Slct .blockSelect .sort_3 { width: 32px; height: 40px; background: url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/list3.svg) no-repeat left center; background-size: 100%; }
  body #divSayfalamaUst.Slct .blockSelect .sort_3.Active { background-image: url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/list3-active.svg); }
  body #divSayfalamaUst.Slct .blockSelect .sort_4 i { width: 44px; height: 40px; background: url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/list4.svg) no-repeat left center; background-size: 100%; position: relative; }
  body #divSayfalamaUst.Slct .blockSelect .sort_4.Active i { background-image: url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/list4-active.svg); }

  /* Fixed sticky header */
  #headerNew.fixed { position: fixed; top: -100%; left: 0; right: 0; margin: 0; padding: 0; z-index: 1000; width: 100%; border: none; transition: top 0.3s ease-in-out; }
  #headerNew.fixed.gectop { top: 0; }
  #headerNew.fixed #top-bar, #headerNew.fixed #wide-nav { display: none; }

  .SmallImages #divVideoGoruntulemeAlan { padding-bottom: 150%; }
  .SmallImages div:first-child { width: 100% !important; }
  .SmallImages #divThumpVideo { display: none !important; }
}

/* ============================================================
   RESPONSIVE — Mobile (max-width: 1041px)
   ============================================================ */
@media screen and (max-width: 1041px) {
  :root { --container-pad: 0px; }

  /* Category grid mobile */
  .categoryContainer .ProductList.PlSc_hrz .ItemOrj { width: 100%; max-width: 100%; flex: 0 0 100%; }
  .categoryContainer .ProductList.PlSc_2 .ItemOrj   { width: 50%;  max-width: 50%;  flex: 0 0 50%;  }
  .categoryContainer .ProductList.PlSc_3 .ItemOrj   { width: 50%;  max-width: 50%;  flex: 0 0 50%;  }
  .categoryContainer .ProductList.PlSc_4 .ItemOrj   { width: 50%;  max-width: 50%;  flex: 0 0 50%;  }
  .categoryContainer .ProductList.PlSc_5 .ItemOrj   { width: 50%;  max-width: 50%;  flex: 0 0 50%;  }
  body:not(.sepetimBody) .ItemOrj { width: 50%; max-width: 50%; flex: 0 0 50%; padding: 0 5px; }
  .categoryContainer .ProductList { margin: 0 -5px; }
  .categoryContainer .ProductListContent .productItem { margin-bottom: var(--space-3); }

  body .mobilFilterOpenBtn .button { font-size: var(--text-sm); }

  /* Product detail mobile */
  .leftImage   { float: left; width: 100%; }
  .RightDetail { width: 100%; padding: var(--space-3) 0 0; }

  body a#linkOncekiSayfa { display: none; }
  body .leftImage a#linkOncekiSayfa {
    position: absolute; top: 0; left: 0; width: 36px;
    background: var(--white); text-align: center; font-size: 0 !important;
    font-family: 'FontAwesome'; color: var(--ink); z-index: 5;
    line-height: 36px; display: block; border-radius: 0 0 var(--radius-sm) 0;
  }
  body .leftImage a#linkOncekiSayfa::before { content: '\f053'; font-size: 18px; display: inline-block; vertical-align: top; line-height: 36px; }

  #divUrunKodu { clear: left; float: left; line-height: 1; }
  #divUrunKodu span { line-height: 1; }
  #divTaksitAciklama { clear: left; float: left; }

  .urunOzellik { display: none; }
  .urunOzellikTab { margin: var(--space-6) 0; display: block; float: left; width: 100%; }
  .urunOzellikTab .urunTab { float: left; width: 100%; }
  .urunOzellikTab .urunTab > ul { list-style: none; padding: 0; margin: 0; }
  .urunOzellikTab .urunTab > ul > li { float: left; width: 100%; }
  .urunOzellikTab .urunTab > ul > li .urunDetayPanel { display: none !important; }
  .urunOzellikTab .urunTab > ul > li[onofftip="true"] .urunDetayPanel { display: block !important; }
  .urunOzellikTab .divYorumlarV2Slide     { width: 100%; margin-bottom: var(--space-8); }
  .urunOzellikTab .divYorumlarV2Ortalama  { width: 100%; margin-left: 0; }
  .urunOzellikTab .divYorumlarV2Section1_1a1a { flex-direction: column; }
  .urunOzellikTab .divYorumlar-t1c9k     { max-width: 100%; min-width: 0; }
  .urunOzellikTab .taksitWrapper .taksitBlock { width: 100%; padding-left: 0; padding-right: 0; }
  .urunOzellikTab .taksitWrapper .taksitBlock .taksitBlockContent { max-width: 100%; }
  .urunOzellikTab .yorum-item-left { flex: 0 0 100%; }
  .urunOzellikTab .v2YorumFilter  { width: 100%; }
  .urunOzellikTab .v2YorumFiltreGrup { display: block; }
  .urunOzellikTab .v2YorumFilter li,
  .urunOzellikTab .v2YorumFilter ul li { width: 100%; }

  /* Row resets mobile */
  .row { margin: 0; }
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
  .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { flex: 0 0 100%; max-width: 100%; padding: 0; }

  .detaySliderContainer { margin: var(--space-3) 0; }
  .sliderBannerContainer { margin: var(--space-3) 0; }
  .leftImage .ProductGallery .gallery-container .GalleryArea { width: 100%; }

  /* Container padding mobile */
  body #headerNew .headerContainer,
  body .footerTemp .footerTempContainer,
  body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap { padding-right: 0; padding-left: 0; }
  body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav { left: 0; right: 0; }
  #mainHolder_divDesign section.t-vw-9,
  #mainHolder_divDesign section.t-vw-9.t-lr-2,
  #mainHolder_divDesign section.t-vw-9.t-lr-3 { padding-right: 0; padding-left: 0; }
  .headerContent,
  body ul.breadcrumb,
  .navigation > div,
  .userLoginContent,
  .hesabimContent,
  .sepetimBody .headerContent,
  .sepetimBody #footer .ticiContainer,
  .ticiContainer { padding-right: 10px; padding-left: 10px; }
  .homeContainer .ProductListContent .ProductList { padding-right: 0; padding-left: 0; }
  .markaSlider .jCarouselLite { padding-right: 0; padding-left: 0; }

  body.CategoryBody .categoryTitleText { padding-right: var(--space-3); padding-left: var(--space-3); }
  body #headerNew .flex-left .nav-left { justify-content: flex-start; }
  body #headerNew #top-bar { display: none !important; }
  body #headerNew .cart-item .sepetUrunSayisi::before,
  body #headerNew .cart-item .sepetUrunSayisi::after { display: none; }
  .categoryTitleText { margin: 0; }

  .TopDet #productDetailRelated.ilgiliUrunSecenek > a { width: 100px; }
  #divSatinAl { margin: var(--space-5) 0; }
  .TopDet { margin-bottom: var(--space-5); }

  .productItem .productPrice { float: left; }
  .productLeft { left: 5px; top: 5px; }
  .productLeft > div { margin-bottom: 2px; }
  .productLeft .ozelAlan1,
  .productLeft .ozelAlan2,
  .productLeft .ozelAlan3,
  .productLeft .ozelAlan4,
  .productLeft .ozelAlan5 { line-height: 18px; height: 18px; font-size: 9px; max-width: 70px; padding: 0 3px; border-radius: var(--radius-sm); }
  .productRight { right: 5px; top: 5px; }
  .productRight > div { margin-bottom: 2px; }
  .productRight .cargoIcon  { width: 45px; font-size: 9px; padding: 3px; height: 26px; line-height: 10px; border-radius: var(--radius-sm); }
  .productRight .newIcon    { line-height: 18px; height: 18px; font-size: 9px; width: 26px; border-radius: var(--radius-sm); }
  .productRight .discountIcon{ line-height: 18px; height: 18px; font-size: 9px; width: 40px; border-radius: var(--radius-sm); }
  .productRight .discountIcon::before { width: 10px; height: 10px; margin-right: 3px; }

  .productItem .productName { padding-right: var(--space-5); margin-top: var(--space-4); }
  .productItem .productName a { font-size: var(--text-sm); line-height: 1.3; }
  .productItem .regularPrice { margin-right: var(--space-2); }
  .productItem .regularPrice span,
  .productItem .discountPrice span { font-size: var(--text-base); }
  .productItem .favori a { width: 18px; }
  .productItem .favori a::before { font-size: 16px; }

  .categoryContainer .ProductListContent .ItemOrj { margin-bottom: var(--space-5); }
  .pageNumberContent a, .pageBorder a { min-width: 35px; height: 35px; line-height: 35px; }
  .pageNumberBottom { margin: var(--space-6) 0; }

  .ebultenDivTemp .newsletterContent { margin-top: var(--space-3); }
  #mainHolder_divDesign .ticimaxTabHead { margin: var(--space-5) 0; }
  #mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { margin-bottom: var(--space-5) !important; }
  #mainHolder_divDesign section.design-bg-10 { padding-top: 1vw !important; padding-bottom: 1vw !important; }
  #mainHolder_divDesign .ticimaxTabHead ul li { margin: 0 var(--space-3); }
  #mainHolder_divDesign .sliderBannerContainer .ProductList { padding-right: 1vw; padding-left: 1vw; }
  #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1 { margin-top: var(--space-5) !important; }
  .productItem .mycartIcon { display: none !important; }
  .leftBlock {
    display: none;
  }
  .centerCount.LeftMiddle {
    width: 100%;
  }
}

@media screen and (min-width: 414px) {}
@media screen and (min-width: 375px) and (max-width: 413px) {}
@media screen and (min-width: 0px) and (max-width: 374px) {}


/* custom */
.productItem .productImage a {
  padding-bottom: 100%!important;
}

#divTopProductSearch {
  width: 100%!important;
}

body #headerNew #divTopProductSearch .searchform-wrapper #txtbxArama {
    background: unset!important;
    border: 1px solid #a93120!important;
    border-radius: 3px;
}

body #headerNew #divTopProductSearch .searchform-wrapper #btnKelimeAra {
    background: #a93120!important;
    left: 0!important;
    border-radius: 3px!important;
}

body #headerNew #divTopProductSearch .searchform-wrapper #btnKelimeAra i {
    color: #fff!important;
    padding-right: 0!important;
}
div#divSocialButtons, .SoruSorbtnContent, .FiyatHaberVer, .UKarsilastirma, .ArkadasiniDavetetBlock {
    display: none!important;
}

.header-wrapper .header-main {
    padding: 0 20px;
}

.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a {
  color: #a93120!important;
}

/* --- Yuvarlak Kategori (Story) Slider Stilleri --- */

.story-bubble-wrapper {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 40px auto 0px 0;
    padding: 0; /* Sağ ve sol padding tamamen kaldırıldı */
}

.story-bubble-track {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    scroll-behavior: smooth;
    padding: 10px 5px 20px 5px; /* Alt gölgelerin kesilmemesi için dikey padding */
}

/* Chrome, Safari, Opera Scrollbar Gizleme */
.story-bubble-track::-webkit-scrollbar {
    display: none;
}

.story-bubble-item {
    flex: 0 0 calc(16.666% - 17px); /* Masaüstünde 6 öğe görünür */
    scroll-snap-align: start;
}

.story-bubble-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    text-align: center;
    gap: 16px; /* Görsel ile metin arası boşluk */
}

/* Tam Yuvarlak Görsel Çerçevesi */
.story-bubble-image {
    width: 100%;
    aspect-ratio: 1 / 1; /* Kusursuz kare oranı */
    border-radius: 50%; /* Yuvarlak (Daire) formu */
    overflow: hidden;
    background-color: var(--color-pure-white, #ffffff);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* Hafif derinlik hissi */
    border: 2px solid transparent; 
    transition: transform 0.3s ease, border-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.story-bubble-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Resmi dairenin içine esnetmeden oturtur */
    border-radius: 50%;
}

/* Başlık Stili */
.story-bubble-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-color); 
    line-height: 1.4;
    transition: color 0.2s ease;
    padding: 0 10px;
}

/* Hover Animasyonları */
.story-bubble-link:hover .story-bubble-image {
    transform: scale(1.05); /* Üzerine gelince hafif büyüme */
    border-color: var(--theme-color);
}
.story-bubble-link:hover .story-bubble-title {
    opacity: 0.8;
}

/* --- Yönlendirme Okları --- */
.story-nav-btn {
    position: absolute;
    top: 40%;
    width: 40px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    z-index: 10;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.story-nav-btn svg {
    width: 24px;
    height: 24px;
    fill: #333333;
}

/* Butonları çerçevenin tam %50'si kadar dışa taşıyoruz */
.story-nav-btn.prev-btn { 
    left: 0; 
    transform: translate(-50%, -50%); 
}
.story-nav-btn.next-btn { 
    right: 0; 
    transform: translate(50%, -50%); 
}

/* Hover durumunda translate değerlerini ezmemek için scale ile birlikte yazıyoruz */
.story-nav-btn.prev-btn:hover {
    background: #f9f9f9;
    transform: translate(-50%, -50%) scale(1.1);
}
.story-nav-btn.next-btn:hover {
    background: #f9f9f9;
    transform: translate(50%, -50%) scale(1.1);
}

/* --- Responsive (Telefon ve Tablet Uyumu) --- */
@media (max-width: 1200px) {
    .story-bubble-item { flex: 0 0 calc(20% - 16px); } /* 5 öğe */
}

@media (max-width: 1024px) {
    .story-bubble-item { flex: 0 0 calc(25% - 15px); } /* 4 öğe */
}

@media (max-width: 768px) {
    .story-bubble-wrapper { margin: 24px auto; }
    .story-nav-btn { display: none; } /* Mobilde taşma yapmaması için gizleniyor, swipe ile çalışır */
    .story-bubble-item { flex: 0 0 calc(33.333% - 13px); } /* 3 öğe */
    .story-bubble-title { font-size: 14px; }
}

@media (max-width: 480px) {
    .story-bubble-item { flex: 0 0 calc(40%); } /* Dar mobilde bir kısmı görünür */
}

div#mainHolder_divDesign section:last-child {
    padding-bottom: var(--space-10)!important;
    border-radius: 0 0 10px 10px;
}

section#sliderblok_0 {
    border-radius: 10px 10px 0 0!important;
    position: relative;
    overflow: hidden;
}

body #headerNew #wide-nav {
    box-shadow: 0px 3px 6px #8B8B8B29;
    border-radius: 0 0 10px 10px;
}

.full-width-banner .ticiContainer {
    margin: 0!important;
    width: 100%!important;
    max-width: 100%!important;
}

.full-width-banner {
  padding-top: 30px!important;
}
  
  .footerTemp > section { padding-left: 20px !important; padding-right: 20px !important; }
  
  /* --- Ürün Detay Görsel Galerisi (Faire ES Mimarisi) --- */

/* Konteyner Düzeni */
.leftImage { 
    width: 55%; 
    float: left; 
    position: relative; 
    padding: 0; 
    display: flex; 
    flex-direction: column; /* Görselleri ve küçük resimleri alt alta dizer */
    gap: 16px; /* Araya 16px boşluk ekler */
}
.RightDetail { 
    width: 45%; 
    float: left; 
    position: relative; 
    padding: 0 0 0 48px;
}

/* --- Ürün Detay Görsel Galerisi (Faire ES Mimarisi) --- */

.leftImage { 
    width: 55%; 
    float: left; 
    position: relative; 
    padding: 0; 
    display: flex; 
    flex-direction: column; 
}
.RightDetail { 
    width: 45%; 
    float: left; 
    position: relative; 
    padding: 0 0 0 48px;
}

/* YENİ: Ana Görsel Sarmalayıcısı (Zoom Katmanından Korunmak İçin) */
.faire-gallery-stage {
    position: relative;
    width: 100%;
    margin-bottom: 16px;
}

/* 1. Ana Büyük Görsel */
.leftImage .Images {
    width: 100% !important;
    padding-bottom: 100% !important; /* Kusursuz 1:1 Kare Oran */
    position: relative;
    border: 1px solid var(--color-ash, #dadada);
    border-radius: var(--radius-strict, 4px);
    background: var(--color-pure-white, #ffffff);
    overflow: hidden; 
    margin: 0 !important;
}
.leftImage .Images img#imgUrunResim {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100% !important; 
    height: 100% !important;
    object-fit: contain !important; 
    margin: auto;
}

/* 2. İleri-Geri Butonları */
.faire-gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    background: var(--color-pure-white, #ffffff) !important;
    border: 1px solid var(--color-ash, #dadada) !important;
    border-radius: var(--radius-pill, 40px) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 99 !important; /* CloudZoom mousetrap'in üzerine çıkar */
    transition: background 0.2s ease, transform 0.2s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important; 
}
.faire-gallery-nav svg { width: 24px; height: 24px; fill: var(--color-ink-black, #000000); }
.faire-gallery-nav.prev { left: 16px; }
.faire-gallery-nav.next { right: 16px; }
.faire-gallery-nav:hover { background: var(--color-cream-paper, #fbf8f6) !important; transform: translateY(-50%) scale(1.05); }

/* 3. Küçük Görseller (Thumbnails) */
.leftImage .SmallImages {
    display: flex !important; 
    flex-direction: row !important;
    gap: 16px !important;
    width: 100% !important;
    overflow-x: auto !important;
    scroll-behavior: smooth;
    margin-top: 0 !important; 
    padding: 0 0 8px 0 !important; /* Alt scrollbar payı */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
    float: none !important; 
}
.leftImage .SmallImages::-webkit-scrollbar { display: none; } 

.leftImage .SmallImages .AltImgCapSmallImg {
    flex: 0 0 calc(20% - 13px) !important; /* 5'li hizalama */
    aspect-ratio: 1 / 1 !important; 
    border: 1px solid var(--color-ash, #dadada) !important;
    border-radius: var(--radius-strict, 4px) !important;
    background: var(--color-pure-white, #ffffff) !important;
    overflow: hidden !important;
    cursor: pointer;
    transition: border-color 0.2s ease;
    padding: 0 !important;
    width: auto !important; 
    float: none !important; 
}

.leftImage .SmallImages .AltImgCapSmallImg img {
    width: 100% !important; 
    height: 100% !important;
    object-fit: cover !important; 
    border-radius: var(--radius-strict, 4px) !important;
    padding: 0 !important; 
}

/* Aktif Hover ve Seçili Resim */
.leftImage .SmallImages .AltImgCapSmallImg.active, 
.leftImage .SmallImages .AltImgCapSmallImg:hover {
    border-color: var(--color-ink-black, #000000) !important;
}

/* --- Duyarlı (Responsive) Tasarım --- */
@media (max-width: 1041px) {
    .leftImage { width: 100%; margin-bottom: 32px; }
    .RightDetail { width: 100%; padding: 0; }
    .faire-gallery-nav { display: none !important; } 
    .leftImage .SmallImages .AltImgCapSmallImg { flex: 0 0 calc(25% - 12px) !important; } 
}